/* ========================================
   Global Theme Overrides
   Uses shared tokens from style.css only
======================================== */

/* ===== NAVIGATION HEADER ===== */
#header,
#header.scrolled {
   background: #ffffff !important;
   box-shadow: 0 8px 24px rgba(27, 40, 56, 0.08) !important;
   border-bottom: 1px solid rgba(27, 40, 56, 0.08);
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
}

#header #main-menu ul li a,
#header.scrolled #main-menu ul li a {
   color: var(--primary-dark) !important;
   text-shadow: none !important;
}

#header .navbar-toggle,
#header.scrolled .navbar-toggle {
   color: var(--primary-dark) !important;
}

.section-header h2,
.smt {
   color: var(--primary-dark) !important;
}

.btn-primary,
.btn-default {
   background: var(--primary-dark) !important;
   border-color: var(--primary-dark) !important;
}

.btn-primary:hover,
.btn-default:hover {
   background: var(--primary) !important;
   border-color: var(--accent) !important;
}

a:hover {
   color: var(--primary-dark) !important;
}

#header #main-menu ul li a:hover,
#header #main-menu ul li a:focus,
#header #main-menu ul.nav > li > a:hover,
#header #main-menu ul.nav > li > a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus,
#main-menu ul.nav > li > a:hover,
#main-menu ul.nav > li > a:focus,
header #main-menu ul li a:hover {
   color: var(--accent) !important;
   text-shadow: 0 0 15px rgba(var(--accent-rgb), 0.6) !important;
}

#header #main-menu ul li.active > a,
#main-menu ul li.active > a,
#main-menu ul li.active.has-child > a,
#header .custom-dropdown li a:hover,
#header .mega-dropdown a:hover,
#main-menu .custom-dropdown li a:hover,
#main-menu .mega-dropdown a:hover,
#main-menu ul li.has-dropdown ul.custom-dropdown li a:hover,
.mega-dropdown .mega-column ul li a:hover,
#header .mega-dropdown h5,
#main-menu .mega-dropdown h5,
.mega-dropdown .mega-column h5 {
   color: var(--accent) !important;
}

#header.scrolled #main-menu ul li a:hover {
   color: var(--accent) !important;
   background-color: rgba(var(--accent-rgb), 0.15) !important;
}

@media (max-width: 992px) {
   #header,
   #header.scrolled,
   .sticky-wrapper #header,
   .sticky-wrapper #header.scrolled {
      background: #ffffff !important;
   }

   #header > .container,
   #header.scrolled > .container,
   .sticky-wrapper #header > .container {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      padding: 8px 12px !important;
      flex-wrap: nowrap !important;
      gap: 10px !important;
   }

   .navbar-logo,
   #header.scrolled .navbar-logo,
   .sticky-wrapper #header .navbar-logo {
      position: relative !important;
      z-index: 100 !important;
      flex: 1 1 auto !important;
      min-width: 0 !important;
      max-width: calc(100% - 52px) !important;
   }

   .navbar-logo img,
   #header.scrolled .navbar-logo img,
   .sticky-wrapper #header .navbar-logo img {
      display: block !important;
      width: auto !important;
      max-width: 100% !important;
      max-height: 48px !important;
      transition: none !important;
   }

   .navbar-toggle,
   #header.scrolled .navbar-toggle,
   .sticky-wrapper #header .navbar-toggle {
      position: relative !important;
      right: auto !important;
      top: auto !important;
      transform: none !important;
      flex: 0 0 42px !important;
      width: 42px !important;
      height: 42px !important;
   }

   #main-menu.open ul li a,
   #main-menu.open .nav > li > a,
   #main-menu.open ul li .nav-item-row > a {
      color: #ffffff !important;
      -webkit-text-fill-color: #ffffff !important;
      text-shadow: none !important;
      opacity: 1 !important;
      visibility: visible !important;
   }

   #main-menu.open ul li.active > a,
   #main-menu.open .nav > li.active > a,
   #main-menu.open ul li.submenu-open > .nav-item-row > a {
      color: var(--accent) !important;
      -webkit-text-fill-color: var(--accent) !important;
   }

   #main-menu.open ul li a:hover,
   #main-menu.open .nav > li > a:hover,
   #main-menu.open .nav > li > a:focus {
      color: var(--accent) !important;
      background: rgba(var(--accent-rgb), 0.1) !important;
   }

   #main-menu.open .custom-dropdown li a:hover {
      color: var(--accent) !important;
   }
}

