/*
Theme Name: SheedSun
Theme URI: https://sheedsun.com
Author: SheedSun Team
Author URI: https://sheedsun.com
Description: پوسته اختصاصی شیدسان — شرکت انرژی خورشیدی
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sheedsun
Tags: rtl-language, dark, solar, energy, persian
*/

/* ─── Vazirmatn — Self-hosted (no CDN, no block risk) ─── */
@font-face {
  font-family: 'Vazirmatn';
  src: url('assets/fonts/Vazirmatn-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('assets/fonts/Vazirmatn-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('assets/fonts/Vazirmatn-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('assets/fonts/Vazirmatn-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vazirmatn';
  src: url('assets/fonts/Vazirmatn-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ─── CSS Custom Properties — Dark (default) ─── */
:root {
  --clr-bg:          #0d0d0d;
  --clr-surface:     #141414;
  --clr-surface-2:   #1c1c1c;
  --clr-surface-3:   #111111;
  --clr-border:      rgba(255,255,255,0.08);
  --clr-border-solid:#2a2a2a;
  --clr-text:        #e8e8e8;
  --clr-text-2:      #c8c8c8;
  --clr-muted:       #9a9a9a;
  --clr-heading:     #ffffff;
  --clr-accent:      #f5a623;
  --clr-accent-2:    #ffd166;
  --clr-accent-dark: #c47d0e;
  --clr-accent-bg:   rgba(245,166,35,0.1);
  --clr-accent-border: rgba(245,166,35,0.2);

  --header-bg:       rgba(13,13,13,0.92);
  --hero-bg:         #0d0d0d;
  --hero-gradient:   radial-gradient(ellipse 70% 80% at 50% 120%, rgba(245,166,35,.12) 0%, transparent 65%);
  --card-bg:         #141414;
  --card-border:     rgba(255,255,255,0.07);
  --input-bg:        #1c1c1c;
  --input-border:    rgba(255,255,255,0.1);
  --scrollbar-thumb: #2a2a2a;

  --shadow-sm:  0 2px 8px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 24px rgba(0,0,0,0.5);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.5);
  --shadow-glow:0 0 32px rgba(245,166,35,0.2);

  --font-primary: 'Vazirmatn', sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --container-max: 1280px;
  --section-pad: clamp(3rem, 8vw, 6rem);

  color-scheme: dark;
}

/* ─── Light Mode Variables ─── */
[data-theme="light"] {
  --clr-bg:          #f5f2ed;
  --clr-surface:     #ffffff;
  --clr-surface-2:   #f0ece6;
  --clr-surface-3:   #ebe7e1;
  --clr-border:      rgba(0,0,0,0.08);
  --clr-border-solid:#ddd8d0;
  --clr-text:        #2d2926;
  --clr-text-2:      #4a4542;
  --clr-muted:       #7a7470;
  --clr-heading:     #1a1714;
  --clr-accent:      #d4890a;
  --clr-accent-2:    #f5a623;
  --clr-accent-dark: #a86a08;
  --clr-accent-bg:   rgba(212,137,10,0.1);
  --clr-accent-border: rgba(212,137,10,0.25);

  --header-bg:       rgba(245,242,237,0.94);
  --hero-bg:         #ebe7e1;
  --hero-gradient:   radial-gradient(ellipse 70% 80% at 50% 120%, rgba(212,137,10,.1) 0%, transparent 65%);
  --card-bg:         #ffffff;
  --card-border:     rgba(0,0,0,0.08);
  --input-bg:        #f5f2ed;
  --input-border:    rgba(0,0,0,0.12);
  --scrollbar-thumb: #c8c2bb;

  --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:  0 4px 24px rgba(0,0,0,0.12);
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.15);
  --shadow-glow:0 0 32px rgba(212,137,10,0.2);

  color-scheme: light;
}

/* ─── Reset & Base ─── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* Force Vazirmatn on every single element — no exceptions */
  font-family: 'Vazirmatn', sans-serif !important;
}

html {
  direction: rtl;
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-family: 'Vazirmatn', sans-serif !important;
}

html[lang="en"] {
  direction: ltr !important;
}

body {
  font-family: 'Vazirmatn', sans-serif !important;
  background-color: var(--clr-bg);
  color: var(--clr-text);
  line-height: 1.8;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Catch any element that might slip through */
input, textarea, select, button,
h1, h2, h3, h4, h5, h6,
p, span, a, li, td, th, label,
blockquote, figcaption, cite,
code, pre, kbd, samp {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ── Code/pre exception: monospace only inside post content ── */
.post-content code,
.post-content pre,
.post-content pre code,
.post-content kbd,
.entry-content code,
.entry-content pre,
.entry-content kbd {
  font-family: 'Courier New', Courier, monospace !important;
}

img, video, svg {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--clr-accent);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--clr-accent-2);
}

ul, ol {
  list-style: none;
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* ─── Layout ─── */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}

.section-pad {
  padding-block: var(--section-pad);
}

/* ─── Typography ─── */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.3;
  color: var(--clr-white);
}
h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; }
h2 { font-size: clamp(1.6rem, 4vw, 2.5rem); font-weight: 900; }
h3 { font-size: clamp(1.2rem, 3vw, 1.75rem); }
h4 { font-size: 1.25rem; }

p { margin-bottom: 1rem; }

.text-accent  { color: var(--clr-accent); }
.text-muted   { color: var(--clr-muted); }
.text-center  { text-align: center; }
.text-white   { color: var(--clr-white); }

/* ─── Buttons ─── */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

.btn-primary {
  background: var(--clr-accent);
  color: #000;
}

.btn-primary:hover {
  background: var(--clr-accent-2);
  color: #000;
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow);
}

.btn-outline {
  background: transparent;
  color: var(--clr-accent);
  border: 2px solid var(--clr-accent);
}

.btn-outline:hover {
  background: var(--clr-accent);
  color: #000;
  transform: translateY(-2px);
}

.btn-sm {
  padding: 0.5rem 1.1rem;
  font-size: 0.875rem;
}

/* ─── Cards ─── */
.card {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

/* ─── Header / Navbar ─── */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: var(--header-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--clr-border);
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Compensate for fixed header */
#main-content {
  padding-top: 64px;
}

.site-header.scrolled {
  box-shadow: 0 2px 20px rgba(0,0,0,0.25);
}

[data-theme="light"] .site-header.scrolled {
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  gap: 1rem;
}

/* ── Navbar Logo ──
   Two cases:
   1. Custom WP logo → <a class="custom-logo-link navbar__logo">
   2. Text fallback  → <a class="navbar__logo navbar__logo--text">
*/

/* Shared base */
.navbar__logo,
a.custom-logo-link.navbar__logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  flex-shrink: 0;
  /* Vertical centering inside 64px navbar with breathing room */
  height: 64px;
  padding: 14px 0;   /* 14px top + 14px bottom = 36px usable for logo */
  overflow: visible;
  color: var(--clr-heading);
}

/* The actual <img> tag WordPress outputs */
a.custom-logo-link.navbar__logo img.custom-logo,
.navbar__logo img {
  display: block !important;
  height: 100% !important;   /* fills the 36px padding-box */
  width: auto !important;
  max-height: 36px !important;
  max-width: 160px !important;
  object-fit: contain !important;
  flex-shrink: 0;
}

/* Text fallback */
.navbar__logo--text {
  gap: 0.5rem;
  font-size: 1.1rem;
  font-weight: 800;
}
.navbar__logo--text .icon svg {
  width: 28px !important;
  height: 28px !important;
}
.navbar__logo--text span > span { color: var(--clr-accent); }

/* Hover */
.navbar__logo:hover,
a.custom-logo-link.navbar__logo:hover { opacity: 0.82; }

/* Dark/Light logo switching — only applies to .navbar__logo--img */
[data-theme="dark"]  .navbar__logo--img .logo-dark  { display: block !important; }
[data-theme="dark"]  .navbar__logo--img .logo-light { display: none  !important; }
[data-theme="light"] .navbar__logo--img .logo-dark  { display: none  !important; }
[data-theme="light"] .navbar__logo--img .logo-light { display: block !important; }

/* ── Theme Toggle Button ── */
.theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--clr-border);
  background: transparent;
  color: var(--clr-muted);
  cursor: pointer;
  transition: all 0.25s ease;
  flex-shrink: 0;
  padding: 0;
}

.theme-toggle:hover {
  background: var(--clr-accent-bg);
  border-color: var(--clr-accent-border);
  color: var(--clr-accent);
}

.theme-toggle .icon-sun,
.theme-toggle .icon-moon { display: none; }

[data-theme="light"] .theme-toggle .icon-moon { display: block; }
[data-theme="dark"]  .theme-toggle .icon-sun  { display: block; }
:root:not([data-theme]) .theme-toggle .icon-sun { display: block; }

.theme-toggle svg { width: 16px; height: 16px; }

.nav-menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.nav-menu a {
  color: var(--clr-text);
  padding: 0.5rem 0.875rem;
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.nav-menu a:hover,
.nav-menu .current-menu-item > a {
  color: var(--clr-accent);
  background: rgba(245, 166, 35, 0.08);
}

/* ── Nav Actions group: lang + theme + cta + hamburger ── */
.nav-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.nav-cta {
  display: flex;
  align-items: center;
}

/* ── Language Switcher ── */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  height: 36px;
  padding: 0 0.75rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
  background: transparent;
  color: var(--clr-muted);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.lang-switch svg { width: 14px; height: 14px; flex-shrink: 0; }
.lang-switch:hover {
  background: var(--clr-accent-bg);
  border-color: var(--clr-accent-border);
  color: var(--clr-accent);
}

/* Hamburger */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 4px;
  background: none;
  border: none;
}

