.elementor-kit-18{--e-global-color-primary:#DD1212;--e-global-color-secondary:#1E2631;--e-global-color-text:#4E4E4E;--e-global-color-accent:#DD1212;--e-global-color-8bb7284:#FFFFFF;--e-global-color-5f78053:#F7F8FA;--e-global-color-6f4f06b:#E5E7EB;--e-global-color-811063e:#7F2020;--e-global-color-c95f8a3:#F7F7F7;--e-global-color-9d2f5c1:#D6D9DC;--e-global-color-99d8fb0:#F1F2F2;--e-global-color-3a20131:#0D1318;--e-global-color-0685068:#333333;--e-global-color-1c6cc4e:#4F5257;--e-global-color-58be2d5:#770000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;background-color:var( --e-global-color-8bb7284 );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.7;}.elementor-kit-18 button,.elementor-kit-18 input[type="button"],.elementor-kit-18 input[type="submit"],.elementor-kit-18 .elementor-button{background-color:var( --e-global-color-primary );font-size:16px;font-weight:600;line-height:1.4px;color:var( --e-global-color-8bb7284 );border-style:none;border-radius:6px 6px 6px 6px;padding:12px 24px 12px 24px;}.elementor-kit-18 button:hover,.elementor-kit-18 button:focus,.elementor-kit-18 input[type="button"]:hover,.elementor-kit-18 input[type="button"]:focus,.elementor-kit-18 input[type="submit"]:hover,.elementor-kit-18 input[type="submit"]:focus,.elementor-kit-18 .elementor-button:hover,.elementor-kit-18 .elementor-button:focus{background-color:var( --e-global-color-811063e );color:var( --e-global-color-8bb7284 );border-style:none;border-radius:6px 6px 6px 6px;}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}.elementor-kit-18 a{color:var( --e-global-color-text );line-height:1.5;}.elementor-kit-18 a:hover{color:var( --e-global-color-primary );}.elementor-kit-18 h1{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;line-height:1.2;}.elementor-kit-18 h2{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;line-height:1.3;}.elementor-kit-18 h3{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:1.35;}.elementor-kit-18 h4{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;line-height:1.4;}.elementor-kit-18 h5{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;line-height:1.4;}.elementor-kit-18 h6{color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:1.5;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-18{font-size:16px;line-height:1.7em;}.elementor-kit-18 a{font-size:16px;}.elementor-kit-18 h1{font-size:20px;line-height:1.3em;}.elementor-kit-18 h2{font-size:18px;}.elementor-kit-18 h3{font-size:18px;}.elementor-kit-18 h4{font-size:18px;}.elementor-kit-18 h5{font-size:16px;}.elementor-kit-18 h6{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================================
 * messcan 产品归档页 —— 分类胶囊（Option B）样式 + 当前分类激活态高亮
 *
 * 重要：本版【不依赖】按钮的 CSS Classes（Elementor 有时不会把 css_classes
 *   渲染到前端 HTML）。改为按按钮的链接 href 定位胶囊，href 一定在 HTML 里，可靠。
 *
 * 用法（粘贴即生效）：
 *   1) Elementor 后台 → Site Settings（站点设置）→ Custom CSS（全局，推荐）
 *   2) 或 外观 → 自定义 → 额外 CSS
 *
 * ⚠ 前提：5 个按钮的链接必须指向正确地址（否则筛选不过滤、激活态也不准）：
 *   All Products                → https://messcan.com/product/
 *   3D Laser Scanners          → https://messcan.com/product-category/3d-laser-scanners/
 *   Industrial ... Distance ... → https://messcan.com/product-category/industrial-laser-distance-sensors/
 *   Phase ... Distance ...      → https://messcan.com/product-category/phase-laser-distance-sensors/
 *   Pulse ... Distance ...      → https://messcan.com/product-category/pulse-laser-distance-sensors/
 * ========================================================================= */

/* 1) 胶囊默认形态：All 按钮(href 以 /product/ 结尾) + 4 个分类按钮(href 含 /product-category/) */
a.elementor-button[href$="/product/"],
a.elementor-button[href*="/product-category/"] {
  border: 1px solid #D8DADB !important;
  border-radius: 999px !important;
  background-color: #FFFFFF !important;
  color: #0D1318 !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
a.elementor-button[href$="/product/"] .elementor-button-text,
a.elementor-button[href*="/product-category/"] .elementor-button-text {
  color: #0D1318 !important;
}

/* 2) 悬停态：红底白字 */
a.elementor-button[href$="/product/"]:hover,
a.elementor-button[href*="/product-category/"]:hover,
a.elementor-button[href$="/product/"]:hover .elementor-button-text,
a.elementor-button[href*="/product-category/"]:hover .elementor-button-text {
  background-color: #DD1212 !important;
  border-color: #DD1212 !important;
  color: #FFFFFF !important;
}

/* 3) 当前分类激活态（按 body class 匹配当前页，零代码、后台可改）
 *    - /product/（全部产品归档，且无 tax） → All 高亮
 *    - 各产品分类归档页 → 对应胶囊高亮
 *    模板 Display Condition 设为 “Product Archive → All” 后，分类页也套用本模板，
 *    跳到分类页时对应胶囊自动变红。 */
body.post-type-archive-product:not(.tax-product_cat) a.elementor-button[href$="/product/"],
body.term-3d-laser-scanners a.elementor-button[href*="/product-category/3d-laser-scanners/"],
body.term-industrial-laser-distance-sensors a.elementor-button[href*="/product-category/industrial-laser-distance-sensors/"],
body.term-phase-laser-distance-sensors a.elementor-button[href*="/product-category/phase-laser-distance-sensors/"],
body.term-pulse-laser-distance-sensors a.elementor-button[href*="/product-category/pulse-laser-distance-sensors/"] {
  background-color: #DD1212 !important;
  border-color: #DD1212 !important;
  color: #FFFFFF !important;
  font-weight: 700;
}
body.post-type-archive-product:not(.tax-product_cat) a.elementor-button[href$="/product/"] .elementor-button-text,
body.term-3d-laser-scanners a.elementor-button[href*="/product-category/3d-laser-scanners/"] .elementor-button-text,
body.term-industrial-laser-distance-sensors a.elementor-button[href*="/product-category/industrial-laser-distance-sensors/"] .elementor-button-text,
body.term-phase-laser-distance-sensors a.elementor-button[href*="/product-category/phase-laser-distance-sensors/"] .elementor-button-text,
body.term-pulse-laser-distance-sensors a.elementor-button[href*="/product-category/pulse-laser-distance-sensors/"] .elementor-button-text {
  color: #FFFFFF !important;
}



/* MESSCAN Single Post: 正文超链接统一样式 */

/* 默认状态：深灰色文字 + 下划线 */
.single-post .elementor-widget-theme-post-content a,
.single-post .elementor-widget-post-content a,
.single-post .elementor-widget-theme-post-content a:visited,
.single-post .elementor-widget-post-content a:visited {
    color: #4E4E4E;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

/* 鼠标悬停：品牌红色 */
.single-post .elementor-widget-theme-post-content a:hover,
.single-post .elementor-widget-post-content a:hover {
    color: #A52A2A;
    text-decoration: underline;
}

/* 键盘焦点：保留清晰的交互提示 */
.single-post .elementor-widget-theme-post-content a:focus-visible,
.single-post .elementor-widget-post-content a:focus-visible {
    outline: 2px solid #A52A2A;
    outline-offset: 3px;
}/* End custom CSS */