/* ===== SHARED PAGE ELEMENTS ===== */
.about-hero::after,
.contact-hero::after,
.gallery-hero::after,
.doors-hero::after,
.windows-hero::after,
.upvc-hero::after,
.interiors-hero::after,
.vr-hero::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 5px;
   background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--primary-dark));
}

.about-hero-badge,
.contact-hero-badge,
.gallery-hero-badge,
.doors-hero-badge,
.windows-hero-badge,
.upvc-hero-badge,
.interiors-hero-badge,
.vr-hero-badge {
   border-color: var(--primary) !important;
   background: var(--primary-dark) !important;
   color: #fff !important;
}

.section-badge {
   background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.15), rgba(var(--primary-rgb), 0.05)) !important;
   border: 1px solid rgba(var(--primary-rgb), 0.4) !important;
   color: var(--primary-dark) !important;
}

.section-divider,
.about-divider {
   background: linear-gradient(90deg, var(--primary-dark), var(--primary), var(--primary-dark)) !important;
}

.category-header {
   border-bottom-color: var(--accent) !important;
}

.category-header h2,
.product-info h4,
.gallery-intro h2,
.gallery-hero-title,
.doors-hero-title,
.windows-hero-title,
.interiors-hero-title,
.upvc-hero-title,
.doors-hero-subtitle,
.windows-hero-subtitle,
.interiors-hero-subtitle,
.upvc-hero-subtitle,
.contact-intro h2,
.map-header h3,
.who-text strong {
   color: var(--primary-dark) !important;
}

.category-header h2::before,
.premium-tag,
.view-btn,
.hours-card {
   background: var(--accent) !important;
}

.category-badge,
.experience-badge,
.feature-item i,
.explore-btn,
.filter.active,
.floating-vr,
.scrollup,
.hours-card .info-icon,
.about-footer .footer-social a:hover {
   background: linear-gradient(135deg, var(--primary-dark), var(--primary)) !important;
}

.category-badge,
.experience-badge .years,
.experience-badge .num,
.feature-item i,
.about-features li i,
.product-card::before,
.breadcrumb-nav a:hover,
.breadcrumb-nav span,
.filter:hover,
.stats-icon i,
.about-footer .footer-col ul li a:hover,
.about-footer .footer-contact-item i,
.about-footer .footer-bottom a {
   color: var(--accent) !important;
}

.product-card::before {
   background: linear-gradient(90deg, var(--accent), var(--accent-light)) !important;
}

.product-card:hover,
.gallery-item:hover {
   border-color: var(--primary-dark) !important;
   box-shadow: 0 25px 60px rgba(var(--primary-rgb), 0.15) !important;
}

.product-overlay,
.video-description {
   background: linear-gradient(to top, rgba(var(--primary-rgb), 0.95) 0%, transparent 50%) !important;
}

.view-btn,
.premium-tag,
.hours-card,
.hours-card .info-icon i,
.floating-vr:hover span,
.scrollup:hover i {
   color: var(--primary-dark) !important;
}

.view-btn:hover,
.floating-vr:hover,
.scrollup:hover,
.hours-card {
   background: linear-gradient(135deg, var(--accent), var(--accent-light)) !important;
}

.feature-item:hover {
   background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-light-rgb), 0.05)) !important;
}

.map-container {
   border: 3px solid var(--primary-dark) !important;
   border-radius: 20px !important;
}

/* ===== FOOTER ===== */
.modern-footer,
.footer-section,
#footer,
footer {
   background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%) !important;
}

.footer-social a:hover {
   background: linear-gradient(135deg, var(--accent), var(--accent-light)) !important;
   color: var(--primary-dark) !important;
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-bottom a {
   color: var(--accent) !important;
}

/* ===== HOMEPAGE STATS ===== */
.stats-section {
   background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%) !important;
}

/* ===== FLOATING BUTTONS ===== */
.floating-vr {
   box-shadow: 0 6px 25px rgba(var(--primary-rgb), 0.4) !important;
}

.floating-vr:hover {
   box-shadow: 0 10px 35px rgba(var(--accent-rgb), 0.5) !important;
}

.floating-vr::before,
.floating-whatsapp::before {
   background: var(--primary-dark) !important;
}

.floating-vr::after,
.floating-whatsapp::after {
   border-right-color: var(--primary-dark) !important;
}

/* ===== PAGE LOADER ===== */
#pageloader {
   background: linear-gradient(135deg, var(--bg-dark) 0%, var(--primary-dark) 50%, var(--bg-dark) 100%);
}