.hamburger span {
  display: block;
  width: 26px;
  height: 2px;
  background: var(--clr-text);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

/* ─── Mobile Nav ─── */
.mobile-nav {
  display: none;
  position: fixed;
  inset: 64px 0 0 0;
  background: var(--clr-surface);
  z-index: 99;
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  border-top: 1px solid var(--clr-border);
  flex-direction: column;
}

.mobile-nav.open { display: flex; }

.mobile-nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}

.mobile-nav a {
  display: block;
  color: var(--clr-text);
  padding: 0.875rem 1rem;
  border-radius: var(--radius-sm);
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.mobile-nav a:hover {
  color: var(--clr-accent);
  background: rgba(245, 166, 35, 0.08);
}

.mobile-nav__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--clr-border);
}

.mobile-lang-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
  color: var(--clr-muted);
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}
.mobile-lang-switch:hover {
  color: var(--clr-accent);
  border-color: var(--clr-accent-border);
  background: var(--clr-accent-bg);
}

/* ─── Footer ─── */
.site-footer {
  background: var(--clr-surface);
  border-top: 1px solid var(--clr-border);
  padding-block: 3rem 1.5rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}

.footer-brand p {
  color: var(--clr-muted);
  font-size: 0.9rem;
  margin-top: 0.75rem;
  line-height: 1.75;
}

.footer-heading {
  color: var(--clr-white);
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.footer-links li + li { margin-top: 0.5rem; }
.footer-links a {
  color: var(--clr-muted);
  font-size: 0.9rem;
  transition: color 0.2s;
}

.footer-links a:hover { color: var(--clr-accent); }

.footer-bottom {
  padding-top: 1.5rem;
  border-top: 1px solid var(--clr-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.footer-bottom p {
  color: var(--clr-muted);
  font-size: 0.85rem;
  margin: 0;
}

/* ─── Section Labels ─── */
.section-label {
  display: inline-flex;
  align-items: center;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 1rem;
  padding-inline-start: .7rem;
  border-inline-start: 2px solid currentColor;
  line-height: 1.2;
}

/* ─── Grid Utilities ─── */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
}

/* ─── Responsive Nav ─── */
@media (max-width: 768px) {
  .nav-menu { display: none; }
  .nav-cta  { display: none; }
  .hamburger { display: flex; }
  /* lang-switch + theme-toggle stay visible inside nav-actions on mobile */
}

@media (max-width: 375px) {
  /* Hide text label in lang-switch on very small screens */
  .lang-switch span { display: none; }
  .lang-switch { padding: 0 0.5rem; }
}

/* ─── Divider ─── */
.divider {
  width: 60px;
  height: 4px;
  background: var(--clr-accent);
  border-radius: 2px;
  margin-block: 1rem;
}

/* ─── Accessibility ─── */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

:focus-visible {
  outline: 2px solid var(--clr-accent);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ─── Scrollbar ─── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--clr-bg); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--clr-accent); }

