/**
 * 添福满家官网 · 暖黄 / 米色主题（全局覆盖层）
 *
 * 规范文档：/site-assets/brand/THEME.md
 * 色板变量以 :root 为准；业务色值替换由 tools/theme_warm_yellow.py 执行。
 *
 * 主色板
 *   Primary 金黄     #e8b830 / #d4a017 / #b8860b
 *   Surface 奶油米   #fbf6e9 / #f8e9c8 / #fffcf5
 *   Text 暖棕        #3d2e28 / #6b5a4e
 *   Accent 珊瑚红    #e05a4a
 */

:root {
  /* Brand */
  --tf-primary: #e8b830;
  --tf-primary-dark: #d4a017;
  --tf-primary-deep: #b8860b;
  --tf-primary-light: #f5d76e;
  --tf-primary-soft: #fff4d6;
  --tf-primary-pale: #f0d078;

  /* Surface */
  --tf-bg: #fbf6e9;
  --tf-bg-cream: #f8e9c8;
  --tf-bg-card: #fffcf5;
  --tf-bg-header: #fffef9;
  --tf-border: #f0e0b8;
  --tf-border-strong: #e5c15a;

  /* Text */
  --tf-text: #3d2e28;
  --tf-text-muted: #6b5a4e;
  --tf-text-on-primary: #3d2e28;
  --tf-text-on-dark: #f8e9c8;

  /* Accent / Footer */
  --tf-accent: #e05a4a;
  --tf-footer: #3d2e28;
  --tf-shadow: rgba(212, 160, 23, 0.18);
  --tf-shadow-strong: rgba(184, 134, 11, 0.28);

  /* 兼容旧变量名（若局部样式引用） */
  --brand-primary: var(--tf-primary-dark);
  --brand-bg: var(--tf-bg);
  --brand-text: var(--tf-text);
}

/* ========== 全局底色 ========== */
html {
  background-color: var(--tf-bg) !important;
}

body {
  background-color: var(--tf-bg) !important;
  color: var(--tf-text);
}

#mainContentWrapper {
  background-color: var(--tf-bg) !important;
}

/* 内容区大白底改为奶白，避免整页发冷（覆盖内联 rgb(255,255,255)） */
.smvWrapper,
.main-layout-wrapper,
#mainContentWrapper > div[style*="background-color"],
div.smvWrapper[style*="background-color"] {
  background-color: var(--tf-bg-card) !important;
}

/* 大段内容外层若强制白底，统一成奶白 */
body > div[style*="rgb(255, 255, 255)"],
#mainContentWrapper div[bgscroll][style*="rgb(255, 255, 255)"] {
  background-color: var(--tf-bg-card) !important;
}

.header,
.tem_99_6 .fullcolumn-outer,
.tem_99_6 .fullcolumn-outer.fixed,
[class*="banner_Style"] .fullcolumn-outer {
  background-color: var(--tf-bg-header) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--tf-border) !important;
  box-shadow: 0 2px 14px var(--tf-shadow) !important;
}

/* 客户案例（/yhgs）顶栏 banner：品牌 hero 图，覆盖全局 banner 清图规则 */
.con_71_27 .fullcolumn-outer {
  background-image: url(/site-assets/brand/yhgs/hero-bg.jpg) !important;
  background-color: var(--tf-bg-cream) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 服务能力（/fwnl）顶部「解决方案」banner：暖色门店 hero，cover 兼容移动端裁切 */
.con_46_36 .fullcolumn-outer,
#bannerWrap_con_46_36 {
  background-color: var(--tf-bg-cream) !important;
  background-image:
    linear-gradient(
      90deg,
      rgba(61, 46, 40, 0.42) 0%,
      rgba(61, 46, 40, 0.18) 32%,
      rgba(61, 46, 40, 0.04) 52%,
      transparent 68%
    ),
    url(/site-assets/brand/gen/fwnl-banner.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 白字标题叠在暖色图上：轻微阴影提升可读性（PC / 移动端共用） */
#smv_con_47_36 .editableContent,
#smv_con_47_36 .editableContent span {
  text-shadow: 0 2px 14px rgba(61, 46, 40, 0.45);
}

/* /fwnl 顶栏：小屏高度与裁切位置，避免标题区被压扁或裁偏 */
@media (max-width: 1024px) {
  #smv_Main > #smv_con_46_36 {
    min-height: 260px !important;
  }

  .con_46_36 .fullcolumn-outer,
  #bannerWrap_con_46_36 {
    background-position: 62% center !important;
  }
}

