/* ===================================================
    <?php echo CSS_HEADER_COMMENT; ?>
    ====================================================
    Comprehensive color system with exact PRIMARY and SECONDARY colors
    with professional contrast ratios and visual harmony.
    ==================================================== */

:root {
    /* ===========================================
       BRAND COLORS (UPDATED)
       =========================================== */
    
    /* Primary Color - Main brand color for backgrounds and accents */
    --primary-color: #990711;
    --primary-color-rgb: 52, 26, 123;
    --primary-color-light: #990711;
    --primary-color-dark: #2A1456;
    --primary-color-muted: rgba(52, 26, 123, 0.1);
    
    /* Secondary Color - Interactive elements and CTAs */
    --secondary-color: #990711;
    --secondary-color-rgb: 244, 209, 81;
    --secondary-color-light: #313131;
    --secondary-color-dark: #131313;
    --secondary-color-muted: rgba(244, 209, 81, 0.1);

    /* Pattern Color - Used for hero diagonal/background accents (UPDATED) */
    --pattern-color: #990711; /* default green to match existing diagonal */
    --pattern-color-rgb: 0, 193, 110;
    
    /* ===========================================
       TEXT COLORS (WCAG COMPLIANT)
       =========================================== */
    
    /* Primary Text - High contrast for headings */
    --text-primary: #1A1A1A;
    --text-primary-rgb: 26, 26, 26;
    
    /* Secondary Text - Body text and descriptions */
    --text-secondary: #4A4A4A;
    --text-secondary-rgb: 74, 74, 74;
    
    /* Muted Text - Subtle information (60% of primary) */
    --text-muted: #8A8A8A;
    --text-muted-rgb: 138, 138, 138;
    
    /* White Text - For dark backgrounds */
    --text-white: #FFFFFF;
    --text-white-rgb: 255, 255, 255;
    
    /* Light Text - For primary backgrounds */
    --text-light: #E8E8E8;
    --text-light-rgb: 232, 232, 232;
    
    /* ===========================================
       BACKGROUND COLORS
       =========================================== */
    
    /* Main Backgrounds */
    --bg-white: #FFFFFF;
    --bg-white-rgb: 255, 255, 255;
    
    /* Light Backgrounds */
    --bg-light: #F8F9FA;
    --bg-light-rgb: 248, 249, 250;
    
    /* Section Backgrounds */
    --bg-section: #F1F3F4;
    --bg-section-rgb: 241, 243, 244;
    
    /* Dark Backgrounds */
    --bg-dark: #1A1A1A;
    --bg-dark-rgb: 26, 26, 26;
    
    /* Primary Backgrounds */
    --bg-primary: var(--primary-color);
    --bg-primary-light: var(--primary-color-light);
    --bg-primary-dark: var(--primary-color-dark);
    
    /* Secondary Backgrounds */
    --bg-secondary: var(--secondary-color);
    --bg-secondary-light: var(--secondary-color-light);
    --bg-secondary-dark: var(--secondary-color-dark);
    
    /* ===========================================
       BORDER COLORS
       =========================================== */
    
    /* Light Borders */
    --border-light: #E5E7EB;
    --border-light-rgb: 229, 231, 235;
    
    /* Medium Borders */
    --border-medium: #D1D5DB;
    --border-medium-rgb: 209, 213, 219;
    
    /* Dark Borders */
    --border-dark: #9CA3AF;
    --border-dark-rgb: 156, 163, 175;
    
    /* Primary Borders */
    --border-primary: var(--primary-color);
    --border-secondary: var(--secondary-color);
    
    /* ===========================================
       BUTTON SYSTEM
       =========================================== */
    
    /* Primary Buttons */
    --btn-primary-bg: var(--secondary-color);
    --btn-primary-text: var(--text-white);
    --btn-primary-hover: #990711;
    --btn-primary-border: var(--secondary-color);
    
    /* Secondary Buttons */
    --btn-secondary-bg: var(--primary-color);
    --btn-secondary-text: var(--text-white);
    --btn-secondary-hover: var(--primary-color-dark);
    --btn-secondary-border: var(--primary-color);
    
    /* Outline Buttons */
    --btn-outline-bg: transparent;
    --btn-outline-text: var(--primary-color);
    --btn-outline-hover: var(--primary-color);
    --btn-outline-border: var(--primary-color);
    
    /* ===========================================
       CARD AND SECTION COLORS
       =========================================== */
    
    /* Card Backgrounds */
    --card-bg: var(--bg-white);
    --card-bg-hover: #F8F9FA;
    --card-border: var(--border-light);
    --card-shadow: rgba(0, 0, 0, 0.05);
    
    /* Section Alternates */
    --section-bg-1: var(--bg-white);
    --section-bg-2: var(--bg-light);
    --section-bg-3: var(--bg-section);
    
    /* ===========================================
       ICON AND ACCENT COLORS
       =========================================== */
    
    /* Icon Backgrounds */
    --icon-bg-primary: rgba(52, 26, 123, 0.12);
    --icon-bg-secondary: rgba(244, 209, 81, 0.12);
    --icon-color-primary: var(--primary-color);
    --icon-color-secondary: var(--secondary-color);
    --icon-color-white: var(--text-white);
    
    /* Accent Colors */
    --accent-gold: #FFD700;
    --accent-gold-rgb: 255, 215, 0;
    --accent-silver: #C0C0C0;
    --accent-silver-rgb: 192, 192, 192;
    
    /* ===========================================
       GRADIENT SYSTEM
       =========================================== */
    
    /* Primary Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-color-light));
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-color-light));
    --gradient-hero: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    
    /* Pattern Gradients */
    --gradient-pattern: repeating-linear-gradient(
        45deg,
        var(--primary-color) 0,
        var(--pattern-color) 2px,
        transparent 0,
        transparent 50%
    );
    
    /* ===========================================
       SHADOW SYSTEM
       =========================================== */
    
    /* Box Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Colored Shadows */
    --shadow-primary: 0 4px 12px rgba(52, 26, 123, 0.3);
    --shadow-secondary: 0 4px 12px rgba(244, 209, 81, 0.3);
}

