/* ═══════════════════════════════════════════════════
   READABILITY OVERRIDE v3 - FINAL FORCE
   強制覆蓋所有可能被繼承的淺色，確保對比達 4.5:1+
   ═══════════════════════════════════════════════════ */

:root {
  --mute: #55504a !important;
}

/* ═════════ ⛔ HERO 永遠不動 ═════════ */
.hero-signature,
.hero-sub-en,
.hero-desc,
.hero-desc span,
.hero-title,
.hero-content,
.hero-content *,
.hero-caption,
.hero-caption *,
.caption-tag,
.caption-name {
  /* 空白，讓 hero-v2.css 的淺色美感保留 */
}

/* ═════════ 白底 SECTIONS 文字 ═════════ */
.manifesto-text,
.manifesto-value,
.manifesto-dot {
  color: #2a2620 !important;
  opacity: 1 !important;
}
.subtitle:not(.subtitle--light) {
  color: #3d3935 !important;
  opacity: 1 !important;
}
.tag:not(.hero .tag):not(.cta-section .tag) {
  color: #7a6a42 !important;
  opacity: 1 !important;
}
.title-lg:not(.title-lg--light) {
  color: var(--ink) !important;
  opacity: 1 !important;
}

/* 深底 sections 白字加深 */
.subtitle--light,
.title-lg--light {
  color: rgba(255, 255, 255, 0.95) !important;
  opacity: 1 !important;
}
.stats--light .stat-number { color: #ffffff !important; opacity: 1 !important; }
.stats--light .stat-label { color: rgba(255,255,255,0.88) !important; opacity: 1 !important; }
.cert-row--light .cert-badge-label { color: rgba(255,255,255,0.88) !important; opacity: 1 !important; }

/* Stats 白底 */
.stats:not(.stats--light) .stat-number { color: var(--ink) !important; opacity: 1 !important; }
.stats:not(.stats--light) .stat-label { color: #3d3935 !important; opacity: 1 !important; font-weight: 400 !important; }
.cert-badge-label { color: #3d3935 !important; opacity: 1 !important; }

/* Texture 分類 */
.cat-row-zh { color: var(--ink) !important; opacity: 1 !important; }
.cat-row-en { color: #7a6a42 !important; opacity: 1 !important; }
.cat-row-count { color: #55504a !important; opacity: 1 !important; }

/* Brand 卡 */
.brand-name { color: var(--ink) !important; opacity: 1 !important; }
.brand-meta { color: #3d3935 !important; opacity: 1 !important; font-weight: 500 !important; }
.brand-tagline { color: #2a2620 !important; opacity: 1 !important; }
.brand-story { color: #3d3935 !important; opacity: 1 !important; }

/* Pathways 入口 */
.pathway-item-en { color: #7a6a42 !important; opacity: 1 !important; }
.pathway-item-zh { color: var(--ink) !important; opacity: 1 !important; }
.pathway-item-arrow { color: var(--accent) !important; opacity: 1 !important; }

/* Blog */
.blog-card-tag { color: #7a6a42 !important; opacity: 1 !important; }
.blog-card-title { color: var(--ink) !important; opacity: 1 !important; }
.blog-card-meta { color: #3d3935 !important; opacity: 1 !important; }

/* Gallery 壓照片白字 */
.gallery-item-title {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
}
.gallery-item-meta,
.gallery-item-story {
  color: rgba(255,248,240,0.92) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* ═════════ 🎯 FOOTER 強制亮底 + 深字 ═════════ */
/* 原本 sections-v2.css 把 footer 設計成深底，但實際渲染有問題
   強制改成亮底 + 深字，確保可讀性穩固 */
.site-footer {
  background: #f2ede4 !important;   /* 比頁面底 #f7f5f1 稍深一點，做區隔 */
  color: var(--ink) !important;
  border-top: 1px solid rgba(154, 132, 86, 0.25);
}

/* Footer 所有文字元素一次覆蓋（用萬用選擇器 + class 雙保險）*/
.site-footer *,
.site-footer p,
.site-footer span,
.site-footer a,
.site-footer li,
.site-footer h3,
.site-footer h4,
.site-footer h5 {
  opacity: 1 !important;
}

.footer-brand-big {
  color: var(--ink) !important;
  opacity: 1 !important;
}
.footer-brand-zh,
.footer-tagline {
  color: #3d3935 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

.footer-col-title {
  color: #7a6a42 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* 👇 重點修正：sections-v2.css 把 .footer-list span 設 rgba(247,245,241,0.88) 淺米色
       這是原本為深底設計的，現在我把 footer 改亮底，要強制 span 變深 */
.footer-list,
.footer-list li,
.footer-list a,
.footer-list span,
.footer-list li *,
.footer-list li a,
.footer-list li span {
  color: #2a2620 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

.footer-list a {
  text-decoration: none !important;
}
.footer-list a:hover {
  color: var(--accent) !important;
}

.footer-showroom-name {
  color: var(--ink) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}
.footer-showroom-addr,
.footer-showroom-addr *,
.footer-showroom-addr a,
.footer-showroom-addr span {
  color: #2a2620 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}
.footer-showroom-hours,
p.footer-showroom-hours,
.footer-showroom-addr.footer-showroom-hours {
  color: #3d3935 !important;
  opacity: 1 !important;
  font-weight: 400 !important;
}

.footer-copy {
  color: #55504a !important;
  opacity: 1 !important;
}
.footer-divider-thin {
  background: rgba(154, 132, 86, 0.4) !important;
  opacity: 1 !important;
}

/* 社群 icon 圓圈在亮底上要看得到 */
.social-icon {
  border-color: rgba(154, 132, 86, 0.5) !important;
  color: #7a6a42 !important;
}
.social-icon svg {
  fill: #7a6a42 !important;
}
.social-icon:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
.social-icon:hover svg {
  fill: #ffffff !important;
}

/* 金色分隔線 */
.divider,
.divider-center {
  background: var(--accent) !important;
  opacity: 1 !important;
}

/* 手機版再加粗 */
@media (max-width: 768px) {
  .footer-tagline,
  .footer-showroom-addr,
  .footer-list,
  .footer-list li,
  .footer-list span,
  .footer-list a,
  .subtitle,
  .manifesto-text,
  .brand-story,
  .cat-row-count,
  .blog-card-meta {
    color: #1c1b18 !important;
    font-weight: 400 !important;
  }
  .footer-showroom-hours {
    color: #3d3935 !important;
  }
}

/* 防 animate 未觸發殘留 opacity:0 */
.animate:not(.visible),
.fadeInUp,
.fadeInLeft,
.fadeInRight,
.scaleIn {
  opacity: 1 !important;
}