/* 美斯安全局配色 — 官方 logo 绿同色系（114°）打底 + 深林绿收底
   logo 实测绿 #52A848（hue 113.7°），站内绿对齐该色相：
   #2C9E20 主色(114°)、#58C74C 面板(114°/亮)、#224D1D 深林绿（页脚/Hero）
   绿色即环保语义，工业实拍 + 数据区块出科技感 */
:root{
  --m-blue:#2C9E20;           /* 主色：logo 同色相绿（按钮/链接/选中） */
  --m-blue-bright:#58C74C;    /* 亮绿面板（信任栏/纱线板块） */
  --m-blue-deep:#224D1D;      /* 深林绿（页脚/Hero/底部CTA） */
  --m-accent:#2C9E20;         /* 眉标/环保板块/页脚顶边 */
  --m-green:#2C9E20;          /* 品牌绿 */
  --m-orange:#FF6A00;         /* 仅购物车/促销标签 */
  --m-ink:#1F2D22;
  --m-muted:#5f6f63;
  --m-line:#e3ebf3;
}

/* ---------- 页头 ---------- */
.site-header{
  background:#fff;
  border-bottom:3px solid var(--m-blue);
  box-shadow:0 2px 16px rgba(24,66,20,.16);
}
.site-header .site-title a,
.site-branding .site-title a{ color:var(--m-blue)!important; }
.site-header .site-description{ color:var(--m-muted); }
.site-header .main-navigation a{ color:#22304a; font-weight:600; letter-spacing:.2px; }
.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a,
.site-header .main-navigation .current_page_item > a{ color:var(--m-blue); }
.site-header .main-navigation ul li a::after{ border-bottom-color:var(--m-blue)!important; }
.site-header-cart .cart-contents::before{ color:var(--m-blue); }
.site-header .custom-logo{ max-height:90px; height:auto; width:auto; }

/* 去掉主题自带的紫色焦点轮廓（Storefront/Woo 默认 focus outline） */
.site-header a:focus,
.site-header .main-navigation ul.menu > li > a:focus,
.site-header .main-navigation ul.menu > li > a:focus-visible,
.site-header .main-navigation ul.menu > li > a:active,
.site-header .main-navigation ul.menu > li > a:hover{
  outline:none!important;
  outline-color:transparent!important;
}
.site-header .main-navigation li.current-menu-item > a:focus,
.site-header .main-navigation li.current-menu-item > a:active,
.site-header .main-navigation li.current_page_item > a:focus,
.site-header .main-navigation li.current_page_item > a:active{
  outline:none!important;
  box-shadow:0 0 22px rgba(44,158,32,.55), 0 0 46px rgba(88,199,76,.30)!important;
}

/* ---------- 导航：平时绿字；点击后绿光晕以字为中心慢慢晕开、文字转灰黑；切换时光晕慢慢转移 ---------- */
.site-header .main-navigation ul.menu > li:not(.mesian-sourcing-item){
  position:relative;
  z-index:0;
}
.site-header .main-navigation ul.menu > li:not(.mesian-sourcing-item) > a{
  position:relative;
  color:var(--m-blue)!important;
  border-radius:10px;
  border:2px solid transparent;
  box-shadow:0 0 0 rgba(44,158,32,0);
  transition:color .8s ease, box-shadow 1.15s ease, border-color 1.15s ease, background-color 1.15s ease;
}
.site-header .main-navigation ul.menu > li:not(.mesian-sourcing-item) > a::before{
  content:'';
  position:absolute; left:50%; top:50%;
  width:190%; height:340%;
  transform:translate(-50%,-50%) scale(.08);
  border-radius:999px;
  background:radial-gradient(closest-side, rgba(44,158,32,.78) 0%, rgba(88,199,76,.46) 42%, rgba(88,199,76,.14) 68%, rgba(88,199,76,0) 100%);
  opacity:0;
  transition:opacity 1.15s cubic-bezier(.16,1,.3,1), transform 1.15s cubic-bezier(.16,1,.3,1);
  z-index:-1;
  pointer-events:none;
}
.site-header .main-navigation li.current-menu-item:not(.mesian-sourcing-item) > a,
.site-header .main-navigation li.current_page_item:not(.mesian-sourcing-item) > a{
  color:#262626!important;
  text-shadow:none!important;
  border-color:transparent!important;
  background:rgba(255,255,255,.72);
  box-shadow:0 0 22px rgba(44,158,32,.55), 0 0 46px rgba(88,199,76,.30);
}
.site-header .main-navigation li.current-menu-item:not(.mesian-sourcing-item) > a::before,
.site-header .main-navigation li.current_page_item:not(.mesian-sourcing-item) > a::before{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.site-header .main-navigation ul.menu > li:not(.mesian-sourcing-item):hover > a{
  color:#1F7A15!important;
  border-color:transparent;
  box-shadow:0 0 14px rgba(44,158,32,.34);
}
.site-header .main-navigation ul.menu > li:not(.mesian-sourcing-item):hover > a::before{
  opacity:.55;
  transform:translate(-50%,-50%) scale(.7);
}
.site-header .main-navigation ul li:not(.mesian-sourcing-item) > a::after{
  border-bottom-color:var(--m-blue)!important;
  box-shadow:0 0 10px rgba(44,158,32,.55);
}

/* ---------- 按钮 ---------- */
.button, button.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button,
.wp-block-button__link{
  background:var(--m-blue)!important;
  color:#fff!important;
  border-radius:6px;
  font-weight:600;
  border:none;
  box-shadow:0 2px 8px rgba(24,66,20,.28);
  transition:background .18s, transform .18s, box-shadow .18s;
}
.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{
  background:var(--m-blue-deep)!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(24,66,20,.34);
}
.added_to_cart, .wc-forward{ background:var(--m-orange)!important; box-shadow:none; }
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt{ background:var(--m-orange)!important; }
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover{ background:#e57a00!important; }

/* ---------- 链接 / 文本 ---------- */
a{ color:var(--m-blue); }
a:hover{ color:var(--m-blue-deep); }
.onsale{ background:var(--m-orange)!important; border-color:var(--m-orange)!important; color:#fff!important; }
.price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--m-blue-deep)!important; }
.woocommerce-breadcrumb a{ color:var(--m-blue); }
.woocommerce-pagination .page-numbers.current{ background:var(--m-blue)!important; border-color:var(--m-blue)!important; }

/* ---------- 产品卡片精致化 ---------- */
.woocommerce ul.products li.product{
  border:1px solid var(--m-line); border-radius:10px; overflow:hidden; background:#fff;
  transition:transform .2s, box-shadow .2s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 28px rgba(24,66,20,.22);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover{ color:var(--m-blue); }
.woocommerce ul.products li.product .price{ color:var(--m-blue-deep)!important; }

/* ---------- 页脚（浅色，版权行居中放大） ---------- */
.site-footer{ background:#F4FAF0; color:#41573B; border-top:4px solid var(--m-accent); }
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer .widget-title{ color:#224D1D; }
.site-footer a{ color:#2C9E20; }
.site-footer a:hover{ color:#224D1D; }
.site-info{
  background:#EAF6E4;
  color:#33502B;
  text-align:center!important;
  font-size:16px;
  letter-spacing:.3px;
  padding:28px 16px!important;
}
.site-info a{ color:#2C9E20!important; font-weight:600; }
.site-info a:hover{ color:#224D1D!important; }

/* ---------- 页头整体协调布局（flex 两行式） ----------
   行1：logo（左） + 搜索框（右），垂直居中对齐；
   行2：导航菜单（左） + 代购胶囊、检索地图（右，随菜单 flex 流排布）。 */
.site-header-cart{ display:none!important; }
.main-navigation > div.menu{ display:none!important; }
.main-navigation ul.menu{ display:flex!important; align-items:center; flex-wrap:nowrap; }
/* 行1：branding 与搜索框垂直居中 */
.site-header > .col-full{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:0;
  position:relative;
}
/* skip-link 是视障辅助元素，不得参与 flex 占位（否则 logo 被挤到中间） */
.site-header > .col-full > .skip-link{
  position:absolute!important;
  width:1px!important;height:1px!important;
  margin:0!important;padding:0!important;
}
.site-header .site-branding{
  width:auto!important;
  max-width:44%!important;
  float:none!important;
  margin:0 auto 0 0!important; /* margin-right:auto 吸收剩余空间，logo 恒贴左 */
  flex:0 1 auto;
}
/* 行2：导航行与行1 同宽居中，菜单靠左、胶囊/地图随 flex 流靠右 */
.site-header .main-navigation{
  width:100%!important;
  float:none!important;
  margin:0!important;
}
.main-navigation ul.menu{ justify-content:flex-start; gap:0 2px; }
.main-navigation ul.menu > li{ margin-right:0; white-space:nowrap; }
.main-navigation ul.menu > li > a{ white-space:nowrap!important; padding:.5em .55em!important; }
.main-navigation ul.menu > li:last-child{ margin-left:auto; }
.site-header .storefront-primary-navigation{ padding:4px 0 8px; }
li.mesian-sourcing-item{ margin:0 0 0 18px!important; padding:0!important; display:flex!important; align-items:center; }
li.mesian-map-item{ display:flex!important; align-items:center; margin:0 0 0 16px!important; padding:0!important; }
li.mesian-sourcing-item > a.mesian-sourcing{
  display:inline-flex;align-items:center;gap:5px;flex:none;
  background:#2C9E20;
  color:#fff!important;
  padding:5px 12px;border-radius:7px;
  font-size:14px;font-weight:600;white-space:nowrap;
  text-decoration:none;
  box-shadow:0 2px 5px rgba(24,66,20,.16);
  transition:background .18s,transform .18s;
}
.mesian-sourcing:hover{ background:#224D1D;color:#fff!important;transform:translateY(-1px); }
@media (max-width:1300px){
  li.mesian-map-item{ display:none!important; }
}
@media (max-width:900px){
  li.mesian-sourcing-item > a.mesian-sourcing{ font-size:12px;padding:4px 9px; }
}

/* ---------- 页头搜索框加长变扁（完整显示提示文字） + 去紫色聚焦框 ---------- */
/* 根因：Storefront 把 .site-search 容器锁死为父宽 21.7%（约240px），必须覆盖容器宽度；
   页头行1 现为 flex：logo 左、搜索框右、垂直居中。 */
.site-header .custom-logo{ max-height:92px!important; max-width:300px!important; width:auto; height:auto; }
.site-header .site-search,
.site-search{
  width:520px!important;
  max-width:none!important;
  min-width:260px!important;
  float:none!important;
  clear:none!important;
  margin:0!important;
  flex:0 1 auto!important;
}
.site-header .site-search .search-field,
.site-search .search-field,
.site-header .widget_product_search input[type="search"]{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  /* 左侧留出放大镜图标位置（Storefront 图标字体 ::before 定位在左缘） */
  padding:.34em .9em .34em 2.5em!important;
  font-size:15px!important;
  line-height:1.35!important;
  height:auto!important;
  border:1px solid #cfd8d0!important;
  border-radius:4px!important;
  background:#fff!important;
  color:#2b3a2f!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  outline:none!important;
}
/* 放大镜图标：垂直居中于变扁后的输入框，颜色与 placeholder 一致 */
.site-search .widget_product_search form::before{
  top:50%!important;
  left:.95em!important;
  transform:translateY(-50%)!important;
  font-size:14px!important;
  color:#8b9a90!important;
}
.site-header .site-search .search-field::placeholder,
.site-header .widget_product_search input[type="search"]::placeholder{
  color:#8b9a90!important; opacity:1!important;
}
/* 去紫色：input 各种聚焦态一律无轮廓、无紫色阴影，聚焦时改品牌绿 */
.site-header .site-search .search-field:focus,
.site-header .site-search .search-field:focus-visible,
.site-header .site-search .search-field:active,
.site-search .search-field:focus,
.site-header .widget_product_search input[type="search"]:focus,
.site-header .widget_product_search input[type="search"]:focus-visible,
.site-header .widget_product_search input[type="search"]:active{
  outline:none!important;
  outline-color:transparent!important;
  outline-width:0!important;
  box-shadow:none!important;
  border-color:#2C9E20!important;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{
  -webkit-appearance:none!important; appearance:none!important;
}
@media (max-width:768px){
  .site-header > .col-full{ flex-direction:column!important; align-items:stretch!important; gap:12px; }
  .site-header .site-branding{ width:100%!important; max-width:100%!important; }
  .site-header .site-search,
  .site-search{ width:100%!important; }
  .site-header .site-search .search-field,
  .site-search .search-field,
  .site-header .widget_product_search input[type="search"]{ width:100%!important; }
}
.mesian-map-link{
  align-items:center;gap:6px;flex:none;white-space:nowrap;
  color:#5f6f63!important;font-size:14.5px;font-weight:600;
  text-decoration:none;letter-spacing:.4px;
  transition:color .18s;
}
.mesian-map-link:hover{ color:#2C9E20!important; }
.mesian-map-link svg{ display:block; width:16px; height:16px; }

/* ---------- Hero 背景轮播（工厂/车间大图淡入淡出） ---------- */
.hero-slide{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  filter:saturate(1.16) contrast(1.07) brightness(1.06);
  opacity:0;
  animation-name:hero-fade;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
@keyframes hero-fade{ 0%{opacity:0;} 3%{opacity:1;} 22%{opacity:1;} 27%{opacity:0;} 100%{opacity:0;} }
@media (prefers-reduced-motion:reduce){
  .hero-slide{ animation:none!important; }
  .hero-slide:first-child{ opacity:1; }
  .m-track{ animation:none!important; }
}

/* ---------- 页脚产品展示带（大图块·视觉冲击，双排反向滚动） ---------- */
.mesian-marquee{ width:100%; background:linear-gradient(180deg,#FBFDF9 0%,#EDF8E6 55%,#E2F2D7 100%); border-top:1px solid #e3ebf3; padding:34px 0 18px; overflow:hidden; }
.m-head{ max-width:1200px;margin:0 auto 20px;padding:0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px; }
.m-head .m-eyebrow{ letter-spacing:3px;font-size:12px;color:#2C9E20;margin:0 0 5px;text-transform:uppercase;font-weight:700; }
.m-head .m-sub{ font-size:15px;color:#5f6f63;margin:0; }
.m-head .m-all{ flex:none;font-size:13.5px;font-weight:600;color:#1F7A15;text-decoration:none;border:1.5px solid #2C9E20;border-radius:999px;padding:7px 16px;transition:background .2s,color .2s; }
.m-head .m-all:hover{ background:#2C9E20;color:#fff; }
.m-row{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); }
.m-row + .m-row{ margin-top:16px; }
.m-track{ display:flex; width:max-content; animation:m-scroll 55s linear infinite; }
.m-row-r .m-track{ animation-direction:reverse; }
.m-row:hover .m-track{ animation-play-state:paused; }
@keyframes m-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
a.m-item{
  position:relative; width:280px; height:212px; margin-right:18px; flex:none;
  background:#fff; border:1px solid #e0ead9; border-radius:16px; overflow:hidden;
  text-decoration:none; box-shadow:0 2px 10px rgba(24,66,20,.06);
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
a.m-item .m-img{ display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(180deg,#ffffff 0%,#F4FAF0 100%); }
a.m-item img{ max-width:86%; max-height:80%; object-fit:contain; transition:transform .35s cubic-bezier(.16,1,.3,1); }
a.m-item .m-cap{
  position:absolute; left:0; right:0; bottom:0;
  padding:30px 14px 11px;
  background:linear-gradient(180deg,rgba(20,40,16,0) 0%,rgba(20,40,16,.85) 60%);
  color:#fff; font-size:13px; line-height:1.35; font-weight:600;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
a.m-item:hover{ border-color:#2C9E20; box-shadow:0 14px 32px rgba(24,66,20,.22); transform:translateY(-4px); }
a.m-item:hover img{ transform:scale(1.12); }
@media (max-width:900px){
  a.m-item{ width:212px; height:162px; margin-right:14px; }
  a.m-item .m-cap{ font-size:12px; padding:24px 11px 9px; }
  .m-head{ flex-direction:column; align-items:flex-start; }
}

/* ---------- 英文站字体（Montserrat 美 / Inter 欧 / Poppins 中东市场流行） ---------- */
body.mesian-lang-en{ font-family:'Inter','Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif; }
body.mesian-lang-en h1,
body.mesian-lang-en h2,
body.mesian-lang-en h3,
body.mesian-lang-en .widget-title,
body.mesian-lang-en .entry-title{ font-family:'Montserrat','Inter',system-ui,sans-serif; }
body.mesian-lang-en .mesian-sourcing,
body.mesian-lang-en .button,
body.mesian-lang-en button,
body.mesian-lang-en .main-navigation a{ font-family:'Poppins','Inter',system-ui,sans-serif; }

/* ---------- 中文站两档字体：繁体字（瘦金体呈现）/ 微软雅黑 ---------- */
body.mesian-lang-zh{ font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","微软雅黑",sans-serif; }
body.mesian-lang-zh.mesian-font-sjt h1,
body.mesian-lang-zh.mesian-font-sjt h2,
body.mesian-lang-zh.mesian-font-sjt h3,
body.mesian-lang-zh.mesian-font-sjt .entry-title,
body.mesian-lang-zh.mesian-font-sjt .widget-title,
body.mesian-lang-zh.mesian-font-sjt .main-navigation a,
body.mesian-lang-zh.mesian-font-sjt .button,
body.mesian-lang-zh.mesian-font-sjt button,
body.mesian-lang-zh.mesian-font-sjt .mesian-sourcing,
body.mesian-lang-zh.mesian-font-sjt .mesian-lang-switch{
  font-family:"ZCOOL XiaoWei","Microsoft YaHei",serif;
  letter-spacing:1px;
}

/* ---------- 通用区块细节 ---------- */
.mesian-cat-card:hover{ box-shadow:0 10px 26px rgba(24,66,20,.22)!important; transform:translateY(-3px); }
hr, .woocommerce .products hr{ border-color:var(--m-line); }

/* ---------- 首页（page 11）隐藏默认标题、内容全宽 ---------- */
body.page-id-11 .entry-header{ display:none!important; }
body.page-id-11 .inside-article{ padding:0!important; }
body.page-id-11 .entry-content{ margin:0!important; }
body.page-id-11 #content{ padding:0!important; }
body.page-id-11 .site-main{ margin:0!important; }

/* ---------- GeneratePress 兼容 ---------- */
/* GP 的 logo 类名是 header-image is-logo-image（不是 custom-logo），必须限制高度否则撑爆页头 */
.site-header .header-image,
.site-header img.is-logo-image{
  max-height:90px!important;
  width:auto!important;
  height:auto;
}
@media (max-width:768px){
  .site-header .header-image{ max-height:56px!important; }
  .site-header .custom-logo{ max-height:56px; }
}
/* logo 已承担品牌展示，隐藏文字标题避免重复（GP 的标题类是 main-title） */
.site-header .main-title,
.site-header .site-title,
.site-header .site-description{ display:none!important; }
/* 导航横向、配色 */
body.theme-generatepress .site-header{ background:#fff; border-bottom:3px solid var(--m-blue); }
body.theme-generatepress .main-navigation .main-nav > ul > li > a{ color:#22304a; font-weight:600; }
body.theme-generatepress .main-navigation .main-nav > ul > li[class*="current-menu-"] > a{ color:var(--m-blue); }
body.theme-generatepress .site-footer{ background:#F4FAF0; color:#41573B; border-top:4px solid var(--m-accent); }
body.theme-generatepress .site-footer a{ color:#2C9E20; }
body.theme-generatepress .site-info{
  background:#EAF6E4; color:#33502B;
  text-align:center!important; font-size:16px; padding:28px 16px!important;
}
body.theme-generatepress .inside-footer-widgets{ background:#F4FAF0; }