@media (max-width: 768px) {
  #smv_Main > #smv_con_46_36 {
    min-height: 200px !important;
  }

  .con_46_36 .fullcolumn-outer,
  #bannerWrap_con_46_36 {
    background-position: 70% center !important;
  }

  #smv_con_47_36 {
    padding: 0 16px !important;
  }

  #smv_con_47_36 .editableContent span[style*="font-size:48px"],
  #smv_con_47_36 .editableContent span[style*="font-size: 48px"] {
    font-size: 32px !important;
  }
}

/* 新闻详情页顶部 banner：使用 news-detail-banner（选自 xwdt-banner-preview-2） */
#bannerWrap_tem_32_43 {
  background-image: url(/site-assets/brand/gen/news-detail-banner.jpg) !important;
  background-color: #2a211c !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 新闻资讯列表页（/xwzx）顶部 banner：与 /xwdt 列表页同一张背景图 */
#bannerWrap_con_52_52 {
  background-image: url(/site-assets/nwz/contents/sitefiles2055/10279076/images/46357755.jpg) !important;
  background-color: var(--tf-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 首页「添福智慧门店管理系统」区块：参考目标站的极淡建筑线稿底图 */
.con_492_4 .fullcolumn-outer,
#bannerWrap_con_492_4 {
  background-image: url(/site-assets/brand/gen/smart-store-bg.jpg) !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 首页「合作品牌 / 联系我们」区块：暖色建筑线稿底图（覆盖全局 banner 清图规则） */
.con_787_35 .fullcolumn-outer,
#bannerWrap_con_787_35 {
  background-image: url(/site-assets/brand/gen/cobrand-bg.jpg) !important;
  background-color: var(--tf-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* ========== 导航 ========== */
.w-nav .w-nav-item-link .w-link-txt,
.w-nav .w-link-txt,
.w-subnav-link .w-link-txt {
  color: var(--tf-text) !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.w-nav .w-nav-item-link.hover .w-link-txt,
.w-nav .w-nav-inner:hover .w-link-txt,
.w-nav .w-nav-item.current .w-link-txt,
.w-nav .w-nav-item.current .w-nav-item-link .w-link-txt,
.w-subnav-item:hover .w-subnav-link .w-link-txt,
.w-subnav-link:hover .w-link-txt {
  color: var(--tf-primary-deep) !important;
}

/* 导航当前/悬停底色兜底（部分模板用背景而非文字色） */
.w-nav .w-nav-item.current .w-nav-item-link,
.w-nav .w-nav-inner:hover .w-nav-item-link.hover {
  color: var(--tf-primary-deep) !important;
}

.w-subnav {
  background: var(--tf-bg-header) !important;
  border: 1px solid var(--tf-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 28px var(--tf-shadow) !important;
  overflow: hidden;
}

.w-subnav-item:hover {
  background: var(--tf-primary-soft) !important;
}

/* 强制覆盖模板里残留的青/蓝导航色（最高优先级） */
.nav_pc_t_6 .w-nav .w-nav-item.current .w-nav-item-link,
.nav_pc_t_6 .w-nav .w-nav-inner:hover .w-nav-item-link:hover,
.nav_pc_t_6 .w-nav .w-subnav-item:hover .w-subnav-link,
.nav_pc_t_6 .w-nav .w-subnav-item.current .w-subnav-link {
  color: var(--tf-primary-deep) !important;
}

.nav_pc_t_6 .w-nav .w-nav-item-link,
.nav_pc_t_6 .w-nav .w-subnav-link {
  /* 默认文字偏暖棕 */
}

/* ========== 链接 ========== */
/* 排除 CTA/页级自定义按钮（.tf-p-btn 等），避免金底按钮字色被冲成同色而“看不见” */
a:not(.w-nav-item-link):not(.w-subnav-link):not(.tf-p-btn):not(.tfh-btn):not(.tf-gywm-link-btn) {
  color: var(--tf-primary-deep);
}

a:not(.w-nav-item-link):not(.w-subnav-link):not(.tf-p-btn):not(.tfh-btn):not(.tf-gywm-link-btn):hover {
  color: var(--tf-primary-dark);
}

/* ========== 按钮 / 提交 ========== */
input[type="submit"],
input[type="button"],
button,
.w-button,
a.w-button {
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

/* 常见实心按钮：若仍是冷色底，用主题金覆盖「主操作」倾向 */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
  filter: brightness(0.97);
}

/* ========== 表单 ========== */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--tf-primary) !important;
  box-shadow: 0 0 0 3px rgba(232, 184, 48, 0.28) !important;
}

/* ========== 页脚（.tf-footer 结构见 site-chrome.css） ========== */
.footer,
.tf-footer {
  color: var(--tf-text-on-dark);
  background-color: var(--tf-footer);
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.tf-footer-title {
  color: var(--tf-primary-pale) !important;
}

.tf-footer-links a,
.tf-footer-contact-list a,
.tf-footer-addr,
.tf-footer-slogan {
  color: #f5e4b5 !important;
}

.tf-footer-links a:hover,
.tf-footer-contact-list a:hover {
  color: var(--tf-primary-light) !important;
}

.tf-footer-copy,
.tf-footer-tip,
.tf-footer-icp {
  color: #c9b48a !important;
}

.tf-footer-logo {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.tf-footer-logo img {
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  width: auto !important;
  height: 40px !important;
}

/* 旧 ICP 浅黄横条彻底去掉 */
#all-icp-bottom {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* ========== 分割线 / 虚线 / 阴影兜底 ========== */
/* 部分组件用 dashed 青边：统一偏金 */
[style*="dashed"] {
  /* 无法可靠覆盖 style 内联；依赖脚本替换色值 */
}

/* ========== 滚动条 / 选中 ========== */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--tf-bg-cream);
}
::-webkit-scrollbar-thumb {
  background: var(--tf-primary);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--tf-primary-dark);
}

::selection {
  background: var(--tf-primary-soft);
  color: var(--tf-text);
}

/* ========== 在线客服等浮动 ========== */
/* 收起时外层仍保留展开宽度，任何阴影都会溢出成预展开虚边。 */
#smv_con_153_22,
#smv_con_153_22 .qqservice_Style3,
#smv_con_153_22 .w-cs-list-warp {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* ========== 文本选中标题金色兜底 ========== */
/* 英文小标题常见 class 无稳定钩子；内联 color 由脚本替换 */

/* 工具类（若后续手写 HTML 可用） */
.tf-bg { background-color: var(--tf-bg) !important; }
.tf-bg-cream { background-color: var(--tf-bg-cream) !important; }
.tf-bg-card { background-color: var(--tf-bg-card) !important; }
.tf-text { color: var(--tf-text) !important; }
.tf-text-muted { color: var(--tf-text-muted) !important; }
.tf-primary { color: var(--tf-primary-dark) !important; }
.tf-btn-primary {
  background: linear-gradient(180deg, var(--tf-primary) 0%, var(--tf-primary-dark) 100%) !important;
  color: var(--tf-text-on-primary) !important;
  border: 1px solid var(--tf-primary-deep) !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px var(--tf-shadow);
}
.tf-btn-primary:hover {
  background: var(--tf-primary-dark) !important;
  color: #fffef9 !important;
}