/* ─── section-h2 utility (replaces old inline style="color:#fff") ─── */
.section-h2 { color: #fff; margin-top: .5rem; }

/* ─── Smooth theme transitions ─── */
.site-header, .site-footer,
section, div, article, aside, nav,
h1, h2, h3, h4, h5, h6,
p, span, a, li {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* ═══════════════════════════════════════════════════════════
   LIGHT THEME — Complete Design System
   Strategy: [data-theme="light"] .class has higher specificity
   than .class alone, overriding all hardcoded dark values in
   inline <style> blocks without touching individual templates.
   ═══════════════════════════════════════════════════════════ */

/* ── Base ── */
[data-theme="light"] body { background: #f5f2ed; color: #2d2926; }

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 { color: #1a1714; }

/* section-h2 replaces inline style="color:#fff" */
.section-h2 { color: #fff; margin-top: .5rem; }
[data-theme="light"] .section-h2 { color: #1a1714; }

[data-theme="light"] p { color: #4a4542; }

/* ── Links ── */
[data-theme="light"] a { color: #d4890a; }
[data-theme="light"] a:hover { color: #a86a08; }

/* ── Buttons ── */
[data-theme="light"] .btn-primary {
  background: #d4890a;
  color: #fff;
  box-shadow: 0 2px 12px rgba(212,137,10,0.25);
}
[data-theme="light"] .btn-primary:hover {
  background: #a86a08;
  color: #fff;
  box-shadow: 0 4px 20px rgba(212,137,10,0.35);
}
[data-theme="light"] .btn-outline {
  color: #d4890a;
  border-color: #d4890a;
  background: transparent;
}
[data-theme="light"] .btn-outline:hover {
  background: #d4890a;
  color: #fff;
}
[data-theme="light"] .btn-ghost {
  background: rgba(0,0,0,0.06);
  color: #2d2926;
  border: 1px solid rgba(0,0,0,0.14);
}
[data-theme="light"] .btn-ghost:hover {
  background: rgba(0,0,0,0.1);
  color: #1a1714;
}

/* ── Nav (hardcoded rgba in base styles) ── */
[data-theme="light"] .nav-menu a { color: #2d2926; }
[data-theme="light"] .nav-menu a:hover,
[data-theme="light"] .nav-menu .current-menu-item > a {
  color: #d4890a;
  background: rgba(212,137,10,0.08);
}
[data-theme="light"] .mobile-nav { background: #ffffff; border-color: rgba(0,0,0,0.07); }
[data-theme="light"] .mobile-nav a { color: #2d2926; }
[data-theme="light"] .mobile-nav a:hover { color: #d4890a; background: rgba(212,137,10,0.08); }
[data-theme="light"] .hamburger span { background: #2d2926; }

/* ── Footer ── */
[data-theme="light"] .site-footer { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .footer-heading { color: #1a1714; }
[data-theme="light"] .footer-brand p { color: #7a7470; }
[data-theme="light"] .footer-links a { color: #7a7470; }
[data-theme="light"] .footer-links a:hover { color: #d4890a; }
[data-theme="light"] .footer-bottom { border-color: rgba(0,0,0,0.07); }
[data-theme="light"] .footer-bottom p { color: #9a9490; }

/* ── Section Badges & Labels ── */
[data-theme="light"] .section-badge,
[data-theme="light"] .section-label {
  color: #c47d0e;
}
[data-theme="light"] .section-eyebrow { color: #c47d0e; }
[data-theme="light"] .section-eyebrow::before { background: #c47d0e; }
[data-theme="light"] .section-title { color: #1a1714; }
[data-theme="light"] .section-desc { color: #6a6560; }

/* ════════════════════════════════
   FRONT PAGE
   ════════════════════════════════ */

/* ── Hero ── */
[data-theme="light"] .hero { background: #ebe7e1; }
[data-theme="light"] .hero::before {
  background: radial-gradient(ellipse 70% 80% at 50% 110%, rgba(212,137,10,.12) 0%, transparent 65%);
}
[data-theme="light"] .hero__canvas { opacity: 1; }
[data-theme="light"] .hero__badge { color: #c47d0e; }
[data-theme="light"] .hero__title { color: #1a1714; }
[data-theme="light"] .hero__title-line1 { color: #1a1714; }
[data-theme="light"] .hero__title-accent { color: #d4890a; }
[data-theme="light"] .hero__sub { color: #6a6560; }

/* ── Stats Bar ── */
[data-theme="light"] .fp-stats {
  background: #ffffff;
  border-top-color: rgba(0,0,0,0.06);
  border-bottom-color: rgba(0,0,0,0.06);
}
[data-theme="light"] .fp-stat { border-color: rgba(0,0,0,0.06); }
[data-theme="light"] .fp-stat__number { color: #d4890a; }
[data-theme="light"] .fp-stat__label { color: #7a7470; }
[data-theme="light"] .fp-stat__icon { color: rgba(212,137,10,0.45); }

/* ── FP Sections ── */
[data-theme="light"] .fp-section { background: #f5f2ed; }
[data-theme="light"] .fp-section--alt { background: #eee9e3; }
[data-theme="light"] .section-header h2 { color: #1a1714; }

/* ── Intro Split ── */
[data-theme="light"] .intro-split__video-inner {
  background: #e4e0da;
  border-color: rgba(0,0,0,0.1);
}
[data-theme="light"] .intro-split__badge {
  background: rgba(255,255,255,0.88);
  border-color: rgba(212,137,10,0.3);
  color: #a86a08;
}
[data-theme="light"] .intro-split__badge strong { color: #d4890a; }
[data-theme="light"] .about__content h2 { color: #1a1714; }
[data-theme="light"] .about__content p { color: #6a6560; }
[data-theme="light"] .about__stat-number { color: #d4890a; }
[data-theme="light"] .about__stat-label { color: #7a7470; }

/* ── Services Wheel ── */
[data-theme="light"] .svc-orbit-ring { border-color: rgba(212,137,10,0.22); }
[data-theme="light"] .svc-center {
  background: radial-gradient(circle, rgba(212,137,10,0.12) 0%, rgba(212,137,10,0.04) 60%, transparent 100%);
  border-color: rgba(212,137,10,0.2);
}
[data-theme="light"] .svc-center__icon { color: #d4890a; }
[data-theme="light"] .svc-center__title { color: #1a1714; }
[data-theme="light"] .svc-center__sub { color: #7a7470; }
[data-theme="light"] .svc-node__icon {
  background: #ffffff;
  border-color: rgba(212,137,10,0.3);
  color: #d4890a;
  box-shadow: 0 2px 14px rgba(0,0,0,0.1);
}
[data-theme="light"] .svc-node:hover .svc-node__icon,
[data-theme="light"] .svc-node:focus .svc-node__icon {
  background: rgba(212,137,10,0.12);
  box-shadow: 0 4px 20px rgba(212,137,10,0.25);
}
[data-theme="light"] .svc-node__label { color: #2d2926; }
[data-theme="light"] .svc-node__en { color: #7a7470; }

/* ── Project Cards (front page) ── */
[data-theme="light"] .proj-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .proj-card:hover {
  border-color: rgba(212,137,10,0.28);
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
[data-theme="light"] .proj-card__body { background: transparent; }
[data-theme="light"] .proj-card__title { color: #1a1714; }
[data-theme="light"] .proj-card__meta { color: #7a7470; }
[data-theme="light"] .proj-card__more { color: #d4890a; border-color: rgba(0,0,0,0.07); }
[data-theme="light"] .proj-card__type-badge {
  background: rgba(212,137,10,0.12);
  color: #a86a08;
}

/* ── Blog Cards ── */
[data-theme="light"] .blog-section__title { color: #1a1714; }
[data-theme="light"] .blog-section__line { background: rgba(0,0,0,0.1); }
[data-theme="light"] .blog-section__link { color: #d4890a; }
[data-theme="light"] .blog-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .blog-card:hover {
  border-color: rgba(212,137,10,0.28);
  box-shadow: 0 8px 32px rgba(0,0,0,0.1);
}
[data-theme="light"] .blog-card__title { color: #1a1714; }
[data-theme="light"] .blog-card:hover .blog-card__title { color: #2d2926; }
[data-theme="light"] .blog-card__meta { color: #9a9490; }
[data-theme="light"] .blog-card__meta a { color: #d4890a; }
[data-theme="light"] .blog-card__more { color: #d4890a; border-color: rgba(0,0,0,0.07); }
[data-theme="light"] .blog-card__thumb-ph { background: #f0ece6; color: rgba(212,137,10,0.25); }

/* ── CTA Banner ── */
[data-theme="light"] .cta-banner {
  background: linear-gradient(135deg, #c47d0e 0%, #a86a08 100%);
}
[data-theme="light"] .cta-banner__inner h2 { color: #ffffff; }
[data-theme="light"] .cta-banner__inner p { color: rgba(255,255,255,0.85); }
[data-theme="light"] .cta-banner .btn-outline {
  border-color: rgba(255,255,255,0.6);
  color: #ffffff;
}
[data-theme="light"] .cta-banner .btn-outline:hover {
  background: rgba(255,255,255,0.15);
  color: #ffffff;
}

/* ── Clients/Marquee ── */
[data-theme="light"] .clients-section {
  background: #f0ece6;
  border-color: rgba(0,0,0,0.06);
}
[data-theme="light"] .clients-section h3 { color: #7a7470; }
[data-theme="light"] .marquee-item img { filter: grayscale(0.2) opacity(0.8); }

/* ── Iran Map Section ── */
[data-theme="light"] .map-img {
  filter: brightness(1) saturate(0.9);
}
[data-theme="light"] .imp-map-heading { color: #1a1714; }
[data-theme="light"] .legend { color: #6a6560; }

/* Map Modal */
[data-theme="light"] .modal-content {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow: 0 24px 64px rgba(0,0,0,0.18);
}
[data-theme="light"] #modal-title { color: #1a1714; }
[data-theme="light"] #modal-location,
[data-theme="light"] #modal-year { color: #6a6560; }
[data-theme="light"] .close-button {
  background: rgba(255,255,255,0.9);
  border-color: rgba(0,0,0,0.15);
  color: #2d2926;
}
[data-theme="light"] .close-button:hover { background: #ffffff; }
[data-theme="light"] .project-button {
  background: #d4890a;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(212,137,10,0.3);
}
[data-theme="light"] .project-button:hover {
  background: #a86a08;
  color: #ffffff !important;
}

/* ════════════════════════════════
   ABOUT PAGE
   ════════════════════════════════ */

[data-theme="light"] .about-hero { background: #ebe7e1; border-color: rgba(0,0,0,0.06); }
[data-theme="light"] .about-hero::before {
  background: radial-gradient(ellipse 70% 80% at 50% 120%, rgba(212,137,10,.1) 0%, transparent 65%);
}
[data-theme="light"] .about-hero__badge { background: rgba(212,137,10,0.1); border-color: rgba(212,137,10,0.25); color: #d4890a; }
[data-theme="light"] .about-hero__title { color: #1a1714; }
[data-theme="light"] .about-hero__title span { color: #d4890a; }
[data-theme="light"] .about-hero__desc { color: #6a6560; }
[data-theme="light"] .about-hero__stat-bubble {
  background: rgba(255,255,255,0.9);
  border-color: rgba(212,137,10,0.25);
}
[data-theme="light"] .about-hero__stat-bubble .number { color: #d4890a; }
[data-theme="light"] .about-hero__stat-bubble .label { color: #7a7470; }
[data-theme="light"] .about-hero__image::before { border-color: rgba(212,137,10,0.2); }

[data-theme="light"] .about-stats { background: #ffffff; border-color: rgba(0,0,0,0.06); }
[data-theme="light"] .about-stats__number { color: #d4890a; }
[data-theme="light"] .about-stats__label { color: #7a7470; }

[data-theme="light"] .about-section { background: #f5f2ed; }
[data-theme="light"] .about-section--alt { background: #eee9e3; }

[data-theme="light"] .mvv-card { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .mvv-card:hover { border-color: rgba(212,137,10,0.3); }
[data-theme="light"] .mvv-card__icon { background: rgba(212,137,10,0.08); border-color: rgba(212,137,10,0.18); color: #d4890a; }
[data-theme="light"] .mvv-card__title { color: #1a1714; }
[data-theme="light"] .mvv-card__text { color: #6a6560; }

[data-theme="light"] .timeline-item__year { color: #d4890a; }
[data-theme="light"] .timeline-item__dot { background: #d4890a; border-color: rgba(212,137,10,0.35); box-shadow: 0 0 12px rgba(212,137,10,0.3); }
[data-theme="light"] .timeline-item__line { background: linear-gradient(to bottom, rgba(212,137,10,0.4), rgba(212,137,10,0.05)); }
[data-theme="light"] .timeline-item__content { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .timeline-item__title { color: #1a1714; }
[data-theme="light"] .timeline-item__desc { color: #6a6560; }

[data-theme="light"] .team-card { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .team-card:hover { border-color: rgba(212,137,10,0.3); }
[data-theme="light"] .team-card__photo-ph { background: #f0ece6; color: rgba(212,137,10,0.3); }
[data-theme="light"] .team-card__name { color: #1a1714; }
[data-theme="light"] .team-card__role { color: #d4890a; }

[data-theme="light"] .cert-card { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .cert-card:hover { border-color: rgba(212,137,10,0.3); }
[data-theme="light"] .cert-card__icon { color: #d4890a; }
[data-theme="light"] .cert-card__title { color: #1a1714; }
[data-theme="light"] .cert-card__body { color: #7a7470; }

[data-theme="light"] .about-cta {
  background: linear-gradient(135deg, #f0ece6 0%, #e8e3dc 100%);
  border-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .about-cta__title { color: #1a1714; }
[data-theme="light"] .about-cta__desc { color: #7a7470; }

/* ════════════════════════════════
   SERVICES PAGE
   ════════════════════════════════ */

[data-theme="light"] .services-hero { background: #ebe7e1; border-color: rgba(0,0,0,0.06); }
[data-theme="light"] .services-hero::before {
  background: radial-gradient(ellipse 60% 70% at 50% 120%, rgba(212,137,10,.08) 0%, transparent 65%);
}
[data-theme="light"] .services-hero__badge { background: rgba(212,137,10,0.1); border-color: rgba(212,137,10,0.25); color: #d4890a; }
[data-theme="light"] .services-hero__title { color: #1a1714; }
[data-theme="light"] .services-hero__title span { color: #d4890a; }
[data-theme="light"] .services-hero__desc { color: #6a6560; }

[data-theme="light"] .services-section { background: #f5f2ed; }
[data-theme="light"] .services-section--alt { background: #eee9e3; }

[data-theme="light"] .service-card { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .service-card:hover { border-color: rgba(212,137,10,0.28); box-shadow: 0 8px 32px rgba(0,0,0,0.1); }
[data-theme="light"] .service-card--featured {
  background: linear-gradient(135deg, rgba(212,137,10,0.05) 0%, #ffffff 100%);
  border-color: rgba(212,137,10,0.18);
}
[data-theme="light"] .service-card__icon { background: rgba(212,137,10,0.08); border-color: rgba(212,137,10,0.18); color: #d4890a; }
[data-theme="light"] .service-card__title { color: #1a1714; }
[data-theme="light"] .service-card__desc { color: #6a6560; }
[data-theme="light"] .service-card__features li { color: #4a4542; }
[data-theme="light"] .service-card__features li::before { background: #d4890a; }

[data-theme="light"] .process-steps::before {
  background: linear-gradient(to left, rgba(212,137,10,.05) 0%, rgba(212,137,10,.3) 50%, rgba(212,137,10,.05) 100%);
}
[data-theme="light"] .process-step__number {
  background: #ffffff;
  border-color: rgba(212,137,10,0.35);
  color: #d4890a;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
[data-theme="light"] .process-step__number::after { border-color: rgba(212,137,10,0.12); }
[data-theme="light"] .process-step:hover .process-step__number {
  background: rgba(212,137,10,0.08);
  box-shadow: 0 0 20px rgba(212,137,10,0.2);
}
[data-theme="light"] .process-step__title { color: #1a1714; }
[data-theme="light"] .process-step__desc { color: #7a7470; }

[data-theme="light"] .faq-item { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .faq-item__question { color: #2d2926; }
[data-theme="light"] .faq-item__question:hover { color: #d4890a; }
[data-theme="light"] .faq-item__icon { background: rgba(212,137,10,0.1); color: #d4890a; }
[data-theme="light"] .faq-item.open .faq-item__icon { background: rgba(212,137,10,0.2); }
[data-theme="light"] .faq-item__answer { color: #6a6560; }

[data-theme="light"] .services-cta {
  background: linear-gradient(135deg, rgba(212,137,10,0.07) 0%, transparent 100%);
  border-color: rgba(212,137,10,0.2);
}
[data-theme="light"] .services-cta__title { color: #1a1714; }
[data-theme="light"] .services-cta__desc { color: #7a7470; }

/* ════════════════════════════════
   PROJECTS ARCHIVE (Plugin Template)
   ════════════════════════════════ */

[data-theme="light"] .iap-hero { background: #ebe7e1; }
[data-theme="light"] .iap-hero::before {
  background: radial-gradient(ellipse 60% 70% at 50% 120%, rgba(212,137,10,.08) 0%, transparent 65%);
}
[data-theme="light"] .iap-hero__eyebrow { color: #d4890a; }
[data-theme="light"] .iap-hero__title { color: #1a1714; }
[data-theme="light"] .iap-hero__desc { color: #6a6560; }
[data-theme="light"] .iap-stat { border-color: rgba(0,0,0,0.1); }
[data-theme="light"] .iap-stat__num { color: #d4890a; }
[data-theme="light"] .iap-stat__label { color: #7a7470; }

[data-theme="light"] .iap-filters-wrap { background: #ffffff; border-color: rgba(0,0,0,0.07); box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
[data-theme="light"] .iap-filter-btn {
  background: #f5f2ed;
  color: #4a4542;
  border-color: rgba(0,0,0,0.1);
}
[data-theme="light"] .iap-filter-btn:hover { color: #d4890a; border-color: rgba(212,137,10,0.3); background: rgba(212,137,10,0.06); }
[data-theme="light"] .iap-filter-btn.active { background: #d4890a; color: #fff; border-color: #d4890a; }
[data-theme="light"] .iap-results-count { color: #7a7470; }

[data-theme="light"] .iap-main { background: #f5f2ed; }
[data-theme="light"] .iap-card { background: #ffffff; border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .iap-card:hover { border-color: rgba(212,137,10,0.28); box-shadow: 0 8px 32px rgba(0,0,0,0.1); }
[data-theme="light"] .iap-card__body { background: transparent; }
[data-theme="light"] .iap-card__title { color: #1a1714; }
[data-theme="light"] .iap-card__meta-item { color: #7a7470; }
[data-theme="light"] .iap-card__more { color: #d4890a; border-color: rgba(0,0,0,0.07); }
[data-theme="light"] .iap-card__thumb-ph { background: #f0ece6; color: rgba(212,137,10,0.25); }

[data-theme="light"] .iap-pagination .page-numbers {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  color: #4a4542;
}
[data-theme="light"] .iap-pagination .page-numbers:hover { border-color: rgba(212,137,10,0.3); color: #d4890a; }
[data-theme="light"] .iap-pagination .page-numbers.current { background: #d4890a; border-color: #d4890a; color: #fff; }

/* ── Scrollbar light ── */
[data-theme="light"] ::-webkit-scrollbar-track { background: #f5f2ed; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c8c2bb; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #d4890a; }

/* ════════════════════════════════════════════════════════
   LIGHT THEME — Front-page Targeted Fixes
   All rules use [data-theme="light"] prefix to beat the
   specificity of hardcoded dark values in inline <style>.
   ════════════════════════════════════════════════════════ */

/* ── HERO ── */
[data-theme="light"] .hero {
  background: linear-gradient(to bottom, #edeae4 50%, #f5f2ed 100%) !important;
}
[data-theme="light"] .hero::before {
  background: radial-gradient(ellipse 70% 80% at 75% 55%, rgba(212,137,10,.08) 0%, transparent 60%) !important;
}
[data-theme="light"] .hero__canvas { opacity: 1 !important; }
[data-theme="light"] .hero__title { color: #1a1714 !important; }
[data-theme="light"] .hero__title-line1 { color: #1a1714 !important; }
[data-theme="light"] .hero__title-accent { color: #d4890a !important; }
[data-theme="light"] .hero__sub { color: #6a6560 !important; }
[data-theme="light"] .hero__badge { color: #c47d0e !important; }
[data-theme="light"] .btn-ghost {
  background: rgba(0,0,0,.06) !important;
  color: #2d2926 !important;
  border-color: rgba(0,0,0,.16) !important;
}
[data-theme="light"] .btn-ghost:hover {
  background: rgba(0,0,0,.1) !important;
  border-color: rgba(0,0,0,.24) !important;
  color: #1a1714 !important;
}

/* ── STATS BAR ── */
[data-theme="light"] .stats-bar {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="light"] .stat-item {
  border-inline-end-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .stat-item:hover { background: rgba(212,137,10,.05) !important; }
[data-theme="light"] .stat-item__num { color: #d4890a !important; }
[data-theme="light"] .stat-item__title { color: #4a4542 !important; }
[data-theme="light"] .stat-item__unit { color: #9a9490 !important; }
[data-theme="light"] .stat-item__label { color: #7a7470 !important; }
[data-theme="light"] .stat-item__icon { color: #d4890a !important; }

/* ── FP SECTIONS ── */
[data-theme="light"] .fp-section { background: #f5f2ed; }
[data-theme="light"] .fp-section--alt { background: #edeae4 !important; }
[data-theme="light"] .section-h2 { color: #1a1714 !important; }
[data-theme="light"] .section-badge { color: #c47d0e !important; }
[data-theme="light"] .fp-divider { background: #d4890a !important; }

/* ── INTRO SPLIT (معرفی) ── */
[data-theme="light"] .intro-split__video-inner {
  background: #e0dbd4 !important;
  border-color: rgba(0,0,0,.1) !important;
}
[data-theme="light"] .intro-split__video-inner::before {
  background:
    radial-gradient(ellipse 80% 60% at 30% 40%, rgba(212,137,10,.08) 0%, transparent 60%),
    linear-gradient(160deg, #ddd8d0 0%, #d5d0c9 100%) !important;
}
[data-theme="light"] .intro-split__video-inner::after {
  background-image:
    linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,.04) 1px, transparent 1px) !important;
}
[data-theme="light"] .play-btn__label { color: #6a6560 !important; }
[data-theme="light"] .intro-split__badge {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(212,137,10,.3) !important;
  backdrop-filter: blur(8px) !important;
}
[data-theme="light"] .intro-split__badge-text strong { color: #1a1714 !important; }
[data-theme="light"] .intro-split__badge-text span { color: #7a7470 !important; }
[data-theme="light"] .intro-split__dot { border-color: rgba(212,137,10,.18) !important; }
[data-theme="light"] .intro-split__dot::before { border-color: rgba(212,137,10,.1) !important; }
[data-theme="light"] .intro-split__content h2 { color: #1a1714 !important; }
[data-theme="light"] .intro-split__content > p { color: #6a6560 !important; }
[data-theme="light"] .intro-split__feature {
  background: rgba(0,0,0,.03) !important;
  border-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .intro-split__feature:hover { border-color: rgba(212,137,10,.25) !important; }
[data-theme="light"] .intro-split__fi {
  background: rgba(212,137,10,.1) !important;
  color: #d4890a !important;
}
[data-theme="light"] .intro-split__ft strong { color: #1a1714 !important; }
[data-theme="light"] .intro-split__ft span { color: #7a7470 !important; }

/* ── CLIENTS MARQUEE ── */
[data-theme="light"] .clients-row {
  border-top-color: rgba(0,0,0,.07) !important;
  border-bottom-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .clients__label { color: #9a9490 !important; }
[data-theme="light"] .clients__track-wrap {
  -webkit-mask-image: linear-gradient(to left, transparent, #fff 18%, #fff 82%, transparent) !important;
  mask-image: linear-gradient(to left, transparent, #fff 18%, #fff 82%, transparent) !important;
}
[data-theme="light"] .client-logo {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.09) !important;
  color: #7a7470 !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
}
[data-theme="light"] .client-logo:hover {
  border-color: rgba(212,137,10,.3) !important;
  background: #fdf9f4 !important;
}
[data-theme="light"] .client-logo img {
  filter: grayscale(.3) brightness(.85) !important;
}
[data-theme="light"] .client-logo:hover img { filter: none !important; }

/* ── ABOUT (front-page section) ── */
[data-theme="light"] .about__content h2 { color: #1a1714 !important; }
[data-theme="light"] .about__content p { color: #6a6560 !important; }
[data-theme="light"] .about__tag { color: #7a7470 !important; }
[data-theme="light"] .about__tag .icon { color: #c47d0e !important; }
[data-theme="light"] .about__img-wrap {
  background: #e4e0da !important;
  border-color: rgba(0,0,0,.09) !important;
}
[data-theme="light"] .about__img-wrap.no-img .icon svg { color: rgba(212,137,10,.3) !important; }

/* ── SERVICES WHEEL ── */
[data-theme="light"] .svc-orbit { border-color: rgba(212,137,10,.25) !important; }
[data-theme="light"] .svc-center-inner {
  box-shadow: 0 0 40px rgba(212,137,10,.25), 0 0 16px rgba(212,137,10,.15) !important;
}
[data-theme="light"] .svc-node__icon {
  background: #ffffff !important;
  border-color: #d4890a !important;
  color: #d4890a !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.1) !important;
}
[data-theme="light"] .svc-node:hover .svc-node__icon {
  background: rgba(212,137,10,.1) !important;
  box-shadow: 0 4px 20px rgba(212,137,10,.25) !important;
}
[data-theme="light"] .svc-node__label { color: #1a1714 !important; }
[data-theme="light"] .svc-node__en { color: #7a7470 !important; }

/* ── PROJECT CARDS (front-page) ── */
[data-theme="light"] .project-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .project-card:hover {
  box-shadow: 0 12px 40px rgba(0,0,0,.12) !important;
  border-color: rgba(212,137,10,.3) !important;
}
[data-theme="light"] .project-card__placeholder {
  background: #f0ece6 !important;
  color: rgba(212,137,10,.25) !important;
}
[data-theme="light"] .project-card__overlay {
  background: linear-gradient(to top, rgba(0,0,0,.5) 0%, transparent 55%) !important;
}
[data-theme="light"] .project-card__title { color: #1a1714 !important; }
[data-theme="light"] .project-card__title a:hover { color: #d4890a !important; }
[data-theme="light"] .project-card__meta { color: #7a7470 !important; }
[data-theme="light"] .project-card__body {
  border-top: 1px solid rgba(0,0,0,.06);
}

/* ── VIEW ALL PROJECTS BTN ── */
[data-theme="light"] .btn-outline {
  color: #d4890a !important;
  border-color: #d4890a !important;
}
[data-theme="light"] .btn-outline:hover {
  background: #d4890a !important;
  color: #fff !important;
}

/* ── MAP SECTION ── */
[data-theme="light"] .map-col-info h2 { color: #1a1714 !important; }
[data-theme="light"] .map-col-info p { color: #6a6560 !important; }
[data-theme="light"] .map-stat span { color: #7a7470 !important; }
[data-theme="light"] .map-stat strong { color: #d4890a !important; }
[data-theme="light"] .map-img { filter: brightness(1) saturate(.9) !important; }

/* ── BLOG SECTION ── */
[data-theme="light"] .blog-section__title { color: #1a1714 !important; }
[data-theme="light"] .blog-section__title span { color: #d4890a !important; }
[data-theme="light"] .blog-section__line { background: rgba(0,0,0,.1) !important; }
[data-theme="light"] .blog-section__link { color: #d4890a !important; }
[data-theme="light"] .blog-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .blog-card:hover {
  border-color: rgba(212,137,10,.28) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.1) !important;
}
[data-theme="light"] .blog-card__thumb-ph {
  background: #f0ece6 !important;
  color: rgba(212,137,10,.22) !important;
}
[data-theme="light"] .blog-card__title { color: #1a1714 !important; }
[data-theme="light"] .blog-card:hover .blog-card__title { color: #2d2926 !important; }
[data-theme="light"] .blog-card__meta { color: #9a9490 !important; }
[data-theme="light"] .blog-card__meta a { color: #d4890a !important; }
[data-theme="light"] .blog-card__more {
  color: #d4890a !important;
  border-top-color: rgba(0,0,0,.07) !important;
}

/* ── CTA BANNER ── */
[data-theme="light"] .cta-banner {
  background: linear-gradient(135deg, #c47d0e 0%, #9a6008 100%) !important;
}
[data-theme="light"] .cta-banner__inner h2 { color: #fff !important; }
[data-theme="light"] .cta-banner__inner p { color: rgba(255,255,255,.88) !important; }
[data-theme="light"] .cta-banner .btn-primary {
  background: #fff !important;
  color: #c47d0e !important;
}
[data-theme="light"] .cta-banner .btn-primary:hover { background: #fff8ee !important; }
[data-theme="light"] .cta-banner .btn-outline {
  border-color: rgba(255,255,255,.55) !important;
  color: #fff !important;
  background: transparent !important;
}
[data-theme="light"] .cta-banner .btn-outline:hover {
  background: rgba(255,255,255,.15) !important;
  color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════
   LIGHT THEME — INNER PAGES
   Overrides for all page templates. Groups match template files.
   !important used only where inline <style> blocks would otherwise
   win over this stylesheet (same cascade layer, lower specificity).
═══════════════════════════════════════════════════════════════ */

/* ─── SHARED: All inner-page hero sections → light beige ─── */
[data-theme="light"] .prod-hero,
[data-theme="light"] .ev-hero,
[data-theme="light"] .archive-hero,
[data-theme="light"] .dl-hero,
[data-theme="light"] .contact-hero,
[data-theme="light"] .blog-hero,
[data-theme="light"] .single-hero,
[data-theme="light"] .projects-hero,
[data-theme="light"] .services-hero {
  background: #edeae4 !important;
  border-bottom-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .prod-hero::before,
[data-theme="light"] .ev-hero::before,
[data-theme="light"] .archive-hero::before,
[data-theme="light"] .dl-hero::before,
[data-theme="light"] .contact-hero::before,
[data-theme="light"] .blog-hero::before,
[data-theme="light"] .single-hero::before,
[data-theme="light"] .projects-hero::before,
[data-theme="light"] .services-hero::before {
  background: radial-gradient(ellipse 65% 75% at 50% 120%, rgba(212,137,10,.12) 0%, transparent 65%) !important;
}

/* ─── PRODUCTS PAGE (page-products.php) ─── */
[data-theme="light"] .prod-hero__eyebrow { color: #d4890a !important; }
[data-theme="light"] .prod-hero__title { color: #1a1714 !important; }
[data-theme="light"] .prod-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .prod-coming {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .prod-coming::before {
  background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(212,137,10,.07) 0%, transparent 70%) !important;
}
[data-theme="light"] .prod-coming__title { color: #1a1714 !important; }
[data-theme="light"] .prod-coming__text { color: #6a6560 !important; }

[data-theme="light"] .prod-feature {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .prod-feature:hover { border-color: rgba(212,137,10,.25) !important; }
[data-theme="light"] .prod-feature__title { color: #1a1714 !important; }
[data-theme="light"] .prod-feature__text { color: #6a6560 !important; }

[data-theme="light"] .prod-cta {
  background: linear-gradient(135deg, rgba(212,137,10,.07) 0%, rgba(212,137,10,.03) 100%) !important;
  border-color: rgba(212,137,10,.15) !important;
}
[data-theme="light"] .prod-cta__title { color: #1a1714 !important; }
[data-theme="light"] .prod-cta__text { color: #7a7470 !important; }

/* ─── EVENTS PAGE (page-events.php) ─── */
[data-theme="light"] .ev-hero__eyebrow { color: #d4890a !important; }
[data-theme="light"] .ev-hero__title { color: #1a1714 !important; }
[data-theme="light"] .ev-hero__desc { color: #6a6560 !important; }
[data-theme="light"] .ev-hero__stat { color: #d4890a !important; }
[data-theme="light"] .ev-hero__stat span { color: #7a7470 !important; }

[data-theme="light"] .ev-featured__card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .ev-featured__card:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .ev-featured__thumb { background: #e8e4de !important; }
[data-theme="light"] .ev-featured__title { color: #1a1714 !important; }
[data-theme="light"] .ev-featured__excerpt { color: #6a6560 !important; }
[data-theme="light"] .ev-featured__meta { color: #9a9490 !important; }

[data-theme="light"] .ev-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .ev-card:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .ev-card__thumb { background: #e8e4de !important; }
[data-theme="light"] .ev-card__thumb-ph {
  background: repeating-linear-gradient(45deg, #ede9e2, #ede9e2 8px, #e6e2db 8px, #e6e2db 16px) !important;
  color: rgba(212,137,10,.25) !important;
}
[data-theme="light"] .ev-card__title { color: #1a1714 !important; }
[data-theme="light"] .ev-card:hover .ev-card__title { color: #2d2926 !important; }
[data-theme="light"] .ev-card__excerpt { color: #6a6560 !important; }
[data-theme="light"] .ev-card__meta {
  color: #9a9490 !important;
  border-top-color: rgba(0,0,0,.06) !important;
}

[data-theme="light"] .ev-pagination a,
[data-theme="light"] .ev-pagination span {
  border-color: rgba(0,0,0,.12) !important;
  color: #7a7470 !important;
  background: #ffffff !important;
}
[data-theme="light"] .ev-pagination a:hover {
  border-color: rgba(212,137,10,.4) !important;
  color: #d4890a !important;
}
[data-theme="light"] .ev-pagination .current {
  background: rgba(212,137,10,.12) !important;
  border-color: rgba(212,137,10,.35) !important;
  color: #d4890a !important;
}
[data-theme="light"] .ev-pagination .dots {
  border: none !important;
  background: transparent !important;
  color: #9a9490 !important;
}
[data-theme="light"] .ev-empty { color: #9a9490 !important; }

/* ─── BLOG PAGE (page-blog.php) ─── */
[data-theme="light"] .blog-hero__eyebrow { color: #d4890a !important; }
[data-theme="light"] .blog-hero__title { color: #1a1714 !important; }
[data-theme="light"] .blog-hero__desc { color: #6a6560 !important; }
[data-theme="light"] .blog-hero__stat { color: #d4890a !important; }
[data-theme="light"] .blog-hero__stat span { color: #7a7470 !important; }

[data-theme="light"] .blog-filter-bar {
  background: #f5f2ed !important;
  border-bottom-color: rgba(0,0,0,.09) !important;
}
[data-theme="light"] .blog-filter { color: #7a7470 !important; }
[data-theme="light"] .blog-filter:hover { color: #1a1714 !important; }
[data-theme="light"] .blog-filter.is-active {
  color: #d4890a !important;
  border-bottom-color: #d4890a !important;
}
[data-theme="light"] .blog-filter__count {
  background: rgba(0,0,0,.07) !important;
  color: #7a7470 !important;
}
[data-theme="light"] .blog-filter.is-active .blog-filter__count {
  background: rgba(212,137,10,.15) !important;
  color: #d4890a !important;
}

[data-theme="light"] .blog-featured__card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .blog-featured__card:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .blog-featured__thumb { background: #e8e4de !important; }
[data-theme="light"] .blog-featured__title { color: #1a1714 !important; }
[data-theme="light"] .blog-featured__excerpt { color: #6a6560 !important; }
[data-theme="light"] .blog-featured__meta { color: #9a9490 !important; }

[data-theme="light"] .blog-main .blog-card__thumb-ph {
  background: repeating-linear-gradient(45deg, #ede9e2, #ede9e2 8px, #e6e2db 8px, #e6e2db 16px) !important;
  color: rgba(212,137,10,.22) !important;
}
[data-theme="light"] .blog-main .blog-card__thumb { background: #e8e4de !important; }

[data-theme="light"] .blog-pagination a,
[data-theme="light"] .blog-pagination span {
  border-color: rgba(0,0,0,.12) !important;
  color: #7a7470 !important;
  background: #ffffff !important;
}
[data-theme="light"] .blog-pagination a:hover {
  border-color: rgba(212,137,10,.4) !important;
  color: #d4890a !important;
}
[data-theme="light"] .blog-pagination .current {
  background: rgba(212,137,10,.12) !important;
  border-color: rgba(212,137,10,.35) !important;
  color: #d4890a !important;
}
[data-theme="light"] .blog-pagination .dots {
  border: none !important;
  background: transparent !important;
  color: #9a9490 !important;
}
[data-theme="light"] .blog-empty { color: #9a9490 !important; }

/* ─── BLOG ARCHIVE (archive.php) ─── */
[data-theme="light"] .archive-hero__badge {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.2) !important;
  color: #d4890a !important;
}
[data-theme="light"] .archive-hero__title { color: #1a1714 !important; }
[data-theme="light"] .archive-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .archive-filter { border-bottom-color: rgba(0,0,0,.08) !important; }
[data-theme="light"] .archive-filter__label { color: #7a7470 !important; }
[data-theme="light"] .filter-btn {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .filter-btn:hover,
[data-theme="light"] .filter-btn.active {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.3) !important;
  color: #d4890a !important;
}
[data-theme="light"] .archive-count { color: #7a7470 !important; }
[data-theme="light"] .archive-count strong { color: #d4890a !important; }

[data-theme="light"] .archive-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .archive-card:hover {
  box-shadow: 0 16px 48px rgba(0,0,0,.1) !important;
  border-color: rgba(212,137,10,.25) !important;
}
[data-theme="light"] .archive-card__thumb-ph { background: #e8e4de !important; color: rgba(212,137,10,.2) !important; }
[data-theme="light"] .archive-card__meta { color: #9a9490 !important; }
[data-theme="light"] .archive-card__title { color: #1a1714 !important; }
[data-theme="light"] .archive-card:hover .archive-card__title { color: #d4890a !important; }
[data-theme="light"] .archive-card__excerpt { color: #6a6560 !important; }
[data-theme="light"] .archive-card__read-time { color: #9a9490 !important; }
[data-theme="light"] .archive-card__more { color: #d4890a !important; }

[data-theme="light"] .archive-pagination .page-numbers {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .archive-pagination .page-numbers:hover,
[data-theme="light"] .archive-pagination .page-numbers.current {
  background: rgba(212,137,10,.12) !important;
  border-color: rgba(212,137,10,.35) !important;
  color: #d4890a !important;
}
[data-theme="light"] .archive-pagination .page-numbers.dots {
  background: transparent !important;
  border: none !important;
  color: #9a9490 !important;
}

[data-theme="light"] .sidebar-widget {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .sidebar-widget__title {
  color: #1a1714 !important;
  border-bottom-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .sidebar-cats li { border-bottom-color: rgba(0,0,0,.06) !important; }
[data-theme="light"] .sidebar-cats a { color: #4a3f35 !important; }
[data-theme="light"] .sidebar-cats a:hover { color: #d4890a !important; }
[data-theme="light"] .sidebar-search input {
  background: #f5f2ed !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #1a1714 !important;
}
[data-theme="light"] .sidebar-search input::placeholder { color: #9a9490 !important; }
[data-theme="light"] .sidebar-search input:focus { border-color: rgba(212,137,10,.4) !important; }

/* ─── DOWNLOADS PAGE (page-downloads.php) ─── */
[data-theme="light"] .dl-hero__eyebrow { color: #d4890a !important; }
[data-theme="light"] .dl-hero__title { color: #1a1714 !important; }
[data-theme="light"] .dl-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .dl-tab-bar {
  background: #f5f2ed !important;
  border-bottom-color: rgba(0,0,0,.09) !important;
}
[data-theme="light"] .dl-tab { color: #7a7470 !important; }
[data-theme="light"] .dl-tab:hover { color: #1a1714 !important; }
[data-theme="light"] .dl-tab.is-active {
  color: #d4890a !important;
  border-bottom-color: #d4890a !important;
}
[data-theme="light"] .dl-section-title { color: #1a1714 !important; }
[data-theme="light"] .dl-section-title::after { background: rgba(0,0,0,.08) !important; }

[data-theme="light"] .dl-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .dl-card:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .dl-card__name { color: #1a1714 !important; }
[data-theme="light"] .dl-card__chip { color: #7a7470 !important; }
[data-theme="light"] .dl-card__chip svg { color: #9a9490 !important; }
[data-theme="light"] .dl-card__pdf-icon { color: rgba(212,137,10,.5) !important; }
[data-theme="light"] .dl-empty { color: #9a9490 !important; }

/* ─── CONTACT PAGE (page-contact.php) ─── */
[data-theme="light"] .contact-hero__badge {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.2) !important;
  color: #d4890a !important;
}
[data-theme="light"] .contact-hero__title { color: #1a1714 !important; }
[data-theme="light"] .contact-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .contact-info-bar {
  background: #edeae4 !important;
  border-bottom-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .contact-info-bar__label { color: #7a7470 !important; }
[data-theme="light"] .contact-info-bar__value { color: #1a1714 !important; }
[data-theme="light"] .contact-info-bar__item:hover .contact-info-bar__value { color: #d4890a !important; }

[data-theme="light"] .contact-form-wrap {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .contact-form-wrap__title { color: #1a1714 !important; }
[data-theme="light"] .contact-form-wrap__subtitle { color: #7a7470 !important; }

[data-theme="light"] .cf7-field label { color: #4a3f35 !important; }
[data-theme="light"] .cf7-field input,
[data-theme="light"] .cf7-field select,
[data-theme="light"] .cf7-field textarea {
  background: #f5f2ed !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #1a1714 !important;
}
[data-theme="light"] .cf7-field input:focus,
[data-theme="light"] .cf7-field select:focus,
[data-theme="light"] .cf7-field textarea:focus {
  border-color: rgba(212,137,10,.4) !important;
  box-shadow: 0 0 0 3px rgba(212,137,10,.08) !important;
}
[data-theme="light"] .cf7-field input::placeholder,
[data-theme="light"] .cf7-field textarea::placeholder { color: #9a9490 !important; }
[data-theme="light"] .cf7-field select option {
  background: #ffffff !important;
  color: #1a1714 !important;
}

[data-theme="light"] .contact-info-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .contact-info-card__title { color: #1a1714 !important; }
[data-theme="light"] .contact-detail { border-bottom-color: rgba(0,0,0,.06) !important; }
[data-theme="light"] .contact-detail__label { color: #7a7470 !important; }
[data-theme="light"] .contact-detail__value { color: #1a1714 !important; }
[data-theme="light"] .contact-detail:hover .contact-detail__value { color: #d4890a !important; }

[data-theme="light"] .social-link {
  background: rgba(0,0,0,.05) !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .social-link:hover {
  background: rgba(212,137,10,.12) !important;
  border-color: rgba(212,137,10,.3) !important;
  color: #d4890a !important;
}

[data-theme="light"] .hours-item { border-bottom-color: rgba(0,0,0,.06) !important; }
[data-theme="light"] .hours-item__day { color: #7a7470 !important; }
[data-theme="light"] .hours-item__time { color: #1a1714 !important; }
[data-theme="light"] .hours-item--today .hours-item__day { color: #d4890a !important; }
[data-theme="light"] .hours-item--today .hours-item__time { color: #d4890a !important; }

[data-theme="light"] .contact-map {
  background: #f0ece6 !important;
  border-color: rgba(0,0,0,.08) !important;
  color: rgba(212,137,10,.4) !important;
}
[data-theme="light"] .contact-map p { color: #9a9490 !important; }

/* ─── PROJECTS PAGE (page-projects.php) ─── */
[data-theme="light"] .projects-hero__badge {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.2) !important;
  color: #d4890a !important;
}
[data-theme="light"] .projects-hero__title { color: #1a1714 !important; }
[data-theme="light"] .projects-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .projects-stats {
  background: #ffffff !important;
  border-bottom-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .projects-stats__number { color: #d4890a !important; }
[data-theme="light"] .projects-stats__label { color: #7a7470 !important; }

[data-theme="light"] .projects-filter__label { color: #7a7470 !important; }
[data-theme="light"] .filter-pill {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .filter-pill:hover,
[data-theme="light"] .filter-pill.active {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.3) !important;
  color: #d4890a !important;
}

[data-theme="light"] .projects-pagination .page-numbers {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.12) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .projects-pagination .page-numbers:hover,
[data-theme="light"] .projects-pagination .page-numbers.current {
  background: rgba(212,137,10,.12) !important;
  border-color: rgba(212,137,10,.35) !important;
  color: #d4890a !important;
}
[data-theme="light"] .projects-pagination .page-numbers.dots {
  background: transparent !important;
  border: none !important;
  color: #9a9490 !important;
}

[data-theme="light"] .projects-cta-band {
  background: linear-gradient(135deg, rgba(212,137,10,.06) 0%, transparent 100%) !important;
  border-top-color: rgba(212,137,10,.1) !important;
  border-bottom-color: rgba(212,137,10,.1) !important;
}
[data-theme="light"] .projects-cta-band__title { color: #1a1714 !important; }
[data-theme="light"] .projects-cta-band__desc { color: #7a7470 !important; }

/* ─── SERVICES PAGE (page-services.php) ─── */
[data-theme="light"] .services-hero__badge {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.2) !important;
  color: #d4890a !important;
}
[data-theme="light"] .services-hero__title { color: #1a1714 !important; }
[data-theme="light"] .services-hero__title span { color: #d4890a !important; }
[data-theme="light"] .services-hero__desc { color: #6a6560 !important; }

[data-theme="light"] .services-section--alt { background: #edeae4 !important; }
[data-theme="light"] .section-title { color: #1a1714 !important; }
[data-theme="light"] .section-desc { color: #6a6560 !important; }

[data-theme="light"] .service-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .service-card:hover { border-color: rgba(212,137,10,.25) !important; }
[data-theme="light"] .service-card--featured {
  background: linear-gradient(135deg, rgba(212,137,10,.04) 0%, #ffffff 100%) !important;
  border-color: rgba(212,137,10,.12) !important;
}
[data-theme="light"] .service-card__title { color: #1a1714 !important; }
[data-theme="light"] .service-card__desc { color: #6a6560 !important; }
[data-theme="light"] .service-card__features li { color: #4a3f35 !important; }

[data-theme="light"] .process-step__number {
  background: #ffffff !important;
  border-color: rgba(212,137,10,.4) !important;
  color: #d4890a !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.08) !important;
}
[data-theme="light"] .process-step__number::after {
  border-color: rgba(212,137,10,.12) !important;
}
[data-theme="light"] .process-step:hover .process-step__number {
  background: rgba(212,137,10,.08) !important;
  border-color: rgba(212,137,10,.6) !important;
  box-shadow: 0 0 20px rgba(212,137,10,.2) !important;
}
[data-theme="light"] .process-step__title { color: #1a1714 !important; }
[data-theme="light"] .process-step__desc { color: #6a6560 !important; }

[data-theme="light"] .faq-item {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .faq-item__question { color: #1a1714 !important; }
[data-theme="light"] .faq-item__question:hover { color: #d4890a !important; }
[data-theme="light"] .faq-item__answer { color: #6a6560 !important; }

[data-theme="light"] .services-cta {
  background: linear-gradient(135deg, rgba(212,137,10,.07) 0%, transparent 100%) !important;
  border-color: rgba(212,137,10,.15) !important;
}
[data-theme="light"] .services-cta__title { color: #1a1714 !important; }
[data-theme="light"] .services-cta__desc { color: #7a7470 !important; }

/* ─── SINGLE POST (single.php) ─── */
[data-theme="light"] .single-hero__title { color: #1a1714 !important; }
[data-theme="light"] .single-hero__breadcrumb { color: #7a7470 !important; }
[data-theme="light"] .single-hero__breadcrumb span { color: #9a9490 !important; }
[data-theme="light"] .single-hero__meta { color: #7a7470 !important; }
[data-theme="light"] .single-hero__cat {
  background: rgba(212,137,10,.1) !important;
  border-color: rgba(212,137,10,.2) !important;
  color: #d4890a !important;
}

[data-theme="light"] .post-thumbnail { border-color: rgba(0,0,0,.07) !important; }

[data-theme="light"] .post-content {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .post-content h2,
[data-theme="light"] .post-content h3,
[data-theme="light"] .post-content h4 { color: #1a1714 !important; }
[data-theme="light"] .post-content p,
[data-theme="light"] .post-content ul,
[data-theme="light"] .post-content ol,
[data-theme="light"] .post-content li { color: #3d3530 !important; }
[data-theme="light"] .post-content blockquote {
  background: rgba(212,137,10,.06) !important;
  color: #4a3f35 !important;
  border-right-color: #d4890a !important;
}
[data-theme="light"] .post-content code {
  background: #f0ece6 !important;
  color: #c47d0e !important;
}
[data-theme="light"] .post-content pre {
  background: #f0ece6 !important;
  border-color: rgba(0,0,0,.07) !important;
}
[data-theme="light"] .post-content pre code {
  background: none !important;
  color: #3d3530 !important;
}
[data-theme="light"] .post-content hr { border-top-color: rgba(0,0,0,.08) !important; }
[data-theme="light"] .post-content table { border-color: rgba(0,0,0,.07) !important; }
[data-theme="light"] .post-content thead th {
  background: rgba(212,137,10,.08) !important;
  color: #c47d0e !important;
  border-bottom-color: rgba(212,137,10,.2) !important;
}
[data-theme="light"] .post-content tbody tr:nth-child(even) { background: rgba(0,0,0,.02) !important; }
[data-theme="light"] .post-content tbody tr:hover { background: rgba(212,137,10,.03) !important; }
[data-theme="light"] .post-content td {
  border-bottom-color: rgba(0,0,0,.05) !important;
  color: #3d3530 !important;
}
[data-theme="light"] .post-content th:not(:last-child),
[data-theme="light"] .post-content td:not(:last-child) {
  border-left-color: rgba(0,0,0,.05) !important;
}

[data-theme="light"] .post-tag {
  background: #f0ece6 !important;
  border-color: rgba(0,0,0,.1) !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .post-tag:hover {
  border-color: #d4890a !important;
  color: #d4890a !important;
}

[data-theme="light"] .author-box {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .author-box__name { color: #1a1714 !important; }
[data-theme="light"] .author-box__bio { color: #7a7470 !important; }

[data-theme="light"] .post-nav__item {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .post-nav__item:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .post-nav__dir { color: #7a7470 !important; }
[data-theme="light"] .post-nav__title { color: #1a1714 !important; }

[data-theme="light"] .related-posts__title { color: #1a1714 !important; }
[data-theme="light"] .related-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] .related-card:hover { border-color: rgba(212,137,10,.3) !important; }
[data-theme="light"] .related-card__title { color: #1a1714 !important; }

[data-theme="light"] .sidebar-recent li { border-bottom-color: rgba(0,0,0,.06) !important; }
[data-theme="light"] .sidebar-recent__title { color: #4a3f35 !important; }
[data-theme="light"] .sidebar-recent a:hover .sidebar-recent__title { color: #d4890a !important; }
[data-theme="light"] .sidebar-recent__date { color: #9a9490 !important; }

/* ─── EZ-TOC (Table of Contents plugin) ─── */

/* ── Dark theme base overrides ── */
#ez-toc-container {
  background: #141414 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
#ez-toc-container p.ez-toc-title {
  color: #f0f0f0 !important;
}
#ez-toc-container a {
  color: #c8c8c8 !important;
  box-shadow: none !important;
}
#ez-toc-container a:hover {
  color: #f5a623 !important;
  text-decoration: none !important;
}

/* ── Toggle button: remove double-box ── */
#ez-toc-container .ez-toc-btn.ez-toc-toggle,
#ez-toc-container a.ez-toc-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  padding: 0 !important;
  outline: none !important;
}
#ez-toc-container .ez-toc-btn.ez-toc-toggle:focus,
#ez-toc-container a.ez-toc-toggle:focus {
  outline: none !important;
}

/* ── Icon container: single clean box ── */
#ez-toc-container .ez-toc-js-icon-con {
  border: 1px solid rgba(245,166,35,.3) !important;
  border-radius: 6px !important;
  background: rgba(245,166,35,.08) !important;
  color: #f5a623 !important;
  width: 30px !important;
  height: 26px !important;
}
#ez-toc-container .ez-toc-icon-toggle-span {
  width: 30px !important;
  height: 26px !important;
  color: #f5a623;
}

/* CSS-icon variant (label-based toggle) */
.ez-toc-cssicon {
  border: 1px solid rgba(245,166,35,.3) !important;
  border-radius: 6px !important;
  background: rgba(245,166,35,.08) !important;
  color: #f5a623 !important;
  width: 30px !important;
}

/* ── Light theme overrides ── */
[data-theme="light"] #ez-toc-container,
[data-theme="light"] div#ez-toc-container {
  background: #f5f2ed !important;
  border-color: rgba(0,0,0,.08) !important;
  box-shadow: none !important;
}
[data-theme="light"] #ez-toc-container p.ez-toc-title {
  color: #1a1714 !important;
  border-bottom-color: rgba(0,0,0,.08) !important;
}
[data-theme="light"] #ez-toc-container a,
[data-theme="light"] #ez-toc-container a:visited { color: #6a6560 !important; }
[data-theme="light"] #ez-toc-container a:hover { color: #d4890a !important; }
[data-theme="light"] #ez-toc-container ul ul a { color: #9a9490 !important; }
[data-theme="light"] #ez-toc-container ul ul a:hover { color: #d4890a !important; }

[data-theme="light"] #ez-toc-container .ez-toc-js-icon-con {
  border-color: rgba(212,137,10,.3) !important;
  background: rgba(212,137,10,.08) !important;
  color: #d4890a !important;
}
[data-theme="light"] #ez-toc-container .ez-toc-icon-toggle-span {
  color: #d4890a;
}
[data-theme="light"] .ez-toc-cssicon {
  border-color: rgba(212,137,10,.3) !important;
  background: rgba(212,137,10,.08) !important;
  color: #d4890a !important;
}

/* ─── Alert boxes (single post) ─── */
[data-theme="light"] .post-content .alert-box-default {
  background-color: rgba(0,0,0,.04) !important;
  border-right-color: #9a9a9a !important;
  color: #4a3f35 !important;
}
[data-theme="light"] .post-content .alert-box-info {
  background-color: rgba(52,152,219,.07) !important;
  border-right-color: #2980b9 !important;
  color: #1e6fa8 !important;
}
[data-theme="light"] .post-content .alert-box-success {
  background-color: rgba(56,193,114,.07) !important;
  border-right-color: #27ae60 !important;
  color: #1a7a46 !important;
}
[data-theme="light"] .post-content .alert-box-warning {
  background-color: rgba(245,166,35,.09) !important;
  border-right-color: #d4890a !important;
  color: #8a5c00 !important;
}
[data-theme="light"] .post-content .alert-box-danger {
  background-color: rgba(231,76,60,.07) !important;
  border-right-color: #c0392b !important;
  color: #9a2a20 !important;
}
[data-theme="light"] .post-content .alert-box-dark {
  background-color: rgba(0,0,0,.04) !important;
  border-right-color: #6a6a6a !important;
  color: #4a3f35 !important;
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE — Global + All Pages Mobile Fixes
   Breakpoints: 1024 / 768 / 600 / 480 / 375
   ═══════════════════════════════════════════════════════ */

/* ── Global: prevent horizontal overflow ── */
html { overflow-x: hidden; }
body { overflow-x: hidden; }

/* ── Post / entry content: safety overrides ── */
.post-content table,
.entry-content table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.post-content pre,
.entry-content pre {
  overflow-x: auto;
  max-width: 100%;
  white-space: pre-wrap;
  word-break: break-all;
}
.post-content img,
.entry-content img,
.post-content iframe,
.entry-content iframe {
  max-width: 100% !important;
  height: auto;
}

/* ── 1024px ── */
@media (max-width: 1024px) {

  /* Single post sidebar goes under */
  .single-layout__inner { gap: 2rem; }

  /* Inner page filter bars — keep horizontal scroll clean */
  .blog-filter-bar,
  .archive-filter-bar,
  .dl-tab-bar,
  .ev-filter-bar { overflow-x: auto; scrollbar-width: none; }
  .blog-filter-bar::-webkit-scrollbar,
  .archive-filter-bar::-webkit-scrollbar,
  .dl-tab-bar::-webkit-scrollbar,
  .ev-filter-bar::-webkit-scrollbar { display: none; }
}

/* ── 768px — tablet ── */
@media (max-width: 768px) {

  /* Footer */
  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: .5rem;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem;
  }
  .footer-grid > .footer-brand {
    grid-column: 1 / -1;
  }
  .footer-grid > .footer-col:last-child {
    grid-column: 1 / -1;
  }

  /* Single post */
  .single-hero { min-height: 260px !important; }
  .single-hero__title { font-size: clamp(1.4rem, 5vw, 2rem) !important; }

  /* Author box */
  .author-box {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
  .author-box__avatar { margin: 0 auto; }
  .author-box__social { justify-content: center; }

  /* Post nav */
  .post-nav { gap: .75rem; }
  .post-nav__item { padding: 1rem 1.25rem; }

  /* Related posts: 1 col at tablet */
  .related-posts__grid { grid-template-columns: 1fr 1fr !important; gap: 1rem; }

  /* Section header — inner pages */
  .section-header { margin-bottom: 2rem; }

  /* Inner page hero titles — uniform clamp */
  .services-hero__title,
  .projects-hero__title,
  .blog-hero__title,
  .ev-hero__title,
  .prod-hero__title,
  .dl-hero__title,
  .contact-hero__title,
  .archive-hero__title { font-size: clamp(1.5rem, 5vw, 2.25rem) !important; }

  /* Contact: info cards in 2 cols */
  .contact-info-bar__grid { grid-template-columns: 1fr 1fr !important; }

  /* Page projects stats */
  .projects-stats__grid { gap: 1rem; }
}

/* ── 600px ── */
@media (max-width: 600px) {

  /* Single post: sidebar goes fully under at narrower breakpoint */
  .post-content blockquote { padding-right: 1rem; margin-right: 0; }

  /* Related posts: 1 col */
  .related-posts__grid { grid-template-columns: 1fr !important; }

  /* Contact: CF7 rows already 1-col at 960px — keep social links 2-col */
  .social-links-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* Products coming soon section */
  .prod-coming__inner { flex-direction: column; text-align: center; }

  /* Events/blog featured card at 580px handled by templates but add safety */
  .ev-featured__card,
  .blog-featured__card { flex-direction: column !important; }
  .ev-featured__thumb,
  .blog-featured__thumb { width: 100% !important; height: 200px !important; }
}

/* ── 480px — mobile ── */
@media (max-width: 480px) {

  /* Container */
  .container { padding-inline: 1rem; }

  /* Typography scale-down */
  h1 { font-size: clamp(1.6rem, 7vw, 2rem); }
  h2 { font-size: clamp(1.3rem, 6vw, 1.75rem); }

  /* Buttons */
  .btn { font-size: .92rem; padding: .7rem 1.4rem; }
  .btn-lg { font-size: .95rem; padding: .8rem 1.75rem; }

  /* Navbar logo max-width reduction */
  .navbar__logo img { max-width: 120px !important; }

  /* Mobile nav full-height comfortable */
  .mobile-nav { padding: 1.25rem; }
  .mobile-nav a { padding: .75rem 1rem; font-size: .975rem; }

  /* Single post */
  .single-hero { min-height: 220px !important; padding-bottom: 1.5rem !important; }
  .single-hero__title { font-size: clamp(1.25rem, 6vw, 1.6rem) !important; }
  .post-content h2 { font-size: 1.3rem; }
  .post-content h3 { font-size: 1.15rem; }
  .post-tag { font-size: .72rem; padding: .2rem .55rem; }
  .author-box { padding: 1.25rem; }

  /* EZ-TOC */
  #ez-toc-container { font-size: .875rem; padding: .875rem 1rem !important; }
  #ez-toc-container ul { padding-right: .75rem !important; }

  /* Inner pages: hero padding */
  .services-hero,
  .blog-hero,
  .ev-hero,
  .prod-hero,
  .dl-hero,
  .contact-hero,
  .archive-hero { padding-top: 5rem !important; padding-bottom: 2rem !important; }

  /* Inner pages: filter/tab bars wrapping */
  .blog-filter,
  .ev-filter,
  .dl-tab,
  .archive-filter,
  .filter-btn { font-size: .82rem; padding: .625rem .875rem; }

  /* Contact: force 1 col for info bar at 480px */
  .contact-info-bar__grid { grid-template-columns: 1fr !important; }

  /* Products: CTA buttons stack */
  .prod-cta__actions { flex-direction: column; align-items: stretch; }
  .prod-cta__actions .btn { width: 100%; justify-content: center; }

  /* Services: CTA */
  .services-cta__actions { flex-direction: column; align-items: stretch; }
  .services-cta__actions .btn { width: 100%; justify-content: center; }

  /* Projects: filter pills */
  .filter-pill { font-size: .8rem; padding: .4rem .875rem; }

  /* Downloads: tab bar */
  .dl-tab-bar { padding: .5rem; }
}

/* ── 375px — smallest phones ── */
@media (max-width: 375px) {

  .container { padding-inline: .875rem; }

  /* Footer grid: keep 2-col but tighten gap */
  .footer-grid { gap: 1.25rem; }

  /* Navbar: tighter */
  .navbar { height: 56px; }
  #main-content { padding-top: 56px; }
  .mobile-nav { inset: 56px 0 0 0; }

  /* Buttons: very small screens */
  .btn { padding: .65rem 1.25rem; }

  /* Single post post-nav: stack both */
  .post-nav { flex-direction: column; }

  /* Contact page: hours grid */
  .hours-grid { grid-template-columns: 1fr !important; }
}

/* ══════════════════════════════════════════════════════════
   TEAM SHORTCODE — [sheedsun_team]
══════════════════════════════════════════════════════════ */

.ss-team-grid {
  display: grid;
  gap: 1.5rem;
  margin: 2rem 0;
}
.ss-team-cols-1 { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; }
.ss-team-cols-2 { grid-template-columns: repeat(2, 1fr); }
.ss-team-cols-3 { grid-template-columns: repeat(3, 1fr); }
.ss-team-cols-4 { grid-template-columns: repeat(4, 1fr); }

.ss-team-card {
  background: var(--clr-surface, #141414);
  border: 1px solid var(--clr-border, rgba(255,255,255,.07));
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: transform .3s, box-shadow .3s, border-color .3s;
}
.ss-team-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  border-color: rgba(245,166,35,.25);
}

.ss-team-card__photo {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  margin: 1.75rem auto .875rem;
  border: 3px solid rgba(245,166,35,.25);
  flex-shrink: 0;
}
.ss-team-card__photo img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.ss-team-card__photo-ph {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(245,166,35,.08);
  color: rgba(245,166,35,.4);
}

.ss-team-card__body {
  padding: 0 1.25rem 1.5rem;
  display: flex; flex-direction: column; align-items: center; gap: .375rem; flex: 1;
}
.ss-team-card__name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--clr-text, #f0f0f0);
  margin: 0;
}
.ss-team-card__pos {
  font-size: .8rem;
  font-weight: 600;
  color: #f5a623;
  margin: 0;
}
.ss-team-card__bio {
  font-size: .825rem;
  color: var(--clr-muted, #9a9a9a);
  line-height: 1.75;
  margin: .375rem 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ss-team-card__linkedin {
  display: inline-flex; align-items: center; gap: .35rem;
  margin-top: auto; padding-top: .75rem;
  font-size: .78rem; font-weight: 600;
  color: #0a66c2;
  text-decoration: none;
  transition: opacity .2s;
}
.ss-team-card__linkedin:hover { opacity: .75; }

/* Light theme overrides */
[data-theme="light"] .ss-team-card {
  background: #ffffff;
  border-color: rgba(0,0,0,.08);
}
[data-theme="light"] .ss-team-card:hover {
  border-color: rgba(212,137,10,.3);
  box-shadow: 0 12px 40px rgba(0,0,0,.1);
}
[data-theme="light"] .ss-team-card__name { color: #1a1714; }
[data-theme="light"] .ss-team-card__bio  { color: #6a6258; }

/* Responsive */
@media (max-width: 900px) {
  .ss-team-cols-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .ss-team-cols-3,
  .ss-team-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .ss-team-cols-2,
  .ss-team-cols-3,
  .ss-team-cols-4 { grid-template-columns: 1fr; }
  .ss-team-card__photo { width: 80px; height: 80px; }
}