/* ============================================================
   全站页眉 / 页脚 —— Elementor 原生组件版样式
   —— 结构与内容全部由 Elementor 组件承载（文字 / 菜单 / 图片 / 链接
      都能在后台「编辑页眉模板」里改），本文件只负责版式。
   说明：Elementor 容器结构为 .e-con > .e-con-inner，flex 行布局在
        .e-con-inner 上，故子项尺寸统一以 > .e-con-inner > 定位。
   ============================================================ */

/* ---------- 页眉：信息条 ---------- */
.wf-topbar .wf-tb-inner{width:100%;max-width:1200px;margin:0 auto;}
.wf-topbar .wf-tb-inner > .e-con-inner{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  max-width:1200px;margin:0 auto;padding:8px 0;
  color:#F2F5F3;font-size:13px;line-height:1.5;letter-spacing:.02em;
}
.wf-tb-co{width:auto !important;flex:0 1 auto;white-space:nowrap;}
.wf-tb-co .elementor-widget-container{margin:0;}
.wf-tb-co p{margin:0;color:#F2F5F3;font-size:13px;line-height:1.5;letter-spacing:.02em;white-space:nowrap;}
.wf-tb-name{color:#F0F5F2;font-weight:500;}
.wf-tb-bar{display:inline-block;width:1px;height:11px;background:rgba(255,255,255,.26);
  margin:0 12px;vertical-align:-1px;}
.wf-tb-tag{font-style:normal;color:#C9A96E;letter-spacing:.1em;}

.wf-tb-contact{width:auto !important;flex:0 0 auto;}
.wf-tb-contact .elementor-widget-container{margin:0;}
.wf-tb-contact .elementor-icon-list-items{display:flex;align-items:center;gap:16px;}
.wf-tb-contact .elementor-icon-list-item{display:flex;align-items:center;gap:7px;padding:0;margin:0;line-height:1.5;}
.wf-tb-contact .elementor-icon-list-icon{width:auto;flex:0 0 auto;}
.wf-tb-contact .elementor-icon-list-icon svg{width:13px;height:13px;fill:#C9A96E;}
.wf-tb-contact .elementor-icon-list-text{color:#C9A96E;font-size:13px;padding:0;transition:color .2s ease;}
.wf-tb-contact .elementor-icon-list-item:hover .elementor-icon-list-text{color:#F0E4C9;}
.wf-tb-contact .elementor-icon-list-text a{color:inherit;text-decoration:none;}
/* 第二通电话前用斜杠、邮箱前用竖线分隔 */
.wf-tb-contact .elementor-icon-list-item:nth-child(2)::before{
  content:"/";color:rgba(255,255,255,.3);margin-right:4px;font-size:13px;}
.wf-tb-contact .elementor-icon-list-item:nth-child(3)::before{
  content:"";width:1px;height:11px;background:rgba(255,255,255,.3);margin-right:4px;}

/* ---------- 页眉：主导航 ---------- */
.wf-nav .wf-nav-inner{width:100%;max-width:1200px;margin:0 auto;min-height:76px;}
.wf-nav .wf-nav-inner > .e-con-inner{
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  max-width:1200px;margin:0 auto;min-height:76px;
}
.wf-logo{width:auto !important;flex:0 0 auto;}
.wf-logo .elementor-widget-container{margin:0;line-height:0;}
.wf-logo img{display:block;height:44px;width:auto;max-width:none;border-radius:0;}
.wf-navmenu{width:auto !important;flex:1 1 auto;min-width:0;}
.wf-navright{width:auto !important;flex:0 0 auto;display:flex;align-items:center;gap:18px;}
.wf-navright .elementor-widget-container{margin:0;}

/* 语言切换（文本组件） */
.wf-lang{width:auto !important;flex:0 0 auto;}
.wf-lang p{margin:0;display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.06em;white-space:nowrap;}
.wf-lang a{color:var(--wf-muted);text-decoration:none;transition:color .2s;}
.wf-lang a:hover{color:var(--wf-green-deep);}
.wf-lang a.on{color:var(--wf-green-deep);font-weight:600;}
.wf-lang .wf-lang-bar{display:block;width:1px;height:11px;background:var(--wf-border);}

/* 报价按钮 */
.wf-cta{width:auto !important;flex:0 0 auto;}
.wf-cta .elementor-button{
  display:inline-flex;align-items:center;gap:7px;border-radius:2px;
  font-size:14px;letter-spacing:.06em;text-decoration:none;white-space:nowrap;
  transition:background .25s ease,transform .25s ease;
}
.wf-cta .elementor-button:hover{background:var(--wf-green-deep);transform:translateY(-1px);}
.wf-cta .elementor-button-icon svg{width:14px;height:14px;fill:currentColor;}

/* 主菜单 */
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu{display:flex;align-items:center;justify-content:center;
  gap:34px;margin:0;padding:0;}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu > li{margin:0;position:relative;}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{
  display:block;color:var(--wf-text);font-size:15px;font-weight:500;letter-spacing:.04em;
  text-decoration:none;white-space:nowrap;padding:6px 0;position:relative;
  background:transparent;transition:color .25s ease;
}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--wf-green);
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover{color:var(--wf-green-deep);}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover::after{transform:scaleX(1);}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main :is(.current-menu-item,.current-menu-parent,.current-menu-ancestor) > .elementor-item{
  color:var(--wf-green);font-weight:600;}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main :is(.current-menu-item,.current-menu-parent,.current-menu-ancestor) > .elementor-item::after{
  transform:scaleX(1);}

/* 下拉箭头 */
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .sub-arrow{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .sub-arrow svg{width:10px;height:10px;fill:currentColor;opacity:.5;transition:transform .25s ease;}
.wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main li:hover > .elementor-item > .sub-arrow svg{transform:rotate(180deg);opacity:.9;}

/* 1025–1199：容器变窄时压缩导航，避免菜单换行成两排 */
@media(min-width:1025px) and (max-width:1199px){
  .wf-nav .wf-nav-inner > .e-con-inner{gap:16px;}
  .wf-nav .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-nav-menu{gap:19px;}
  .wf-navright{gap:12px;}
  .wf-navright .wf-lang{display:none;}
  .wf-logo img{height:40px;}
}

/* ---------- 下拉：产品中心（三列）/ 新闻资讯（三卡） ---------- */
@media(min-width:1025px){
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu{position:relative;}
  /* 面板以各自的触发项为定位基准 */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li.menu-item-has-children{position:relative;}
  /* 注意：Elementor 自带 .elementor-nav-menu--main .elementor-nav-menu ul{width:12em}
     和 .elementor-nav-menu--layout-horizontal ... li ul{top:100% !important}
     → 宽度必须显式给 max-content，top 交给 Elementor（= li 下沿），改用 margin-top 下移。 */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu{
    position:absolute;left:0;right:auto;transform:none;margin-top:22px;
    width:max-content;max-width:calc(100vw - 40px);
    display:none;flex-wrap:nowrap;align-items:flex-start;gap:40px;
    background:#fff;border:1px solid var(--wf-border);border-radius:3px;
    box-shadow:0 20px 48px rgba(27,58,47,.13);padding:28px 32px;
    z-index:120;list-style:none;min-width:0;
  }
  /* 悬停桥接：li 下沿(101) → 面板上沿(123) 这段不中断 hover */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu::before{
    content:"";position:absolute;left:0;right:0;top:-24px;height:24px;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li:hover > .sub-menu{display:flex;}

  /* 二级 = 列标题 */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li{
    display:block;min-width:132px;margin:0;padding:0;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .elementor-sub-item{
    display:block;font-size:13.5px;font-weight:600;color:var(--wf-green-deep);
    letter-spacing:.05em;line-height:1.3;white-space:nowrap;
    padding:0 0 11px;margin:0 0 14px;border-bottom:1px solid var(--wf-border);
    background:transparent;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .elementor-sub-item::after{display:none;}
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .elementor-sub-item:hover{
    color:var(--wf-green);}
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .elementor-sub-item .sub-arrow{display:none;}

  /* 三级 = 列内链接，常显 */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu{
    position:static;display:block !important;padding:0;border:none;box-shadow:none;
    background:transparent;transform:none;min-width:0;width:auto;gap:0;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu::before{display:none;}
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu > li{margin:0;line-height:1.6;break-inside:avoid;}
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu .elementor-sub-item{
    display:block;font-size:13.5px;font-weight:400;color:var(--wf-text);
    padding:5px 0;white-space:nowrap;letter-spacing:.02em;
    transition:color .2s ease,padding-left .2s ease;background:transparent;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu .elementor-sub-item::after{display:none;}
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li > .sub-menu .elementor-sub-item:hover{
    color:var(--wf-green);padding-left:3px;}

  /* 最后一个分类（木、竹制品 8 项）拆两列 */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:last-child > .sub-menu{
    column-count:2;column-gap:30px;min-width:290px;
  }

  /* ---------- 新闻资讯：三个栏目卡片 ---------- */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu:has(> li:not(.menu-item-has-children)){
    left:50%;transform:translateX(-50%);
    padding:26px;gap:10px;
  }
  /* 卡片与文字的间距 = 10px（1px 边框 + 10px 内边距） */
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:not(.menu-item-has-children){
    flex:0 0 172px;padding:10px;margin:0;
    border:1px solid var(--wf-border);border-radius:2px;background:#fff;
    transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:not(.menu-item-has-children) > .elementor-sub-item{
    border:none;margin:0;padding:0;font-size:13.5px;font-weight:600;white-space:nowrap;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:not(.menu-item-has-children) > .elementor-sub-item::after{
    content:"查看全部 →";display:block;margin-top:10px;
    font-size:12px;font-weight:400;color:var(--wf-green);letter-spacing:.06em;
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:not(.menu-item-has-children):hover{
    border-color:var(--wf-green);transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(27,58,47,.11);
  }
  .wf-nav .elementor-nav-menu--main > .elementor-nav-menu > li > .sub-menu > li:not(.menu-item-has-children):hover > .elementor-sub-item{
    color:var(--wf-green);}
}

/* ---------- 页脚 ---------- */
.wf-footer .wf-footer-inner{width:100%;max-width:1200px;margin:0 auto;}
.wf-footer .wf-footer-inner > .e-con-inner{
  display:flex;align-items:flex-start;justify-content:space-between;gap:48px;
  max-width:1200px;margin:0 auto;
}
.wf-fbrand{flex:0 1 34%;max-width:340px;}
.wf-fbrand .wf-flogo{width:auto !important;flex:0 0 auto;}
.wf-fbrand .wf-flogo .elementor-widget-container{margin:0 0 20px;line-height:0;}
.wf-fbrand .wf-flogo img{display:block;height:46px;width:auto;max-width:none;border-radius:0;}
.wf-fbrand .wf-fdesc{width:100% !important;}
.wf-fbrand .wf-fdesc .elementor-widget-container{margin:0;}
.wf-fbrand .wf-fdesc p{color:#A9B9AF;font-size:13.5px;line-height:2;letter-spacing:.01em;margin:0 0 20px;max-width:340px;}
.wf-fbrand .wf-social{width:auto !important;flex:0 0 auto;}
.wf-fbrand .wf-social .elementor-widget-container{margin:0;}

.wf-fcol{flex:0 0 auto;}
.wf-fcontact{flex:0 0 auto;max-width:300px;}
.wf-fcol .elementor-heading-title{font-size:15px;font-weight:600;color:var(--wf-gold);
  letter-spacing:.1em;line-height:1.4;margin:0 0 18px;}
.wf-fcol .elementor-icon-list-items{display:block;padding:0;margin:0;}
.wf-fcol .elementor-icon-list-item{display:flex;align-items:flex-start;gap:10px;
  margin:0 0 11px;padding:0;line-height:1.7;}
.wf-fcol .elementor-icon-list-item:last-child{margin-bottom:0;}
.wf-fcol .elementor-icon-list-text{padding:0;color:#A9B9AF;font-size:13.5px;line-height:1.75;letter-spacing:.01em;}
.wf-fcol .elementor-icon-list-text a,
.wf-fcol a{color:#A9B9AF;text-decoration:none;transition:color .2s ease;}
.wf-fcol .elementor-icon-list-item:hover .elementor-icon-list-text,
.wf-fcol .elementor-icon-list-item:hover .elementor-icon-list-text a,
.wf-fcol a:hover{color:var(--wf-gold);}
.wf-fcol .elementor-icon-list-icon{flex:0 0 auto;margin-top:3px;}
.wf-fcol .elementor-icon-list-icon svg{width:13px;height:13px;fill:#A9B9AF;opacity:.75;}
/* 无图标的链接列表：清掉图标占位 */
.wf-fcol .elementor-icon-list-icon:empty{display:none;}

/* 社交图标 */
.wf-social .elementor-social-icons-wrapper{display:flex;gap:10px;}
.wf-social .elementor-social-icon{
  width:34px;height:34px;min-width:34px;padding:0;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(250,249,246,.22);border-radius:50%;background:transparent;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.wf-social .elementor-social-icon svg{width:15px;height:15px;fill:#FAF9F6;transition:fill .25s ease;}
.wf-social .elementor-social-icon:hover{background:var(--wf-gold);border-color:var(--wf-gold);transform:translateY(-2px);}
.wf-social .elementor-social-icon:hover svg{fill:#1B3A2F;}

/* 页脚底部条 */
.wf-footer-bar .e-con-inner{justify-content:center;}
.wf-footer-bar .wf-copy-line{width:100% !important;}
.wf-footer-bar .wf-copy-line .elementor-widget-container{width:100%;}
.wf-copy-line p{margin:0;text-align:center;color:#7F8F85;font-size:12.5px;
  letter-spacing:.03em;line-height:1.9;}
.wf-copy-line a{color:#8E9E94;text-decoration:none;}
.wf-copy-line a:hover{color:var(--wf-gold);}
.wf-copy-line .sep{margin:0 8px;opacity:.5;}

/* ---------- 响应式 ---------- */
@media(max-width:1250px){
  .wf-topbar .wf-tb-inner > .e-con-inner{padding:9px 24px;}
  .wf-nav .wf-nav-inner > .e-con-inner{padding:0 24px;}
  .wf-footer .wf-footer-inner > .e-con-inner{padding:0 24px;gap:36px;}
}
@media(max-width:1024px){
  .wf-topbar .wf-tb-inner > .e-con-inner{font-size:12.5px;gap:16px;}
  /* 顶栏：左块不许被 flex 压缩（否则文字溢出压到电话上），并把第二个电话收起 */
  .wf-topbar .wf-tb-co{flex:0 0 auto;}
  .wf-topbar .wf-tb-contact{flex:0 1 auto;min-width:0;}
  .wf-topbar .wf-tb-contact .elementor-icon-list-item:nth-child(2),
  .wf-topbar .wf-tb-contact .elementor-icon-list-item:nth-child(2)::before{display:none;}
  .wf-logo img{height:38px;}
  .wf-nav .wf-nav-inner,
  .wf-nav .wf-nav-inner > .e-con-inner{min-height:64px;}
  /* 折叠菜单：Elementor 原生 toggle */
  .wf-navmenu{flex:0 0 auto;}
  .wf-nav .elementor-menu-toggle{
    display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;border:1px solid var(--wf-border);border-radius:2px;
    background:#fff;color:var(--wf-green-deep);cursor:pointer;padding:0;
  }
  .wf-nav .elementor-menu-toggle svg{width:20px;height:20px;fill:currentColor;}
  /* 定位基准上移到整条导航（否则折叠面板只能展开成汉堡按钮的 40px 宽） */
  .wf-nav .elementor-widget-nav-menu{position:static;}
  /* 只命中「折叠面板容器」<nav>，不要误伤同样带 --dropdown 类的 ul.sub-menu */
  .wf-nav nav.elementor-nav-menu--dropdown{
    position:absolute;left:0;right:0;top:100%;width:auto;max-width:none;
    background:#fff;border-bottom:1px solid var(--wf-border);
    box-shadow:0 8px 20px rgba(27,58,47,.09);
    max-height:78vh;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:8px 24px 18px;z-index:99;
  }
  .wf-nav nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu{
    display:block;width:auto;margin:0;padding:0;
  }
  .wf-nav nav.elementor-nav-menu--dropdown li{margin:0;}
  .wf-nav nav.elementor-nav-menu--dropdown a.elementor-item,
  .wf-nav nav.elementor-nav-menu--dropdown a.elementor-sub-item{
    display:block;padding:12px 0;border-bottom:1px solid var(--wf-border);
    font-size:15px;color:var(--wf-text);background:transparent;white-space:normal;
  }
  .wf-nav nav.elementor-nav-menu--dropdown a.elementor-sub-item{
    font-size:13.5px;color:var(--wf-muted);padding:8px 0;border-bottom:none;
  }
  .wf-nav nav.elementor-nav-menu--dropdown a.elementor-item::after{display:none;}
  /* 折叠态子菜单：回到文档流（否则被 Elementor 的绝对定位压成 1 字宽），默认收起。
     display 用 !important 压制 Elementor 点击时写入的内联 display，避免收起后仍残留展开。 */
  .wf-nav nav.elementor-nav-menu--dropdown ul.sub-menu{
    position:static;display:none !important;left:auto;right:auto;top:auto;transform:none;
    width:auto;min-width:0;max-width:none;margin:0;padding:0 0 0 14px;
    border:none;box-shadow:none;background:transparent;gap:0;
  }
  .wf-nav nav.elementor-nav-menu--dropdown ul.sub-menu ul.sub-menu{padding-left:14px;}
  .wf-nav nav.elementor-nav-menu--dropdown li.wf-open > ul.sub-menu{display:block !important;}
  .wf-nav nav.elementor-nav-menu--dropdown .sub-arrow{display:none;}
  /* 手风琴箭头（由 assets/hf.js 注入，不依赖图标字体） */
  .wf-nav nav.elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-item,
  .wf-nav nav.elementor-nav-menu--dropdown li.menu-item-has-children > a.elementor-sub-item{
    position:relative;padding-right:40px;
  }
  .wf-nav nav.elementor-nav-menu--dropdown .wf-acc{
    position:absolute;right:0;top:50%;width:36px;height:36px;margin-top:-18px;
    display:flex;align-items:center;justify-content:center;
    color:var(--wf-muted);pointer-events:none;
  }
  .wf-nav nav.elementor-nav-menu--dropdown .wf-acc::before{
    content:"";width:7px;height:7px;border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;
    transition:transform .22s ease;
  }
  .wf-nav nav.elementor-nav-menu--dropdown li.wf-open > a .wf-acc{color:var(--wf-green);}
  .wf-nav nav.elementor-nav-menu--dropdown li.wf-open > a .wf-acc::before{
    transform:rotate(-135deg);margin-top:3px;
  }
  /* 子菜单末尾的「查看全部」入口 */
  .wf-nav nav.elementor-nav-menu--dropdown a.wf-viewall-link{
    color:var(--wf-green);font-size:13px;letter-spacing:.02em;padding:7px 0 10px;
  }
  .wf-nav nav.elementor-nav-menu--dropdown a.wf-viewall-link .wf-arrow{margin-left:2px;}

  .wf-footer .wf-footer-inner > .e-con-inner{flex-wrap:wrap;gap:40px;}
  .wf-fbrand{flex:0 0 100%;max-width:100%;}
  .wf-fcol{flex:1 1 40%;}
  .wf-fcontact{flex:1 1 100%;max-width:100%;}
}
@media(max-width:767px){
  .wf-topbar .wf-tb-inner > .e-con-inner{flex-direction:column;align-items:flex-start;gap:3px;
    padding:8px 16px;font-size:12px;letter-spacing:0;}
  .wf-tb-co p{font-size:12px;}
  .wf-tb-name{font-weight:400;}
  .wf-tb-contact .elementor-icon-list-items{gap:12px;}
  .wf-tb-contact .elementor-icon-list-item:nth-child(2),
  .wf-tb-contact .elementor-icon-list-item:nth-child(2)::before{display:none;}
  .wf-logo img{height:34px;}
  .wf-nav .wf-nav-inner > .e-con-inner{gap:12px;padding:0 16px;min-height:58px;}
  .wf-nav .wf-nav-inner{min-height:58px;}
  .wf-navright .wf-lang{display:none;}
  .wf-cta .elementor-button{padding:9px 14px;font-size:13px;}
  .wf-nav nav.elementor-nav-menu--dropdown{padding:8px 16px 18px;}
  .wf-footer .wf-footer-inner > .e-con-inner{flex-direction:column;gap:34px;padding:0 20px;}
  .wf-fcol,.wf-fcontact{flex:0 0 auto;max-width:100%;width:100%;}
}