/* ============================================
   YIZEE Lighting — 专业深色方案 v3
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --nav-bg:        #0F172A;
  --nav-border:    #D4AF37;
  --accent:        #D4AF37;
  --accent-hover:  #C09A2F;
  --text:          #0F172A;
  --text-muted:    #64748B;
  --bg:            #F8FAFC;
  --card:          #FFFFFF;
  --border:        #E2E8F0;
  --shadow:        0 4px 16px rgba(15,23,42,0.08);
  --shadow-hover:  0 8px 32px rgba(15,23,42,0.15);
  --radius:        10px;
  --ease:          all 0.25s ease;
}

/* ── 全站字体 ── */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, button, input, textarea,
.elementor-widget-container {
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
}
body { background-color: var(--bg) !important; color: var(--text) !important; }

/* ══════════════════════════════════
   导航栏 — 完整修复（消除 logo 方块）
   ══════════════════════════════════ */
/* 整条 header 统一深色 */
.site-header, #masthead,
.ast-primary-header-bar,
.main-header-bar,
.ast-primary-header,
.ast-main-header-wrap,
.site-primary-header-wrap,
.ast-builder-grid-row,
.ast-builder-grid-row-container,
.site-header-primary-section-left,
.site-header-primary-section-right,
.site-header-section,
.ast-builder-layout-element,
.site-branding,
.ast-site-identity,
.ast-site-title-wrap,
.ast-builder-menu-1,
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container {
  background-color: var(--nav-bg) !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 整条 header 加底部金线 */
.site-header, #masthead {
  border-bottom: 2px solid var(--nav-border) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

/* Logo 文字 */
.site-title a, .ast-site-identity a,
.ast-site-title-wrap a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 1.3rem !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* 导航链接 */
.main-navigation a,
.site-navigation a,
.ast-builder-menu-1 a,
.ast-builder-menu-1 .menu-link,
.main-header-bar-navigation a,
#site-navigation a {
  color: rgba(255,255,255,0.88) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  padding: 6px 12px !important;
  border-radius: 5px !important;
  transition: var(--ease) !important;
  background: none !important;
}
.main-navigation a:hover,
.ast-builder-menu-1 a:hover {
  color: var(--accent) !important;
  background: rgba(212,175,55,0.1) !important;
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: var(--accent) !important;
  background: rgba(212,175,55,0.12) !important;
}

/* 下拉菜单 */
.main-navigation ul ul, .ast-builder-menu-1 ul ul {
  background-color: #1E293B !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
  border-radius: 8px !important;
}
.main-navigation ul ul a { color: rgba(255,255,255,0.85) !important; }
.main-navigation ul ul a:hover { color: var(--accent) !important; }

