/* Global Overrides for Navbar, Contact Us Button & Client Marquee Dark Mode */

/* 1. Scrolled Navbar Contrast & Design */
.navbar.scrolled {
    background: linear-gradient(180deg, rgba(255, 191, 0, 0.98), rgba(255, 180, 0, 0.95)) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4) !important;
}

/* Target ONLY top-level nav items for black text on yellow navbar */
.navbar.scrolled .nav-links > a,
.navbar.scrolled .nav-links > li > a,
.navbar.scrolled .nav-dropdown-toggle {
    color: #000000 !important;
    font-weight: 700 !important;
}

.navbar.scrolled .logo-text {
    color: #000000 !important;
}

.navbar.scrolled .dropdown-arrow {
    color: #000000 !important;
}

/* Dropdown Menus (Services & Media) — Dark background with bright white/gold text */
.nav-dropdown-menu,
.dropdown-menu,
.mega-menu {
    background: #0d0d0d !important;
    border: 1px solid rgba(255, 191, 0, 0.35) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85) !important;
    border-radius: 14px !important;
    padding: 10px 0 !important;
}

.nav-dropdown-menu a,
.dropdown-menu a,
.mega-menu a,
.mega-menu-item,
.navbar.scrolled .nav-dropdown-menu a,
.navbar.scrolled .dropdown-menu a,
.navbar.scrolled .mega-menu a,
.navbar.scrolled .mega-menu-item {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 10px 18px !important;
    display: block !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.nav-dropdown-menu a:hover,
.dropdown-menu a:hover,
.mega-menu a:hover,
.mega-menu-item:hover,
.navbar.scrolled .nav-dropdown-menu a:hover,
.navbar.scrolled .dropdown-menu a:hover,
.navbar.scrolled .mega-menu a:hover,
.navbar.scrolled .mega-menu-item:hover {
    color: #ffbf00 !important;
    background: rgba(255, 191, 0, 0.15) !important;
}

/* 2. Contact Us & Hero CTA Buttons — matching live site golden gradient */
.hero-cta,
.about-cta,
.contact-btn,
.nav-links .cta-btn {
    background: linear-gradient(135deg, #ffd033, #ffbf00) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.nav-links .cta-btn {
    color: #0a0a0a !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    border: none !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Scrolled golden navbar: black button so it's visible against yellow background */
.navbar.scrolled .nav-links .cta-btn {
    background: #000000 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    border: 2px solid #000000 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.navbar.scrolled .nav-links .cta-btn:hover {
    background: #1a1a1a !important;
    color: #ffbf00 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5) !important;
}

/* 3. Client Bar & Marquee Dark Background */
#clients.clients-section,
#clients.full-bleed,
.clients-section,
.clients-marquee {
    background: #0a0a0a !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#clients .section-header h2,
.clients-section h2 {
    color: #ffffff !important;
}

.trusted-by-text-custom {
    color: rgba(255, 255, 255, 0.7) !important;
}

.trusted-by-text-custom::before,
.trusted-by-text-custom::after {
    background: rgba(255, 255, 255, 0.2) !important;
}

#clients .client-logo,
.client-logo {
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
}

#clients .client-logo:hover,
.client-logo:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 24px rgba(255, 191, 0, 0.35) !important;
}

/* 4. Replace Light-Themed Sections (Testimonials, Reviews, FAQ) with Rich Dark Theme */
.testimonials-section,
.reviews-section,
.faq-section {
    background: #0a0a0a !important;
    color: #ffffff !important;
}

.testimonials-section h2,
.reviews-section h2,
.faq-header h2 {
    color: #ffffff !important;
}

.testimonials-section .underline {
    background-color: #ffbf00 !important;
}

.testimonial-text {
    color: #e0e0e0 !important;
}

.author-name,
.author-position {
    color: #a0a0a0 !important;
}

.faq-list {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.faq-question {
    color: #ffffff !important;
}

.faq-icon {
    color: #ffbf00 !important;
}

.faq-answer {
    color: rgba(255, 255, 255, 0.85) !important;
}