/* ===========================================
   STICKY HEADER FIX (UPDATED)
   =========================================== */

/* Sticky header navigation - auto contrast */
.is-sticky .header-menu-wrap ul li > a,
header.sticky .header-menu-wrap ul li > a,
.sticky-fixed-top .header-menu-wrap ul li > a {
    color: var(--text-primary) !important;
}

.is-sticky .header-menu-wrap ul li > a:hover,
header.sticky .header-menu-wrap ul li > a:hover,
.sticky-fixed-top .header-menu-wrap ul li > a:hover {
    color: var(--primary-color) !important;
}

/* Dark sticky header (if background is dark) */
.is-sticky.dark-header .header-menu-wrap ul li > a,
header.sticky.dark-header .header-menu-wrap ul li > a {
    color: var(--text-white) !important;
}

.is-sticky.dark-header .header-menu-wrap ul li > a:hover,
header.sticky.dark-header .header-menu-wrap ul li > a:hover {
    color: var(--secondary-color) !important;
}

/* ===========================================
   HEADING UTILITIES (UPDATED)
   =========================================== */

/* Heading on dark backgrounds */
.heading-on-dark {
    color: var(--text-white) !important;
}

/* Heading on light backgrounds */
.heading-on-light {
    color: var(--text-primary) !important;
}

/* Auto-fix hero headings */
.hero-section h1,
.hero-section h2,
.hero-section h3,
.hero-section h4,
.hero-section h5,
.hero-section h6 {
    color: var(--text-white) !important;
}

/* Auto-fix headings on image overlays */
.overlay-dark h1,
.overlay-dark h2,
.overlay-dark h3,
.overlay-dark h4,
.overlay-dark h5,
.overlay-dark h6 {
    color: var(--text-white) !important;
}