/* 汉堡菜单 */
.ast-button-wrap button, .menu-toggle { color: #FFFFFF !important; }

/* ══════════════════════════════════
   标题字号 — 分页面控制
   ══════════════════════════════════ */
/* 首页 Hero H1 保持大 */
.home h1, .home .elementor h1 {
  font-size: clamp(2rem, 4.5vw, 3rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

/* ★ 产品页 / 内页 H1 缩小 ★ */
.single h1, .page:not(.home) h1,
.elementor-page:not(.home) h1,
article h1, .entry-title,
.elementor-widget-heading h1 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
}

h2 { font-size: clamp(1.3rem, 3vw, 2rem) !important; font-weight: 700 !important; line-height: 1.3 !important; }
h3 { font-size: clamp(1rem, 2vw, 1.3rem) !important; font-weight: 600 !important; }
p  { font-size: 1rem !important; line-height: 1.75 !important; color: rgba(226,232,240,0.85) !important; }

/* ══════════════════════════════════
   CTA 按钮 — 金色
   ══════════════════════════════════ */
.elementor-button, a.elementor-button,
.elementor-widget-button .elementor-button,
.ast-button, button[type="submit"] {
  background-color: var(--accent) !important;
  color: #0F172A !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  transition: var(--ease) !important;
  box-shadow: 0 4px 14px rgba(212,175,55,0.35) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.elementor-button:hover, a.elementor-button:hover {
  background-color: var(--accent-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(212,175,55,0.5) !important;
  color: #0F172A !important;
}

/* ══════════════════════════════════
   产品卡片
   ══════════════════════════════════ */
.elementor-widget-image-box,
.elementor-image-box-wrapper,
.elementor-post__card {
  background: var(--card) !important;
  border-radius: var(--radius) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
  transition: var(--ease) !important;
  overflow: hidden !important;
}
.elementor-widget-image-box:hover,
.elementor-post__card:hover {
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-4px) !important;
  border-color: rgba(212,175,55,0.3) !important;
}

/* ══════════════════════════════════
   数字统计
   ══════════════════════════════════ */
.elementor-counter-number-wrapper {
  color: var(--accent) !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
}
.elementor-counter-number-suffix,
.elementor-counter-number-prefix { color: var(--accent) !important; font-weight: 800 !important; }
.elementor-counter-title {
  color: var(--text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* ══════════════════════════════════
   链接 / 图片 / 分割线
   ══════════════════════════════════ */
a { color: #1E40AF !important; transition: var(--ease) !important; text-decoration: none !important; }
a:hover { color: var(--accent) !important; }
.elementor-image img, .wp-post-image { border-radius: 8px !important; }
hr, .elementor-divider-separator { border-color: var(--border) !important; }

/* ══════════════════════════════════
   页脚
   ══════════════════════════════════ */
.site-footer, #colophon, footer.site-footer,
.ast-builder-footer-grid-columns,
.ast-footer-copyright {
  background-color: var(--nav-bg) !important;
  border-top: 2px solid var(--accent) !important;
}
.site-footer *, footer *, #colophon * { color: rgba(255,255,255,0.75) !important; }
.site-footer a:hover, footer a:hover { color: var(--accent) !important; }
.site-footer h3, .site-footer h4,
footer h3, footer h4 { color: #FFFFFF !important; font-weight: 600 !important; }

/* ══════════════════════════════════
   移动端
   ══════════════════════════════════ */
@media (max-width: 768px) {
  .home h1 { font-size: 1.75rem !important; }
  h2 { font-size: 1.3rem !important; }
  .single h1, .page:not(.home) h1 { font-size: 1.2rem !important; }
  .elementor-button, a.elementor-button {
    padding: 11px 20px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }
}

/* ══════════════════════════════════
   焦点 / 滚动条
   ══════════════════════════════════ */
a:focus, button:focus, *:focus {
  outline: 2px solid var(--accent) !important;
  outline-offset: 2px !important;
}
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }


/* ══ 页脚修复 v4 ══ */

/* 只保留一条顶部金线，移除重复 */
.site-footer, #colophon, footer.site-footer {
  background-color: #0F172A !important;
  border-top: 2px solid #D4AF37 !important;
  border-bottom: none !important;
  padding: 20px 0 !important;
}

/* 内层容器不要再加线 */
.ast-builder-footer-grid-columns,
.ast-footer-copyright,
.ast-builder-grid-row,
.site-below-footer-inner-wrap,
.footer-bar-section {
  background-color: #0F172A !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* 隐藏 "Powered by Astra WordPress Theme" */
.ast-footer-copyright a[href*="wpastra"],
.ast-footer-copyright a[href*="wordpress"],
.footer-siteinfo a[href*="wpastra"],
span.ast-footer-copyright a,
.ast-footer-copyright .ast-footer-site-info > *:last-child,
a[title*="Astra"], a[title*="WordPress Theme"] {
  display: none !important;
}

/* 隐藏 "| Powered by..." 这段分隔符和文字 */
.site-info .sep,
.ast-footer-copyright .ast-footer-site-info::after {
  display: none !important;
}

/* 页脚文字统一为浅白色，不用黄色 */
.site-footer *,
#colophon *,
footer.site-footer *,
.ast-footer-copyright *,
.ast-footer-copyright p,
.ast-footer-copyright span {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* 回到顶部按钮 */
.ast-scroll-top-icon,
.ast-scroll-to-top-right {
  background-color: #D4AF37 !important;
  color: #0F172A !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(212,175,55,0.4) !important;
}


/* ===============================================
   YIZEE v6 — 视觉增强补丁（图片/卡片/表单/内页）
   =============================================== */

/* ── 图片悬停缩放 ── */
.elementor-widget-image { overflow: hidden !important; border-radius: 10px; }
.elementor-widget-image img {
  transition: transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94) !important;
  will-change: transform;
}
.elementor-widget-image:hover img { transform: scale(1.08) !important; }

/* ── 图片盒子（image-box）发光边框 ── */
.elementor-image-box-img {
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 3px solid rgba(212,175,55,0.3) !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease !important;
}
.elementor-widget-image-box:hover .elementor-image-box-img {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 28px rgba(212,175,55,0.4) !important;
}

/* ── 产品帖子卡片（分类/产品列表页）── */
.elementor-post { 
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: transform 0.32s ease, box-shadow 0.32s ease !important;
  border: 1px solid #E2E8F0 !important;
}
.elementor-post:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 50px rgba(15,23,42,0.20) !important;
}
.elementor-post__thumbnail { overflow: hidden !important; }
.elementor-post__thumbnail img { 
  transition: transform 0.45s ease !important; 
  width: 100%; display: block;
}
.elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.07) !important; }
.elementor-post__title a { color: #0F172A !important; font-weight: 700 !important; }
.elementor-post__title a:hover { color: #D4AF37 !important; }

/* ── WPForms 联系表单美化 ── */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field textarea,
.wpforms-field select {
  background: rgba(255,255,255,0.07) !important;
  border: 1.5px solid rgba(212,175,55,0.35) !important;
  border-radius: 8px !important;
  color: rgba(255,255,255,0.9) !important;
  padding: 13px 16px !important;
  font-size: 0.95rem !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
  width: 100% !important;
}
.wpforms-field input:focus,
.wpforms-field textarea:focus {
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.18) !important;
  outline: none !important;
  background: rgba(255,255,255,0.12) !important;
}
.wpforms-field input::placeholder,
.wpforms-field textarea::placeholder { color: rgba(255,255,255,0.35) !important; }
.wpforms-field-label { 
  color: rgba(255,255,255,0.8) !important; 
  font-weight: 600 !important; 
  font-size: 0.88rem !important; 
  letter-spacing: 0.03em !important;
  margin-bottom: 6px !important;
}
.wpforms-submit-container .wpforms-submit {
  background: linear-gradient(135deg, #D4AF37 0%, #C09A2F 100%) !important;
  color: #0F172A !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 14px 40px !important;
  border: none !important;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  box-shadow: 0 4px 18px rgba(212,175,55,0.35) !important;
}
.wpforms-submit-container .wpforms-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(212,175,55,0.50) !important;
}

/* ── 内页顶部标题区域 ── */
.entry-header.ast-no-thumbnail,
.ast-page-title-wrap {
  background: linear-gradient(135deg, #0F172A 0%, #1E2D4A 100%) !important;
  padding: 48px 30px 36px !important;
  border-bottom: 3px solid #D4AF37 !important;
  margin-bottom: 0 !important;
}
.entry-header.ast-no-thumbnail .entry-title,
.ast-page-title-wrap .entry-title {
  color: #D4AF37 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 20px rgba(212,175,55,0.18) !important;
}
.entry-header p, .ast-page-subtitle {
  color: rgba(255,255,255,0.65) !important;
  font-size: 1rem !important;
}
.ast-breadcrumbs span, .ast-breadcrumbs a {
  color: rgba(255,255,255,0.55) !important;
  font-size: 0.82rem !important;
}
.ast-breadcrumbs a:hover { color: #D4AF37 !important; }

/* ── 当前菜单激活高亮 ── */
.main-navigation .current-menu-item > a,
.ast-builder-menu-1 .current-menu-item > a,
.main-navigation .current_page_item > a {
  color: #D4AF37 !important;
  border-bottom: 2px solid #D4AF37 !important;
  padding-bottom: 2px !important;
}

/* ── 数字统计区 (500+, 30+ 等) ── */
.elementor-counter-number-wrapper {
  font-size: clamp(2.8rem, 5vw, 4.5rem) !important;
  font-weight: 900 !important;
  color: #D4AF37 !important;
  text-shadow: 0 0 40px rgba(212,175,55,0.30) !important;
  line-height: 1 !important;
}
.elementor-counter-title {
  font-size: 0.82rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.6) !important;
  font-weight: 500 !important;
  margin-top: 6px !important;
}

/* ── 分隔线/Divider 金色 ── */
.elementor-divider-separator { border-color: #D4AF37 !important; }

/* ── 图标 Icon 金色 ── */
.elementor-icon i, .elementor-icon svg { color: #D4AF37 !important; }

/* ── 文字选中颜色 ── */
::selection { background: rgba(212,175,55,0.28) !important; color: #0F172A !important; }

/* ── 平滑滚动 ── */
html { scroll-behavior: smooth; }

/* ── 页脚版权区增强 ── */
.ast-footer-copyright {
  padding: 18px 0 !important;
  border-top: 1px solid rgba(212,175,55,0.25) !important;
  margin-top: 10px !important;
  font-size: 0.85rem !important;
}

/* ── 移动端 ── */
@media (max-width: 768px) {
  .entry-header.ast-no-thumbnail,
  .ast-page-title-wrap { padding: 28px 20px 22px !important; }
  .elementor-counter-number-wrapper { font-size: 2.5rem !important; }
}

/* ==============================================
   YIZEE v7 ? All-Dark Theme + Button Unification
   ============================================== */

/* Override root variables to all-dark */
:root {
  --bg:   #0F172A !important;
  --card: #1E293B !important;
  --text: #E2E8F0 !important;
  --text-muted: #94A3B8 !important;
  --border: #334155 !important;
  --accent-hover: #D4AF37 !important;
}

/* Body dark background */
body {
  background-color: #0F172A !important;
  color: #E2E8F0 !important;
}

/* Convert all Astra light-colored sections to dark */
.has-ast-global-color-5-background-color,
.has-background.has-ast-global-color-5-background-color,
[class*="has-ast-global-color-5"],
.wp-block-group.has-background,
section.elementor-section[data-settings*="F1F5F9"],
.ast-plain-container { background-color: #0F172A !important; }

/* Remove white/light card backgrounds */
.wp-block-group,
.yizee-section-block,
.yizee-product-page,
.entry-content,
.ast-article-post,
.site-content { background-color: transparent !important; }

/* Fix ALL link colors ? no more blue */
a, a:visited {
  color: rgba(226, 232, 240, 0.85) !important;
  text-decoration: none !important;
}
a:hover, a:focus {
  color: #D4AF37 !important;
  text-decoration: none !important;
}

/* Nav links stay white */
.ast-primary-header-bar a,
.ast-primary-header-bar a:hover,
.main-navigation a,
.main-navigation a:hover { color: #FFFFFF !important; }

/* Product breadcrumb links */
.yizee-breadcrumb a { color: #D4AF37 !important; }
.yizee-breadcrumb a:hover { color: #D4AF37 !important; }

/* ?? Unified Button System ?? */
/* All primary action buttons: solid gold */
.yizee-cta-quote,
.yizee-cta-quote:visited,
.ast-button,
.button,
button[type="submit"],
.wp-block-button__link {
  background: #D4AF37 !important;
  color: #0F172A !important;
  border: 2px solid #D4AF37 !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.yizee-cta-quote:hover,
.ast-button:hover,
.button:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover {
  background: #C09A2F !important;
  border-color: #C09A2F !important;
  color: #0F172A !important;
}

/* WhatsApp button: outlined gold (no extra color) */
.yizee-cta-whatsapp,
.yizee-cta-whatsapp:visited {
  background: #D4AF37 !important;
  color: #0a0a0a !important;
  border: 2px solid #b8972e !important;
  padding: 12px 28px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}
.yizee-cta-whatsapp:hover {
  background: #D4AF37 !important;
  color: #0F172A !important;
  border-color: #0a0a0a !important;
}

/* Fix any orange hover colors leftover */
*:hover { color: inherit; }
.yizee-stat-number,
.yizee-counter-number { color: #D4AF37 !important; }

/* Product page text stays light */
.yizee-product-page,
.yizee-product-info,
.yizee-product-description,
.yizee-business-table th,
.yizee-business-table td,
.yizee-faq-question,
.yizee-faq-answer { color: #E2E8F0 !important; }

.yizee-business-table {
  border-color: #334155 !important;
  background: #1E293B !important;
}
.yizee-business-table tr:nth-child(even) { background: #0F172A !important; }
.yizee-business-table th { background: #1E293B !important; color: #94A3B8 !important; }

/* Highlight box stays distinct */
.yizee-highlight-box {
  background: #1E293B !important;
  border-left: 4px solid #D4AF37 !important;
  color: #E2E8F0 !important;
}

/* Forms dark */
input, textarea, select {
  background: #1E293B !important;
  border-color: #334155 !important;
  color: #E2E8F0 !important;
}

/* Footer stays dark */
.site-footer,
#colophon,
.footer-widget-area { background-color: #0F172A !important; color: #94A3B8 !important; }
.site-footer a, #colophon a { color: #94A3B8 !important; }
.site-footer a:hover, #colophon a:hover { color: #D4AF37 !important; }

/* ==============================================
   YIZEE v8 ? Product Params & Lumen Table Styles
   ============================================== */

/* Product Description ol list */
.yizee-product-description ol {
  margin: 12px 0 20px 0 !important;
  padding-left: 24px !important;
  color: #E2E8F0 !important;
}
.yizee-product-description ol li {
  margin-bottom: 6px !important;
  line-height: 1.7 !important;
  color: #CBD5E1 !important;
  font-size: 0.95rem !important;
}

/* Product Parameters table */
.yizee-params-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 12px 0 20px 0 !important;
  background: #1E293B !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  font-size: 0.9rem !important;
}
.yizee-params-table td, .yizee-params-table th {
  padding: 9px 14px !important;
  border: 1px solid #334155 !important;
  color: #E2E8F0 !important;
  vertical-align: middle !important;
}
.yizee-params-table tr td:first-child {
  background: #0F172A !important;
  color: #D4AF37 !important;
  font-weight: 600 !important;
  width: 38% !important;
  white-space: nowrap !important;
}
.yizee-params-table tr:hover td {
  background: rgba(212,175,55,0.05) !important;
}
.yizee-params-table tr td:first-child:hover {
  background: #0F172A !important;
}

/* Lumen / Performance table */
.yizee-lumen-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 0 20px 0 !important;
  background: #1E293B !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  font-size: 0.9rem !important;
}
.yizee-lumen-table td, .yizee-lumen-table th {
  padding: 8px 14px !important;
  border: 1px solid #334155 !important;
  text-align: center !important;
  color: #E2E8F0 !important;
}
.yizee-lumen-table thead tr, .yizee-lumen-table tr:first-child {
  background: #0F172A !important;
}
.yizee-lumen-table thead th, .yizee-lumen-table tr:first-child td {
  color: #D4AF37 !important;
  font-weight: 700 !important;
}
.yizee-lumen-table tr:nth-child(even) td {
  background: rgba(255,255,255,0.03) !important;
}

/* Section headings inside description */
.yizee-product-description h3 {
  color: #D4AF37 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin: 20px 0 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #334155 !important;
}
.yizee-product-description h3:first-child {
  color: #FFFFFF !important;
  font-size: 1.15rem !important;
  border-bottom: none !important;
}


/* ==============================================
   YIZEE v9 — Homepage Color & Text Fixes
   ============================================== */

/* All paragraph text visible on dark background */
body p {
    color: rgba(226, 232, 240, 0.85) !important;
}

/* Preserve has-white-color paragraphs */
.has-white-color.has-text-color {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Homepage Gutenberg block headings — gold */
.home .wp-block-heading,
.home h2.wp-block-heading,
.home h3.wp-block-heading,
.home h4.wp-block-heading {
    color: #D4AF37 !important;
}

/* Keep white-color headings white (CTA section) */
.home h2.has-white-color,
.home h3.has-white-color,
.has-white-color.wp-block-heading {
    color: #FFFFFF !important;
}

/* Industries section — category headings gold, descriptions light */
.home .wp-block-columns h3,
.home .wp-block-column h3 {
    color: #D4AF37 !important;
    margin-bottom: 6px !important;
}
.home .wp-block-columns p,
.home .wp-block-column p {
    color: rgba(226, 232, 240, 0.75) !important;
    font-size: 0.88rem !important;
    margin-top: 0 !important;
}

/* Section subtitle "LIGHTING CONTROL PROTOCOLS" etc */
.home p.has-ast-global-color-3-color {
    color: rgba(226, 232, 240, 0.5) !important;
}

/* LED Strip series description paragraph */
.home .wp-block-group p:not(.has-white-color) {
    color: rgba(226, 232, 240, 0.8) !important;
}

/* Fix: remove double gold line on homepage */
.home .entry-header, .home .ast-page-title-wrap { border-bottom: none !important; }

/* Fix: no double gold line on homepage */
.home .entry-header, .home .ast-page-title-wrap { border-bottom: none !important; }

/* ============================
   PRODUCT PAGE - 4 Issues Fix
   ============================ */

/* Fix 1: Remove black background from gallery image area */


/* Fix 2: Product info alignment - remove extra padding */
.yizee-product-info {
    padding: 0 !important;
}

/* Fix 3: WhatsApp button - same gold style as Get Best Price */
.yizee-cta-whatsapp,
.yizee-cta-whatsapp:visited {
    background: #D4AF37 !important;
    color: #0a0a0a !important;
    border: 2px solid #b8972e !important;
    font-weight: 700 !important;
}
.yizee-cta-whatsapp:hover {
    background: #e6c34a !important;
    color: #0a0a0a !important;
    border-color: #e6c34a !important;
}

/* Fix 4: Contact bar - subtle gold-tinted dark background */
.yizee-contact-bar {
    background: rgba(212, 175, 55, 0.07) !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    border-radius: 8px !important;
}

/* Fix table uniform colors */
.yizee-business-table,
.yizee-business-table tbody,
.yizee-business-table tr,
.yizee-business-table tr:nth-child(odd),
.yizee-business-table tr:nth-child(even),
.yizee-business-table th,
.yizee-business-table td {
    background: #111827 !important;
    background-color: #111827 !important;
}
.yizee-business-table tr {
    border-bottom: 1px solid #1f2937 !important;
}
.yizee-business-table th {
    color: #d4af37 !important;
    font-weight: 600 !important;
}
.yizee-business-table td {
    color: #e2e8f0 !important;
}

/* Specs table alternating rows */
.yizee-specs-table th,
.yizee-specs-table tr:nth-child(odd) td {
    background: #111827 !important;
    background-color: #111827 !important;
}
.yizee-specs-table tr:nth-child(even) td {
    background: #1f2937 !important;
    background-color: #1f2937 !important;
}
/* Fix hero section background - remove the gray box */
.yizee-product-hero {
    background: transparent !important;
}

/* Fix title area background from yizee-style.css override */
.yizee-product-hero .yizee-product-info,
.yizee-product-hero .yizee-product-gallery {
    background: transparent !important;
}



/* Blog single readability fix - 2026-08-17 */
body.single-post,
body.single-post .site-content,
body.single-post .ast-container,
body.single-post .content-area,
body.single-post .site-main,
body.single-post article,
body.single-post .ast-article-single {
  background: #071624 !important;
}

body.single-post .entry-header,
body.single-post .entry-content,
body.single-post .post-navigation,
body.single-post .comments-area {
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.single-post .entry-title,
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6 {
  color: #d4af37 !important;
  opacity: 1 !important;
}

body.single-post .entry-title {
  line-height: 1.28 !important;
}

body.single-post .entry-content h2 {
  margin-top: 52px !important;
  margin-bottom: 18px !important;
  font-size: 2rem !important;
  line-height: 1.28 !important;
}

body.single-post .entry-content h3 {
  margin-top: 36px !important;
  margin-bottom: 14px !important;
  font-size: 1.45rem !important;
}

body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content td,
body.single-post .entry-content figcaption {
  color: #e6eef7 !important;
  opacity: 1 !important;
}

body.single-post .entry-content p,
body.single-post .entry-content li {
  font-size: 1.05rem !important;
  line-height: 1.78 !important;
}

body.single-post .entry-content ul,
body.single-post .entry-content ol {
  margin-top: 18px !important;
  margin-bottom: 28px !important;
}

body.single-post .entry-content li {
  margin-bottom: 10px !important;
}

body.single-post .entry-content li::marker {
  color: #d4af37 !important;
}

body.single-post .entry-content strong,
body.single-post .entry-content b {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.single-post .entry-content a {
  color: #d4af37 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.single-post .entry-content a:hover {
  color: #f0cc5f !important;
}

body.single-post .entry-content blockquote {
  color: #e6eef7 !important;
  border-left: 4px solid #d4af37 !important;
  background: rgba(212, 175, 55, 0.08) !important;
  padding: 18px 22px !important;
}

body.single-post .entry-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 28px 0 !important;
}

body.single-post .entry-content th {
  background: #172638 !important;
  color: #d4af37 !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  padding: 12px 14px !important;
}

body.single-post .entry-content td {
  background: #0b1d2f !important;
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  padding: 12px 14px !important;
}

body.single-post .entry-meta,
body.single-post .entry-meta * {
  color: #9fb1c5 !important;
}

@media (max-width: 768px) {
  body.single-post .entry-content {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.single-post .entry-content h2 {
    font-size: 1.5rem !important;
  }
}


/* Homepage banner size correction - 2026-08-17
   Keep the original 1440x600 banner proportion and remove the 1200px content cap. */
body.home .entry-content > .yizee-banner-wrap,
body.home .yizee-banner-wrap {
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 12 / 5 !important;
    left: auto !important;
    right: auto !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: hidden !important;
    line-height: 0 !important;
    background: #071624 !important;
}

body.home .yizee-banner-wrap .yizee-banner-img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 0 !important;
    transition: opacity 0.6s ease !important;
}

body.home .yizee-banner-wrap .yizee-banner-img.active {
    opacity: 1 !important;
}

body.home .yizee-banner-wrap .yizee-banner-dots {
    position: absolute !important;
    left: 50% !important;
    bottom: 20px !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
    display: flex !important;
    gap: 10px !important;
    line-height: 1 !important;
}

body.home .yizee-banner-wrap .yizee-banner-dot {
    width: 12px !important;
    height: 12px !important;
    border-radius: 999px !important;
}

@media (max-width: 767px) {
    body.home .entry-content > .yizee-banner-wrap,
    body.home .yizee-banner-wrap {
        aspect-ratio: 12 / 5 !important;
    }
    body.home .yizee-banner-wrap .yizee-banner-dots {
        bottom: 10px !important;
    }
}