/* ═══════════════════════════════════════════════════════
   RIAN Enviro — Light Mode Theme
   Scoped under html.light-mode / .light-mode
   Overrides V3 dark theme + v3-theme-override.css
═══════════════════════════════════════════════════════ */

/* ── Design Token Overrides ── */
html.light-mode {
  --v3-bg:        #f5f9f5;
  --v3-surface:   #ffffff;
  --v3-card:      #ffffff;
  --v3-lime:      #1a6640;
  --v3-lime-dim:  #155535;
  --v3-white:     #1a2b1a;
  --v3-muted:     #5a6b5a;
  --v3-border:    rgba(26,102,64,0.10);
  --v3-border-md: rgba(26,102,64,0.18);

  /* Override legacy vars too */
  --green-dark:   #0d6d3d;
  --green-main:   #188742;
  --green-soft:   #4eb848;
  --green-light:  #eef8ec;
  --text-dark:    #15212b;
  --text-muted:   #5d6664;
  --white:        #ffffff;
  --surface-base: #f5f9f5;
  --surface-card: #ffffff;
  --surface-soft: #edf5ef;
  --line-soft:    #d9e6dc;
  --line-mid:     #c6d9cc;
  --ink-strong:   #11241a;
  --ink-muted:    #4d6154;
}

/* ── Global body ── */
.light-mode body,
html.light-mode body {
  background: #f5f9f5 !important;
  color: #1a2b1a !important;
}

.light-mode h1,
.light-mode h2,
.light-mode h3,
.light-mode h4,
.light-mode h5,
.light-mode h6,
.light-mode .section-title {
  color: #1a2b1a !important;
}

/* ═══════════════════════════════════════════════════════
   TOPBAR
═══════════════════════════════════════════════════════ */
.light-mode .v3-topbar {
  background: #0d6d3d !important;
}
.light-mode .v3-topbar-left a {
  color: #fff !important;
}
.light-mode .v3-topbar-right a {
  color: #fff !important;
}

/* ═══════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════ */
.light-mode .v3-navbar-wrap {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(26,102,64,0.10) !important;
}
.light-mode .v3-navbar-wrap.scrolled {
  background: rgba(255,255,255,0.97) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.08) !important;
}

/* Logo — remove dark-mode invert filter */
.light-mode .v3-brand img {
  filter: none !important;
}
.light-mode .v3-brand:hover img {
  filter: brightness(0.8) saturate(120%) !important;
}

/* Nav links */
.light-mode .v3-nav-item > a {
  color: #3a4a3a !important;
}
.light-mode .v3-nav-item > a:hover,
.light-mode .v3-nav-item > a.active {
  color: #1a6640 !important;
  background: rgba(26,102,64,0.06) !important;
}

/* Dropdown */
.light-mode .v3-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(26,102,64,0.12) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;
}
.light-mode .v3-dropdown a {
  color: #5a6b5a !important;
}
.light-mode .v3-dropdown a:hover {
  color: #1a6640 !important;
  background: rgba(26,102,64,0.06) !important;
}

/* Nav action buttons */
.light-mode .v3-icon-btn {
  border-color: rgba(26,102,64,0.18) !important;
  color: #5a6b5a !important;
  background: transparent !important;
}
.light-mode .v3-icon-btn:hover {
  border-color: #1a6640 !important;
  color: #1a6640 !important;
  background: rgba(26,102,64,0.06) !important;
}