/* ===========================================
   BUTTON OVERRIDES (UPDATED)
   =========================================== */

/* Primary Buttons - Secondary color background */
.default-btn {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
    border: 2px solid var(--btn-primary-border) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: var(--shadow-sm) !important;
}

.default-btn:hover {
    background-color: var(--btn-primary-hover) !important;
    color: var(--btn-primary-text) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-secondary) !important;
}

/* Secondary Buttons - Primary color background */
.menu-right-item .menu-btn,
.cta-button,
.get-quote-btn {
    background-color: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
    border: 2px solid var(--btn-primary-border) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: var(--shadow-primary) !important;
}

.menu-right-item .menu-btn:hover,
.cta-button:hover,
.get-quote-btn:hover {
    background-color: var(--btn-primary-hover) !important;
    color: var(--btn-primary-text) !important;
    /* transform: translateY(-2px) !important; */
    box-shadow: var(--shadow-secondary) !important;
}

/* Outline Buttons */
.btn-outline {
    background-color: var(--btn-outline-bg) !important;
    color: var(--btn-outline-text) !important;
    border: 2px solid var(--btn-outline-border) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-outline:hover {
    background-color: var(--btn-outline-hover) !important;
    color: var(--text-white) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-primary) !important;
}

/* ===========================================
   NAVIGATION OVERRIDES
   =========================================== */

/* Top Header */
.top-header {
    background-color: var(--bg-light) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.top-header-nav li a {
    color: var(--text-secondary) !important;
    transition: color 0.3s ease !important;
}

.top-header-nav li a:hover {
    color: var(--primary-color) !important;
}

.header-social-share li a {
    color: var(--text-secondary) !important;
    transition: color 0.3s ease !important;
}

.header-social-share li a:hover {
    color: var(--primary-color) !important;
}

/* Main Navigation */
.header-menu-wrap ul li > a {
    color: var(--text-white) !important;
    transition: all 0.3s ease !important;
}

.header-menu-wrap ul li > a:hover {
    color: var(--text-white) !important;
}

.nav-menu-inner:before {
    background: var(--gradient-primary) !important;
}
.nav-menu .dropdown-menu li a{
    color: var(--text-primary) !important;
}
.nav-menu .dropdown-menu li a:hover{
    color: var(--primary-color) !important;
}
.nav-menu .dropdown-menu li ul li a{
    color: var(--text-primary) !important;
}
.nav-menu .dropdown-menu li ul li a:hover{
    color: var(--primary-color) !important;
}

/* ===========================================
   HEADER INFO OVERRIDES
   =========================================== */

.header-info li .header-info-icon {
    color: var(--primary-color) !important;
}

.header-info li .header-info-text h3 a:hover {
    color: var(--primary-color) !important;
}

/* ===========================================
   PHONE NUMBER OVERRIDES
   =========================================== */

.phone-number,
.contact-phone,
.header-phone,
.footer-phone,
a[href^="tel:"] {
    color: var(--primary-color) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.phone-number:hover,
.contact-phone:hover,
.header-phone:hover,
.footer-phone:hover,
a[href^="tel:"]:hover {
    color: var(--primary-color-dark) !important;
}

/* ===========================================
   FORM OVERRIDES
   =========================================== */

.form-control,
.form-field input,
input,
textarea,
select {
    border: 1px solid var(--border-medium) !important;
    background-color: var(--bg-white) !important;
    color: var(--text-primary) !important;
    transition: all 0.3s ease !important;
}

.form-control:focus,
.form-field input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px var(--primary-color-muted) !important;
    outline: none !important;
}

/* ===========================================
   SERVICE CARD OVERRIDES
   =========================================== */

.service-card,
.service-item {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: all 0.3s ease !important;
}

.service-card:hover,
.service-item:hover {
    background-color: var(--card-bg-hover) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
}

.service-card .default-btn,
.service-item .default-btn,
.service-content .read-more {
    background-color: var(--secondary-color) !important;
    color: var(--text-white) !important;
}

.service-card .default-btn:hover,
.service-item .default-btn:hover,
.service-content .read-more:hover {
    background-color: var(--secondary-color-dark) !important;
    color: var(--text-white) !important;
}

/* ===========================================
   FLEET CARD OVERRIDES
   =========================================== */

.fleet-card,
.taxi-card,
.vehicle-card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: all 0.3s ease !important;
}

.fleet-card:hover,
.taxi-card:hover,
.vehicle-card:hover {
    background-color: var(--card-bg-hover) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
}

.fleet-card .default-btn,
.taxi-card .default-btn,
.vehicle-card .default-btn {
    background-color: var(--primary-color) !important;
    color: var(--text-white) !important;
}

.fleet-card .default-btn:hover,
.taxi-card .default-btn:hover,
.vehicle-card .default-btn:hover {
    background-color: var(--primary-color-dark) !important;
    color: var(--text-white) !important;
}

/* ===========================================
   TESTIMONIAL OVERRIDES
   =========================================== */

.testimonial-buttons .default-btn,
.review-buttons .default-btn {
    background-color: var(--secondary-color) !important;
    color: var(--text-white) !important;
}

.testimonial-buttons .default-btn:hover,
.review-buttons .default-btn:hover {
    background-color: var(--secondary-color-dark) !important;
    color: var(--text-white) !important;
}

/* ===========================================
   CTA SECTION OVERRIDES
   =========================================== */

.cta-content .cta-call i {
    background-color: var(--secondary-color) !important;
    color: var(--text-white) !important;
}

.cta-content .cta-call p a {
    color: var(--secondary-color) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.cta-content .cta-call p a:hover {
    color: var(--secondary-color-dark) !important;
    text-decoration: underline !important;
}

/* ===========================================
   FOOTER OVERRIDES
   =========================================== */

.footer-links li a {
    color: var(--text-white) !important;
    transition: color 0.3s ease !important;
}

.footer-links li a:hover {
    color: var(--secondary-color) !important;
}

.footer-contact li span,
.footer-contact li a {
    color: var(--primary-color) !important;
}

/* ===========================================
   ICON SYSTEM OVERRIDES (UPDATED)
   =========================================== */

.experience-box {
    background-color: var(--icon-bg-primary) !important;
    color: var(--icon-color-primary) !important;
    border: 2px solid var(--primary-color) !important;
}

.service-features li i,
.service-icon-list li i {
    color: var(--icon-color-primary) !important;
    background-color: var(--icon-bg-primary) !important;
    padding: 8px !important;
    border-radius: 50% !important;
}

/* ===========================================
   TEXT SYSTEM OVERRIDES
   =========================================== */

h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}

body, p, span {
    color: var(--text-secondary) !important;
}

.light-text {
    color: var(--text-muted) !important;
}

.white-text {
    color: var(--text-white) !important;
}

/* ===========================================
   BACKGROUND SYSTEM OVERRIDES
   =========================================== */

/* Hero Section */
.hero-section {
    background: var(--gradient-hero) !important;
    color: var(--text-white) !important;
}

/* Section Alternates */
.section-bg-1 {
    background-color: var(--section-bg-1) !important;
}

.section-bg-2 {
    background-color: var(--section-bg-2) !important;
}

.section-bg-3 {
    background-color: var(--section-bg-3) !important;
}

/* ===========================================
   DIAGONAL PATTERN FIX (UPDATED)
   =========================================== */

/* Replace hard-coded green diagonal with pattern color */
.hero-diagonal,
.diagonal-shape,
.pattern-diagonal {
    background: var(--gradient-pattern) !important;
}

/* Hero section diagonal overlay */
.hero-section:before,
.hero-section:after {
    background: var(--gradient-pattern) !important;
}

/* Service section patterns */
/* .service-shape,
.about-img:before,
.video-box .play-btn {
    background: var(--gradient-pattern) !important;
} */


/* ===========================================
   CARD SYSTEM OVERRIDES (UPDATED)
   =========================================== */