/* CTA button */
.light-mode .v3-cta-btn {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .v3-cta-btn:hover {
  background: #155535 !important;
  box-shadow: 0 8px 24px rgba(26,102,64,0.2) !important;
}

/* ═══════════════════════════════════════════════════════
   MOBILE DRAWER
═══════════════════════════════════════════════════════ */
.light-mode .v3-drawer {
  background: #ffffff !important;
  border-left: 1px solid rgba(26,102,64,0.10) !important;
}
.light-mode .v3-drawer-head {
  border-bottom-color: rgba(26,102,64,0.10) !important;
}
.light-mode .v3-drawer-head img {
  filter: none !important;
}
.light-mode .v3-drawer-close {
  border-color: rgba(26,102,64,0.18) !important;
  color: #5a6b5a !important;
}
.light-mode .v3-drawer-close:hover {
  border-color: #1a6640 !important;
  color: #1a6640 !important;
}
.light-mode .v3-drawer-nav a {
  color: #5a6b5a !important;
}
.light-mode .v3-drawer-nav a:hover,
.light-mode .v3-drawer-nav a.active {
  color: #1a6640 !important;
  background: rgba(26,102,64,0.06) !important;
}
.light-mode .v3-drawer-group-label {
  color: #1a6640 !important;
}
.light-mode .v3-drawer-footer {
  border-top-color: rgba(26,102,64,0.10) !important;
  background: #f5f9f5 !important;
}
.light-mode .v3-drawer-footer a {
  color: #5a6b5a !important;
}
.light-mode .v3-drawer-footer a:hover {
  color: #1a6640 !important;
}
.light-mode .v3-drawer-footer a i {
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   HERO (Homepage)
═══════════════════════════════════════════════════════ */
.light-mode .v3-hero-overlay {
  background: linear-gradient(
    135deg,
    rgba(245,249,245,0.08) 0%,
    rgba(245,249,245,0.03) 50%,
    rgba(245,249,245,0.01) 100%
  ) !important;
}
.light-mode .v3-hero-grid-overlay {
  background-image:
    linear-gradient(rgba(26,102,64,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,102,64,0.05) 1px, transparent 1px) !important;
}
.light-mode .v3-slide {
  filter: brightness(0.62) saturate(0.95) !important;
}

.light-mode .v3-hero-badge {
  background: rgba(168,224,99,0.12) !important;
  border-color: rgba(168,224,99,0.3) !important;
  color: #a8e063 !important;
}
.light-mode .v3-hero-badge::before {
  background: #a8e063 !important;
}

.light-mode .v3-hero-content h1 {
  color: #f0f4f0 !important;
}
.light-mode .v3-hero-content h1 .v3-hl {
  color: #a8e063 !important;
}
.light-mode .v3-hero-content p {
  color: rgba(240,244,240,0.8) !important;
}

/* Hero buttons */
.light-mode .v3-hero-btn-primary {
  background: #a8e063 !important;
  color: #060a06 !important;
}
.light-mode .v3-hero-btn-primary:hover {
  background: #f0f4f0 !important;
  box-shadow: 0 12px 32px rgba(168,224,99,0.2) !important;
}
.light-mode .v3-hero-btn-ghost {
  color: #f0f4f0 !important;
  border-color: rgba(240,244,240,0.2) !important;
}
.light-mode .v3-hero-btn-ghost:hover {
  border-color: #a8e063 !important;
  color: #a8e063 !important;
}

/* Hero arrows */
.light-mode .v3-arrow {
  background: rgba(26,102,64,0.08) !important;
  border-color: rgba(26,102,64,0.2) !important;
  color: #1a6640 !important;
}
.light-mode .v3-arrow:hover {
  background: #1a6640 !important;
  color: #fff !important;
  border-color: #1a6640 !important;
}

/* Slide dots */
.light-mode .v3-dot {
  background: rgba(26,102,64,0.25) !important;
}
.light-mode .v3-dot.active {
  background: #1a6640 !important;
}

/* Feature strip */
.light-mode .v3-feature-strip {
  background: rgba(255,255,255,0.9) !important;
  border-top-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-feature-item {
  border-right-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-feature-item:hover {
  background: rgba(26,102,64,0.04) !important;
}
.light-mode .v3-feature-icon {
  background: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-feature-item h3 {
  color: #1a2b1a !important;
}
.light-mode .v3-feature-item p {
  color: #5a6b5a !important;
}

/* ═══════════════════════════════════════════════════════
   V3 SHARED SECTION STYLES
═══════════════════════════════════════════════════════ */
.light-mode .v3-tag {
  color: #1a6640 !important;
}
.light-mode .v3-tag::before {
  background: #1a6640 !important;
}
.light-mode .v3-h2 {
  color: #1a2b1a !important;
}
.light-mode .v3-h2 em {
  color: #1a6640 !important;
}
.light-mode .v3-prose {
  color: #5a6b5a !important;
}

/* ═══════════════════════════════════════════════════════
   STATS SECTION
═══════════════════════════════════════════════════════ */
.light-mode .v3-stats {
  background: #ffffff !important;
  border-bottom-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-stats-grid {
  background: rgba(26,102,64,0.08) !important;
  border-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-stat-card {
  background: #ffffff !important;
}
.light-mode .v3-stat-card:hover {
  background: #f0f7f2 !important;
}
.light-mode .v3-stat-icon-wrap {
  background: rgba(26,102,64,0.08) !important;
  color: #1a6640 !important;
}
.light-mode .v3-stat-card:hover .v3-stat-icon-wrap {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .v3-stat-card h3 {
  color: #1a2b1a !important;
}
.light-mode .v3-stat-card p {
  color: #5a6b5a !important;
}

/* Ticker */
.light-mode .v3-ticker {
  background: #1a6640 !important;
}
.light-mode .v3-ticker-item {
  border-right-color: rgba(255,255,255,0.2) !important;
}
.light-mode .v3-ticker-num {
  color: #fff !important;
}
.light-mode .v3-ticker-lbl {
  color: rgba(255,255,255,0.8) !important;
}

/* ═══════════════════════════════════════════════════════
   ABOUT SECTION (Homepage V3)
═══════════════════════════════════════════════════════ */
.light-mode .v3-about {
  background: #f5f9f5 !important;
}
.light-mode .v3-about-main {
  border-radius: 12px;
  overflow: hidden;
}
.light-mode .v3-about-sub {
  border-color: #f5f9f5 !important;
}

.light-mode .v3-about-txt .v3-h2 {
  color: #1a2b1a !important;
}
.light-mode .v3-checklist li {
  color: #3a4a3a !important;
}
.light-mode .v3-checklist li::before {
  background: rgba(26,102,64,0.08) !important;
  border-color: #1a6640 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='%231a6640' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.light-mode .v3-readmore {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .v3-readmore:hover {
  background: #155535 !important;
  box-shadow: 0 10px 28px rgba(26,102,64,0.2) !important;
}

/* ═══════════════════════════════════════════════════════
   PROCESS SECTION
═══════════════════════════════════════════════════════ */
.light-mode .v3-process {
  background: #ffffff !important;
  border-top-color: rgba(26,102,64,0.08) !important;
  border-bottom-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-process-card {
  background: #f5f9f5 !important;
  border-color: rgba(26,102,64,0.10) !important;
}
.light-mode .v3-process-card:hover {
  border-color: rgba(26,102,64,0.25) !important;
  box-shadow: 0 20px 40px rgba(26,102,64,0.08) !important;
}
.light-mode .v3-process-step {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .v3-process-card h3 {
  color: #1a2b1a !important;
}
.light-mode .v3-process-card p {
  color: #5a6b5a !important;
}
.light-mode .v3-process-bg-number {
  color: rgba(26,102,64,0.06) !important;
}

/* ═══════════════════════════════════════════════════════
   SERVICES SECTION (Homepage V3)
═══════════════════════════════════════════════════════ */
.light-mode .v3-services {
  background: #f5f9f5 !important;
}
.light-mode .v3-services-hdr {
  border-bottom-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-explore-btn {
  border-color: rgba(26,102,64,0.18) !important;
  color: #5a6b5a !important;
}
.light-mode .v3-explore-btn:hover {
  border-color: #1a6640 !important;
  color: #1a6640 !important;
}

/* Service cards */
.light-mode .v3-svc-card {
  background: #ffffff !important;
  border: 1px solid rgba(26,102,64,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .v3-svc-card::after {
  background: linear-gradient(180deg, transparent 50%, rgba(26,102,64,0.03)) !important;
}
.light-mode .v3-svc-card:hover {
  background: #ffffff !important;
  box-shadow: 0 12px 36px rgba(26,102,64,0.10) !important;
}
.light-mode .v3-svc-no-media {
  background: rgba(26,102,64,0.04) !important;
}
.light-mode .v3-svc-num {
  color: #1a6640 !important;
}
.light-mode .v3-svc-body h3 {
  color: #1a2b1a !important;
}
.light-mode .v3-svc-body p {
  color: #5a6b5a !important;
}
.light-mode .v3-svc-link {
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   BLOGS SECTION (Homepage V3)
═══════════════════════════════════════════════════════ */
.light-mode .v3-blogs {
  background: #ffffff !important;
}
.light-mode .v3-blog-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .v3-blog-card:hover {
  border-color: rgba(26,102,64,0.18) !important;
  box-shadow: 0 12px 36px rgba(26,102,64,0.10) !important;
}
.light-mode .v3-blog-date {
  color: #1a6640 !important;
}
.light-mode .v3-blog-body h3 {
  color: #1a2b1a !important;
}
.light-mode .v3-blog-body p {
  color: #5a6b5a !important;
}
.light-mode .v3-blog-more {
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   TEAM SECTION
═══════════════════════════════════════════════════════ */
.light-mode .v3-team {
  background: #f5f9f5 !important;
}
.light-mode .v3-team-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .v3-team-card:hover {
  border-color: rgba(26,102,64,0.18) !important;
  box-shadow: 0 12px 36px rgba(26,102,64,0.10) !important;
}
.light-mode .v3-team-photo-shade {
  background: linear-gradient(to bottom, transparent 55%, rgba(255,255,255,0.95)) !important;
}
.light-mode .v3-team-socials a {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .v3-team-socials a:hover {
  background: #155535 !important;
}
.light-mode .v3-team-info h4 {
  color: #1a2b1a !important;
}
.light-mode .v3-team-info span {
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   CLIENTS SECTION
═══════════════════════════════════════════════════════ */
.light-mode .v3-clients {
  background: #ffffff !important;
  border-top-color: rgba(26,102,64,0.08) !important;
}
.light-mode .v3-clients-grid {
  background: rgba(26,102,64,0.06) !important;
  border-color: rgba(26,102,64,0.06) !important;
}
.light-mode .v3-client-item {
  background: #ffffff !important;
}
.light-mode .v3-client-item:hover {
  background: #f0f7f2 !important;
}
.light-mode .v3-client-item img {
  filter: grayscale(0%) brightness(1) !important;
}
.light-mode .v3-client-item:hover img {
  filter: grayscale(0%) brightness(1) !important;
}

/* ═══════════════════════════════════════════════════════
   PAGE HEADERS (About, Contact, Services, Blog, etc.)
═══════════════════════════════════════════════════════ */
.light-mode .about-page-header,
.light-mode .contact-page-header {
  background: linear-gradient(135deg, #0d6d3d 0%, #1a6640 60%, #228b4a 100%) !important;
  border-bottom: 1px solid rgba(26,102,64,0.15) !important;
}
.light-mode .about-page-header::before,
.light-mode .contact-page-header::before {
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px) !important;
}
.light-mode .about-page-header h1,
.light-mode .contact-page-header h1 {
  color: #ffffff !important;
}
.light-mode .about-page-header p,
.light-mode .contact-page-header p {
  color: rgba(255,255,255,0.85) !important;
}

/* Hero spacer */
.light-mode .hero-spacer {
  background: #f5f9f5 !important;
}

/* ═══════════════════════════════════════════════════════
   SECTIONS (about-main, team, services, blog, etc.)
═══════════════════════════════════════════════════════ */
.light-mode .about-main,
.light-mode .team-section,
.light-mode .services-section,
.light-mode .blog-section,
.light-mode .certificate-section,
.light-mode .client-carousel-section,
.light-mode .quality-section,
.light-mode .info-section,
.light-mode .form-section,
.light-mode .map-section,
.light-mode .stats-strip {
  background: #f5f9f5 !important;
}

/* ═══════════════════════════════════════════════════════
   ABOUT PAGE CONTENT
═══════════════════════════════════════════════════════ */
.light-mode .about-container,
.light-mode .quality-container {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.10) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.06) !important;
}
.light-mode .about-tag {
  background: rgba(26,102,64,0.08) !important;
  border-color: rgba(26,102,64,0.2) !important;
  color: #1a6640 !important;
}
.light-mode .about-left h2 {
  color: #1a2b1a !important;
}
.light-mode .about-left p,
.light-mode .about-right p,
.light-mode .quality-right p {
  color: #5a6b5a !important;
}
.light-mode .quality-right h2 {
  color: #1a2b1a !important;
}
.light-mode .about-highlight {
  background: #f5f9f5 !important;
  border-color: rgba(26,102,64,0.10) !important;
}
.light-mode .about-highlight span {
  background: rgba(26,102,64,0.08) !important;
  color: #1a6640 !important;
}
.light-mode .about-highlight strong {
  color: #1a2b1a !important;
}
.light-mode .about-highlight p {
  color: #5a6b5a !important;
}

/* ═══════════════════════════════════════════════════════
   SECTION EYEBROW & TITLES
═══════════════════════════════════════════════════════ */
.light-mode .section-eyebrow {
  color: #1a6640 !important;
}
.light-mode .section-subtitle {
  color: #5a6b5a !important;
}

/* ═══════════════════════════════════════════════════════
   STAT CARDS (Subpages)
═══════════════════════════════════════════════════════ */
.light-mode .stat-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .stat-card:hover {
  background: #f0f7f2 !important;
}
.light-mode .stat-card h3 {
  color: #1a2b1a !important;
}
.light-mode .stat-card p {
  color: #5a6b5a !important;
}
.light-mode .stat-icon {
  background: rgba(26,102,64,0.08) !important;
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   TEAM CARDS (Subpages)
═══════════════════════════════════════════════════════ */
.light-mode .team-card {
  background: #ffffff !important;
  border: 1px solid rgba(26,102,64,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .team-card:hover {
  border-color: rgba(26,102,64,0.18) !important;
  box-shadow: 0 12px 36px rgba(26,102,64,0.10) !important;
}
.light-mode .team-info {
  border-top-color: rgba(26,102,64,0.08) !important;
}
.light-mode .team-info h4 {
  color: #1a2b1a !important;
}
.light-mode .team-info span {
  color: #1a6640 !important;
}
.light-mode .team-social {
  background: linear-gradient(transparent, rgba(255,255,255,0.9)) !important;
}
.light-mode .team-social a {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .team-social a:hover {
  background: #155535 !important;
}

/* ═══════════════════════════════════════════════════════
   SERVICE CARDS (Subpages)
═══════════════════════════════════════════════════════ */
.light-mode .service-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.08) !important;
}
.light-mode .service-card:hover {
  border-color: rgba(26,102,64,0.18) !important;
  box-shadow: 0 20px 50px rgba(26,102,64,0.08) !important;
}
.light-mode .service-card h3 {
  color: #1a2b1a !important;
}
.light-mode .service-card p {
  color: #5a6b5a !important;
}
.light-mode .service-icon {
  background: rgba(26,102,64,0.08) !important;
  color: #1a6640 !important;
}
.light-mode .service-card:hover .service-icon {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .service-link {
  color: #1a6640 !important;
}
.light-mode .service-media {
  border-color: rgba(26,102,64,0.08) !important;
}
.light-mode .services-empty {
  background: rgba(26,102,64,0.04) !important;
  border-color: rgba(26,102,64,0.12) !important;
  color: #5a6b5a !important;
}

/* ═══════════════════════════════════════════════════════
   BLOG CARDS (Subpages)
═══════════════════════════════════════════════════════ */
.light-mode .blog-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.08) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}
.light-mode .blog-card:hover {
  box-shadow: 0 12px 36px rgba(26,102,64,0.10) !important;
}
.light-mode .blog-content h3 {
  color: #1a2b1a !important;
}
.light-mode .blog-content p {
  color: #5a6b5a !important;
}
.light-mode .blog-date {
  color: #1a6640 !important;
}
.light-mode .blog-link {
  color: #1a6640 !important;
}
.light-mode .blog-placeholder {
  background: rgba(26,102,64,0.04) !important;
  color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   CERTIFICATES
═══════════════════════════════════════════════════════ */
.light-mode .certificate-section {
  background: #f5f9f5 !important;
}
.light-mode .certificate-card {
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
}
.light-mode .certificate-overlay {
  background: rgba(26,102,64,0.85) !important;
}
.light-mode .certificate-overlay span {
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════
   CLIENT CAROUSEL (Subpage)
═══════════════════════════════════════════════════════ */
.light-mode .client-carousel-section {
  background: #ffffff !important;
}
.light-mode .carousel-slide img {
  filter: grayscale(0%) brightness(1) !important;
}
.light-mode .carousel-slide img:hover {
  filter: grayscale(0%) brightness(1) !important;
}

/* ═══════════════════════════════════════════════════════
   DETAIL PAGES (View Blog / View Service)
═══════════════════════════════════════════════════════ */
.light-mode .content-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.10) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.06) !important;
}
.light-mode .detail-page-title {
  color: #1a2b1a !important;
}
.light-mode .detail-page-meta {
  color: #5a6b5a !important;
}
.light-mode .detail-page-actions {
  border-top-color: rgba(26,102,64,0.10) !important;
}
.light-mode .detail-page-container {
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════
   RICH CONTENT
═══════════════════════════════════════════════════════ */
.light-mode .rich-content {
  color: #3a4a3a !important;
}
.light-mode .rich-content h1,
.light-mode .rich-content h2,
.light-mode .rich-content h3,
.light-mode .rich-content h4,
.light-mode .rich-content h5,
.light-mode .rich-content h6 {
  color: #1a2b1a !important;
}
.light-mode .rich-content strong,
.light-mode .rich-content b {
  color: #1a2b1a !important;
}
.light-mode .rich-content a {
  color: #1a6640 !important;
}
.light-mode .rich-content a:hover {
  color: #155535 !important;
}
.light-mode .rich-content blockquote {
  border-left-color: #1a6640 !important;
  background: rgba(26,102,64,0.04) !important;
  color: #5a6b5a !important;
}
.light-mode .rich-content code {
  background: rgba(26,102,64,0.06) !important;
  color: #1a6640 !important;
}
.light-mode .rich-content th {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .rich-content td {
  border-color: rgba(26,102,64,0.10) !important;
}
.light-mode .rich-content tr:nth-child(even) td {
  background: rgba(26,102,64,0.03) !important;
}
.light-mode .rich-content hr {
  border-top-color: rgba(26,102,64,0.10) !important;
}

/* ═══════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════ */
.light-mode .btn-primary {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .btn-primary:hover {
  background: #155535 !important;
}
.light-mode .btn-outline-sm {
  color: #1a6640 !important;
  border-color: rgba(26,102,64,0.3) !important;
}
.light-mode .btn-outline-sm:hover {
  background: rgba(26,102,64,0.06) !important;
}

/* ═══════════════════════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════════════════════ */
.light-mode .offices-col,
.light-mode .details-col,
.light-mode .form-section-inner,
.light-mode .map-card,
.light-mode .contact-form-card {
  background: #ffffff !important;
  border-color: rgba(26,102,64,0.10) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.04) !important;
}
.light-mode .offices-col h2,
.light-mode .details-col h2,
.light-mode .form-section-inner h2 {
  color: #1a2b1a !important;
}
.light-mode .map-section-title {
  color: #1a2b1a !important;
}
.light-mode .map-section-sub {
  color: #5a6b5a !important;
}
.light-mode .form-subtitle {
  color: #5a6b5a !important;
}
.light-mode .office-item {
  border-bottom-color: rgba(26,102,64,0.06) !important;
}
.light-mode .office-icon,
.light-mode .detail-card-icon,
.light-mode .map-badge {
  background: rgba(26,102,64,0.08) !important;
  color: #1a6640 !important;
}
.light-mode .office-text h4,
.light-mode .map-card-header h4 {
  color: #1a2b1a !important;
}
.light-mode .office-text p,
.light-mode .map-card-header p {
  color: #5a6b5a !important;
}
.light-mode .detail-card {
  border-color: rgba(26,102,64,0.10) !important;
  border-left-color: #1a6640 !important;
}
.light-mode .detail-card-body h4 {
  color: #5a6b5a !important;
}
.light-mode .detail-card-body p,
.light-mode .detail-card-body a {
  color: #3a4a3a !important;
}
.light-mode .map-card-header {
  border-bottom-color: rgba(26,102,64,0.06) !important;
}

/* Form inputs */
.light-mode .form-field label {
  color: #1a6640 !important;
}
.light-mode .form-field input,
.light-mode .form-field textarea {
  background: #f5f9f5 !important;
  border-color: rgba(26,102,64,0.15) !important;
  color: #1a2b1a !important;
}
.light-mode .form-field input::placeholder,
.light-mode .form-field textarea::placeholder {
  color: #8a9b8a !important;
}
.light-mode .form-field input:focus,
.light-mode .form-field textarea:focus {
  border-color: #1a6640 !important;
  box-shadow: 0 0 0 3px rgba(26,102,64,0.10) !important;
}
.light-mode .form-field input.is-error,
.light-mode .form-field textarea.is-error {
  border-color: #dc3545 !important;
}
.light-mode .form-error {
  color: #dc3545 !important;
}
.light-mode .form-error-banner {
  background: rgba(220,53,69,0.06) !important;
  border-color: rgba(220,53,69,0.2) !important;
  color: #dc3545 !important;
}
.light-mode .btn-submit {
  background: #1a6640 !important;
  color: #fff !important;
}
.light-mode .btn-submit:hover {
  box-shadow: 0 10px 24px rgba(26,102,64,0.2) !important;
}
.light-mode .required-mark {
  color: #dc3545 !important;
}
.light-mode .success-box {
  background: rgba(26,102,64,0.04) !important;
  border-color: rgba(26,102,64,0.18) !important;
}
.light-mode .success-box .success-icon {
  color: #1a6640 !important;
}
.light-mode .success-box h2 {
  color: #1a2b1a !important;
}
.light-mode .success-box p {
  color: #5a6b5a !important;
}
.light-mode .success-box a {
  background: #1a6640 !important;
  color: #fff !important;
}

/* ═══════════════════════════════════════════════════════
   FOOTER — Stays dark (intentional design choice)
   Only minor tweaks for consistency
═══════════════════════════════════════════════════════ */
.light-mode .v3-footer {
  background: #0d1f17 !important;
  border-top-color: rgba(255,255,255,0.05) !important;
}
.light-mode .v3-footer-cta {
  background: #1a6640 !important;
}
.light-mode .v3-footer-cta h3 {
  color: #fff !important;
}
.light-mode .v3-footer-cta-btn {
  background: #fff !important;
  color: #1a6640 !important;
}
.light-mode .v3-footer-cta-btn:hover {
  background: #f0f7f2 !important;
}
.light-mode .v3-footer-main {
  color: rgba(255,255,255,0.7) !important;
}
.light-mode .v3-footer-logo {
  filter: brightness(0) invert(1) !important;
}
.light-mode .v3-footer-about p {
  color: rgba(255,255,255,0.6) !important;
}
.light-mode .v3-footer-socials a {
  border-color: rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.6) !important;
}
.light-mode .v3-footer-socials a:hover {
  border-color: #1a6640 !important;
  color: #fff !important;
  background: #1a6640 !important;
}
.light-mode .v3-footer-col h4 {
  color: #2fa869 !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
}
.light-mode .v3-footer-col ul li a {
  color: rgba(255,255,255,0.6) !important;
}
.light-mode .v3-footer-col ul li a::before {
  background: #2fa869 !important;
}
.light-mode .v3-footer-col ul li a:hover {
  color: #2fa869 !important;
}
.light-mode .v3-footer-contact li {
  color: rgba(255,255,255,0.6) !important;
}
.light-mode .v3-footer-contact li i {
  color: #2fa869 !important;
}
.light-mode .v3-footer-contact li a {
  color: rgba(255,255,255,0.6) !important;
}
.light-mode .v3-footer-contact li a:hover {
  color: #2fa869 !important;
}
.light-mode .v3-footer-post a {
  color: rgba(255,255,255,0.8) !important;
}
.light-mode .v3-footer-post a:hover {
  color: #2fa869 !important;
}
.light-mode .v3-footer-post span {
  color: rgba(255,255,255,0.4) !important;
}
.light-mode .v3-fp-icon {
  background: rgba(47,168,105,0.1) !important;
  border-color: rgba(255,255,255,0.05) !important;
  color: #2fa869 !important;
}
.light-mode .v3-footer-bottom {
  border-top-color: rgba(255,255,255,0.05) !important;
}
.light-mode .v3-footer-bottom p {
  color: rgba(255,255,255,0.4) !important;
}
.light-mode .v3-footer-bottom-links a {
  color: rgba(255,255,255,0.4) !important;
}
.light-mode .v3-footer-bottom-links a:hover {
  color: #2fa869 !important;
}

/* ═══════════════════════════════════════════════════════
   THEME TOGGLE BUTTON
═══════════════════════════════════════════════════════ */
.theme-toggle-btn {
  position: relative;
  overflow: hidden;
}
.theme-toggle-btn i {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.25s ease;
}
.light-mode .theme-toggle-btn .fa-moon {
  display: inline-flex;
}
.light-mode .theme-toggle-btn .fa-sun {
  display: none;
}

/* ═══════════════════════════════════════════════════════
   SPINNER / MISC
═══════════════════════════════════════════════════════ */
.light-mode .re-spinner {
  color: #1a6640 !important;
}
.light-mode .re-spinner .spin {
  border-color: rgba(26,102,64,0.15) !important;
  border-top-color: #1a6640 !important;
}

/* ═══════════════════════════════════════════════════════
   SMOOTH TRANSITION ON THEME CHANGE
═══════════════════════════════════════════════════════ */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 0.4s ease,
              color 0.4s ease,
              border-color 0.4s ease,
              box-shadow 0.4s ease,
              fill 0.4s ease,
              stroke 0.4s ease !important;
}