/* Card on dark backgrounds */
.card-on-dark {
    background: rgba(52, 26, 123, 0.06) !important;
    color: var(--text-white) !important;
    border: 1px solid rgba(52, 26, 123, 0.2) !important;
}

/* ===========================================
   HOVER STATES
   =========================================== */

.header-menu-wrap ul li > a:before {
    background-color: var(--text-white) !important;
}

.header-menu-wrap ul li:hover > a:before {
    background-color: var(--text-white) !important;
}

/* ===========================================
   MOBILE RESPONSIVE OVERRIDES
   =========================================== */

@media (max-width: 992px) {
    .header-menu-wrap ul li > a {
        color: var(--text-primary) !important;
    }
    
    .header-menu-wrap li li > a:hover {
        color: var(--primary-color) !important;
    }
}

/* ===========================================
   UTILITY CLASSES (UPDATED)
   =========================================== */

/* Text Colors */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-white { color: var(--text-white) !important; }
.text-dark { color: var(--text-primary) !important; }
.text-light { color: var(--text-muted) !important; }

/* Background Colors */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-white { background-color: var(--bg-white) !important; }
.bg-light { background-color: var(--bg-light) !important; }
.bg-dark { background-color: var(--bg-dark) !important; }

/* Border Colors */
.border-primary { border-color: var(--primary-color) !important; }
.border-secondary { border-color: var(--secondary-color) !important; }
.border-light { border-color: var(--border-light) !important; }

/* Icon Classes */
.icon-bg { 
    background: rgba(52, 26, 123, 0.12) !important; 
    color: var(--text-white) !important; 
}
.icon-accent { 
    background: rgba(244, 209, 81, 0.12) !important; 
    color: var(--secondary-color) !important; 
}

/* Shadow Classes */
.shadow-sm { box-shadow: var(--shadow-sm) !important; }
.shadow-md { box-shadow: var(--shadow-md) !important; }
.shadow-lg { box-shadow: var(--shadow-lg) !important; }
.shadow-primary { box-shadow: var(--shadow-primary) !important; }
.shadow-secondary { box-shadow: var(--shadow-secondary) !important; }
.car-holder .shape div:nth-child(2){ background-color: var(--pattern-color) !important}

/* ===========================================
   FORCE OVERRIDE FOR HARDCODED COLORS (UPDATED)
   =========================================== */

*[style*="#080894"],
*[style*="#ff9900"],
*[style*="#f7a20f"],
*[style*="#00c16e"],
*[style*="#1ee987"],
*[style*="#00F3BC"],
*[style*="#1B10AC"],
*[style*="#0CD13A"],
*[style*="#03F4A9"] {
    color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}


/* headings */
.about-section .section-heading h2{
    color: var(--text-primary) !important;
}

.about-section .section-heading h4{
    color: var(--text-primary) !important;
}

.about-section .section-heading h4 span{
    color: var(--text-primary) !important;
}

.about-section .section-heading h4 span:before{
    background-color: var(--text-primary) !important;
}

.about-section .section-heading h4 span:after{
    background-color: var(--text-primary) !important;
}
.service-section .section-heading h4 span:before, .booking-section .section-heading h4 span:before, .testimonial-section .section-heading h4 span:before{
    background-color: #FDFBFB !important;
}


.service-section .section-heading h4 span:after, .booking-section .section-heading h4 span:after, .testimonial-section .section-heading h4 span:after{
    background-color: #FDFBFB !important;
}

.about-section .section-heading p{
    color: var(--text-primary) !important;
}
.about-img:before{
    background-color: var(--primary-color) !important;
    border-radius: 2px;
    transform: skew(-20deg, 0deg);
    content: '';
    width: 200px;
    height: calc(100% + 70px);
    position: absolute;
    right: 200px;
    bottom: -80px;
    z-index: -1;
}

.service-section .section-heading h2{
    color: var(--text-white) !important;
}

.service-section .section-heading h4{
    color: var(--text-white) !important;
}

.service-section .section-heading h4 span{
    color: var(--text-white) !important;
}

.service-section .section-heading p{
    color: var(--text-primary) !important;
}
.swiper-outside .swiper-nav::before {
    background-color: var(--primary-color) !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}


.booking-section .section-heading h2{
    color: var(--text-white) !important;
}

.booking-section .section-heading h4{
    color: var(--text-white) !important;
}

.booking-section .section-heading h4 span{
    color: var(--text-white) !important;
}
.booking-section:before {
    background-color: var(--primary-color) !important;
    content: '';
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}
.default-btn{
    background-color: var(--secondary-color) !important;
}
.testimonial-section .feature-wrap .section-heading h2{
    color: var(--text-white) !important;
}
.testimonial-section .feature-wrap .section-heading h4{
    color: var(--text-white) !important;
}
.testimonial-section .feature-wrap .section-heading h4 span{
    color: var(--text-white) !important;
}
.testimonial-section .feature-wrap .section-heading p{
    color: var(--text-white) !important;
}
.feature-wrap{
    background-color: var(--primary-color) !important;
}
.feature-icon{
    background-color: var(--secondary-color) !important;
}
.feature-content h3{
    color: var(--text-white) !important;
}
.feature-content p{
    color: var(--text-white) !important;
}
.cta-section .cta-content h2{
    color: var(--text-white) !important;
}
.cta-section .cta-content h2 span{
    color: var(--secondary-color) !important;
}
.cta-section .cta-content h4{
    color: var(--text-white) !important;
}
.cta-section .cta-content h4 span{
    color: var(--text-white) !important;
}
.cta-section .cta-content p{
    color: var(--text-white) !important;
}
.cta-section .cta-content .cta-call i{
    background-color: var(--secondary-color) !important;
}
.cta-section .cta-content .cta-call p a{
    color: var(--secondary-color) !important;
}
.cta-section .cta-content .cta-call p span{
    color: var(--text-white) !important;
}
.cta-section .cta-content .cta-call p a:hover{
    color: var(--secondary-color-dark) !important;
}

.pricing-car .price{
    background-color: var(--primary-color) !important;
}
.pricing-car .price span{
    color: var(--text-white) !important;
}
.pricing-car .price i{
    color: var(--text-white) !important;
}
.footer-top .footer-call:before{
    background-color: var(--primary-color) !important;
}
.footer-top .footer-call p a{
    color: var(--text-white, #FFFFFF) !important;
    text-decoration: none !important;
    transition: text-decoration 0.3s ease !important;
}
.footer-top .footer-call p a:hover{
    color: var(--text-white, #FFFFFF) !important;
    text-decoration: underline !important;
}
.footer-top .footer-call p span{
    color: var(--text-white) !important;
}
.footer-section .widget-title h3{
    color: var(--text-white) !important;
}
.footer-section .widget-title h3:before{
    background-color: var(--secondary-color) !important;
}
.footer-section .widget-title h3:after{
    background-color: var(--secondary-color) !important;
}
.footer-section .widget-title p{
    color: var(--text-white) !important;
}
.copyright-wrap p{
    color: var(--text-white) !important;
}
.copyright-wrap p span{
    color: var(--secondary-color) !important;
}
.copyright-wrap p span:hover{
    color: var(--secondary-color-dark) !important;
}
.footer-section .widget-title p{
    color: var(--text-white) !important;
}
.footer-section .widget-title p:hover{
    color: var(--secondary-color) !important;
}

.swiper-pagination span.swiper-pagination-bullet-active{
    background-color: var(--primary-color) !important;
}
.swiper-pagination span.swiper-pagination-bullet{
    background-color: var(--primary-color) !important;
}
.swiper-pagination span.swiper-pagination-bullet:hover{
    background-color: var(--primary-color) !important;
}
.swiper-pagination span.swiper-pagination-bullet-active:hover{
    background-color: var(--primary-color) !important;
}

/* ===========================================
   SCROLLBAR OVERRIDES (UPDATED)
   =========================================== */

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: var(--bg-dark, #1A1A1A) !important;
}

::-webkit-scrollbar-track {
    background-color: var(--bg-dark, #1A1A1A) !important;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color, #990711) !important;
    border-radius: 5px;
    border: 2px solid var(--bg-dark, #1A1A1A);
    transition: background-color 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color-dark, #7a0509) !important;
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color, #990711) var(--bg-dark, #1A1A1A);
}

/* ===========================================
   PAGE HEADER OVERRIDES (UPDATED)
   =========================================== */

/* Page header background overlay */
/* .page-header:before {
    background-color: var(--primary-color, #990711) !important;
    opacity: 0.6 !important;
} */

/* Page header shape diagonal pattern */
.page-header-shape:before {
    background-color: var(--primary-color, #990711) !important;
    background-image: repeating-linear-gradient(
        45deg, 
        var(--primary-color, #990711) 0, 
        var(--secondary-color, #990711) 2px, 
        transparent 0, 
        transparent 50%
    ) !important;
}

/* Page header info badge */
.page-header-info h4 {
    background-color: var(--primary-color, #990711) !important;
    color: var(--text-white, #FFFFFF) !important;
}

/* Page header title */
.page-header-info h2 {
    color: var(--text-white, #FFFFFF) !important;
}

/* Page header title span (accent) */
.page-header-info h2 span {
    color: var(--secondary-color, #990711) !important;
}

/* Page header description */
.page-header-info p {
    color: var(--text-light, #E8E8E8) !important;
}

/* Page header shape texture overlay */
.page-header-shape:after {
    background-color: rgba(26, 26, 26, 0.3) !important;
}
.footer-top .brand{
    padding: 25px 70px 25px 0px;
}

.menu-right-item .menu-btn {
    /* Idle: theme black */
    background-color: var(--bg-dark, #1A1A1A) !important;
    color: var(--text-white, #fff) !important;
    border: 2px solid var(--bg-dark, #1A1A1A) !important;
}
.menu-right-item .menu-btn:hover {
    /* Hover: theme red with black border */
    background-color: var(--primary-color, #990711) !important;
    border: 2px solid var(--bg-dark, #1A1A1A) !important;
}
.payment-option i{
    color: var(--primary-color, #990711) !important;
}

/* ===========================================
   SERVICE SECTION BACKGROUND OVERRIDE
   =========================================== */

.bg-half, .page-header {
    background-image: url(../img/queens/servcies-backgorund.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ===========================================
   BLOG PAGE OVERRIDES
   =========================================== */

/* Blog Hero Section */
.blog-hero {
    background: linear-gradient(135deg, var(--primary-color, #990711) 0%, var(--bg-dark, #1A1A1A) 100%) !important;
    color: var(--text-white, #FFFFFF) !important;
}

/* Blog Grid */
.blog-grid {
    background: var(--bg-light, #F8F9FA) !important;
}

/* Blog Card */
.blog-card {
    background: var(--bg-white, #FFFFFF) !important;
    box-shadow: var(--shadow-md, 0 4px 6px rgba(0,0,0,0.1)) !important;
}

.blog-card:hover {
    box-shadow: var(--shadow-lg, 0 10px 15px rgba(0,0,0,0.1)) !important;
}

.blog-card-category {
    background: var(--primary-color, #990711) !important;
    color: var(--text-white, #FFFFFF) !important;
}

.blog-card-title {
    color: var(--text-primary, #1A1A1A) !important;
}

.blog-card-title a:hover {
    color: var(--primary-color, #990711) !important;
}

.blog-card-meta,
.blog-card-meta span {
    color: var(--text-secondary, #4A4A4A) !important;
}

.blog-card-meta span i {
    color: var(--primary-color, #990711) !important;
}

.blog-card-excerpt {
    color: var(--text-secondary, #4A4A4A) !important;
}

.blog-tag {
    background: var(--bg-light, #F8F9FA) !important;
    color: var(--text-secondary, #4A4A4A) !important;
}

.blog-tag:hover {
    background: var(--primary-color, #990711) !important;
    color: var(--text-white, #FFFFFF) !important;
}

.read-more-btn {
    background: var(--primary-color, #990711) !important;
    color: var(--text-white, #FFFFFF) !important;
}

.read-more-btn:hover {
    background: var(--primary-color-dark, #7a0509) !important;
    color: var(--text-white, #FFFFFF) !important;
}

/* Blog Post Page */
.blog-post-content {
    background: var(--bg-white, #FFFFFF) !important;
}

/* Blog Post Header - Ensure white text on dark background */
.blog-post-header-meta,
.blog-post-meta,
.blog-post-meta span,
.breadcrumb-nav,
.breadcrumb-nav a,
.breadcrumb-nav span {
    color: var(--text-white, #FFFFFF) !important;
}

.breadcrumb-nav a:hover {
    color: var(--secondary-color, #990711) !important;
}

.blog-post-meta span i {
    color: var(--secondary-color, #990711) !important;
}

.blog-content {
    color: var(--text-primary, #1A1A1A) !important;
}

.blog-content h2 {
    color: var(--primary-color, #990711) !important;
}

.blog-content h3 {
    color: var(--text-primary, #1A1A1A) !important;
}

.blog-content strong {
    color: var(--primary-color, #990711) !important;
}

.blog-content a {
    color: var(--primary-color, #990711) !important;
}

.blog-content a:hover {
    border-bottom-color: var(--primary-color, #990711) !important;
}

/* jfkshuttles links - keep blue color as per design */
.blog-content a[href*="reservation"],
.blog-content a[style*="color: #3b82f6"] {
    color: #3b82f6 !important;
    text-decoration: underline !important;
}

.blog-content a[href*="reservation"]:hover,
.blog-content a[style*="color: #3b82f6"]:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

.blog-post-tags h4 {
    color: var(--text-primary, #1A1A1A) !important;
}

.tag-item {
    background: var(--bg-light, #F8F9FA) !important;
    color: var(--text-secondary, #4A4A4A) !important;
}

.tag-item:hover {
    background: var(--primary-color, #990711) !important;
    color: var(--text-white, #FFFFFF) !important;
}

.blog-post-footer,
.related-posts {
    background: var(--bg-light, #F8F9FA) !important;
}

.related-posts h3 {
    color: var(--text-primary, #1A1A1A) !important;
}

.related-post-card {
    background: var(--bg-white, #FFFFFF) !important;
    box-shadow: var(--shadow-md, 0 4px 6px rgba(0,0,0,0.1)) !important;
}

.related-post-title a {
    color: var(--text-primary, #1A1A1A) !important;
}

.related-post-title a:hover {
    color: var(--primary-color, #990711) !important;
}

.related-post-excerpt {
    color: var(--text-secondary, #4A4A4A) !important;
}

.cta-section {
    /* background: var(--primary-color, #990711) !important; */
    color: var(--text-white, #FFFFFF) !important;
}

.cta-button {
    background: var(--bg-white, #FFFFFF) !important;
    color: var(--primary-color, #990711) !important;
}

.cta-button:hover {
    background: var(--bg-light, #F8F9FA) !important;
    color: var(--primary-color, #990711) !important;
}

.blog-post-category {
    background: rgba(255, 255, 255, 0.25) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: var(--text-white, #FFFFFF) !important;
    font-weight: 600 !important;
}

.section-title h2 {
    color: var(--text-primary, #1A1A1A) !important;
}

.section-title p {
    color: var(--text-secondary, #4A4A4A) !important;
}

.car-detail{
    background: var(--primary-color) !important;
}
.car-detail.spoiler{
    border-bottom-color: var(--bg-white) !important;
    border-left-color: var(--bg-white) !important;
}
.car-detail.center{
    border-color: var(--bg-white) !important;
}
.scroll-to-top{
    background: var(--primary-color) !important;
}
.scroll-to-top:hover{
    background: var(--primary-color-dark) !important;
}