/* 
 * Universal Branding Match CSS
 * This file overrides landing page colors to match the Home Page (Navy & Red)
 */

:root {
    --home-navy: #1a365d;
    --home-red: #d32f2f;
    --home-gold: #f1c40f;
}

/* 1. Override Premium Template & Industrial Landing Vars */
:root {
    --premium-navy: var(--home-navy) !important;
    --premium-gold: var(--home-red) !important;
    --premium-gold-dark: #b71c1c !important;
    --premium-green: var(--home-red) !important;
    --premium-green-dark: #b71c1c !important;

    /* Nigeria/Industrial specific vars */
    --navy-dark: var(--home-navy) !important;
    --navy: #254b7c !important;
    --green-dark: #b71c1c !important;
    --green: var(--home-red) !important;
}

/* 2. Global Utility Class Overrides (Force matching) */
.bg-warning,
.bg-success,
.bg-info {
    background-color: var(--home-red) !important;
    color: white !important;
}

.border-warning,
.border-success,
.border-info {
    border-color: var(--home-red) !important;
}

.text-warning,
.text-success,
.text-info {
    color: var(--home-red) !important;
}

/* Aggressive Dark Section Reset */
.bg-navy,
.bg-dark,
.nigeria-navy-section,
.premium-section.bg-dark,
.py-5[style*="background: linear-gradient"],
.premium-hero,
.leaf-hero,
.nigeria-hero-section {
    background-color: var(--home-navy) !important;
    color: #ffffff !important;
}

.bg-navy h1,
.bg-navy h2,
.bg-navy h3,
.bg-navy h4,
.bg-navy p,
.bg-navy span,
.bg-navy div,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark p,
.bg-dark span,
.bg-dark div,
.premium-section.bg-dark h1,
.premium-section.bg-dark h2,
.premium-section.bg-dark h3,
.premium-section.bg-dark p,
.nigeria-navy-section h1,
.nigeria-navy-section h2,
.nigeria-navy-section h3,
.nigeria-navy-section p,
.premium-hero h1,
.premium-hero h2,
.premium-hero p,
.leaf-hero h1,
.leaf-hero h2,
.leaf-hero p,
.nigeria-hero-section h1,
.nigeria-hero-section h2,
.nigeria-hero-section p {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    /* Master readability booster */
}

/* Fix visibility of lead text and opacity-75 utility */
.opacity-75 {
    opacity: 1 !important;
    /* Force full visibility on dark backgrounds */
}

/* Restore dark text for the white CTA box overlay */
.cta-box-premium,
.cta-box-premium *,
.cta-box-premium span,
.cta-box-premium .text-navy {
    color: #1a365d !important;
    /* Force Navy text on the white background */
}

/* Maintain distinct secondary text colors in the CTA box */
.cta-box-premium .text-muted,
.cta-box-premium .text-muted * {
    color: #6c757d !important;
}

.cta-box-premium .btn-premium-gold,
.cta-box-premium .btn-premium-gold * {
    color: #ffffff !important;
    /* Keep button text white */
}

.cta-box-premium .bi-whatsapp {
    color: #25d366 !important;
    /* Restore WhatsApp green icon */
}

.cta-box-premium .bi-telephone-outbound {
    color: var(--home-red) !important;
    /* Restore Red for phone icon */
}

/* Specific fix for phone number pill visibility */
.cta-box-premium .phone-badge {
    color: #1a365d !important;
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
}

/* Remove clashing background images with ghost text */
#contact-form,
.premium-section.bg-dark[style*="background-image"] {
    background-image: none !important;
}

/* 3. Button Force Matching */
.btn-warning,
.btn-success,
.btn-info,
.btn-primary,
.btn-premium-gold,
.btn-green,
.btn-navy {
    background: var(--home-red) !important;
    background-color: var(--home-red) !important;
    border-color: var(--home-red) !important;
    color: white !important;
}

.btn-warning:hover,
.btn-success:hover,
.btn-info:hover,
.btn-primary:hover,
.btn-premium-gold:hover,
.btn-green:hover,
.btn-navy:hover {
    background-color: #b71c1c !important;
    border-color: #b71c1c !important;
    color: white !important;
}

/* 4. Template Specific Fixes */
.leaf-layout .leaf-hero {
    background: linear-gradient(135deg, var(--home-navy) 0%, #1e293b 100%) !important;
}

.leaf-layout .navbar-brand {
    color: var(--home-navy) !important;
}

/* Nigeria/Industrial Specifics */
.nigeria-hero-section {
    border-bottom: 5px solid var(--home-red) !important;
}

.nigeria-section-title span::after {
    background: var(--home-red) !important;
}

.nigeria-section-title::before,
.nigeria-section-title::after {
    background: var(--home-navy) !important;
}

.card-header-styled.featured-header {
    background: var(--home-red) !important;
}

.badge-preferred {
    background: var(--home-navy) !important;
    border-color: var(--home-navy) !important;
    color: white !important;
}

/* Section Separators */
.section-title-premium::after {
    background: var(--home-red) !important;
}

/* 5. Gradient Overrides */
.fuel-gradient,
.power-gradient,
.bio-gradient {
    background: linear-gradient(135deg, var(--home-red), #b71c1c) !important;
}

/* Modern Glass Template Overrides */
.modern-glass-template .hero-section {
    background: linear-gradient(135deg, var(--home-navy) 0%, #1e293b 100%) !important;
}

.modern-glass-template .bg-purple,
.modern-glass-template .bg-indigo,
.modern-glass-template .btn-primary {
    background-color: var(--home-red) !important;
}

.modern-glass-template .btn-white {
    color: var(--home-navy) !important;
}

.modern-glass-template .glass-blob {
    background: var(--home-navy) !important;
}

.modern-glass-template .badge {
    background-color: var(--home-red) !important;
}

/* Deep Dark Template Overrides */
.deep-dark-template {
    --gold: var(--home-red) !important;
    --gold-light: #b71c1c !important;
}

.deep-dark-template .text-gradient-gold {
    background: linear-gradient(to right, var(--home-red), #b71c1c) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.deep-dark-template .btn-gold {
    background: var(--home-red) !important;
    color: #fff !important;
}

.deep-dark-template .btn-outline-gold {
    border-color: var(--home-red) !important;
    color: var(--home-red) !important;
}

.deep-dark-template .btn-outline-gold:hover {
    background: var(--home-red) !important;
    color: #fff !important;
}

.deep-dark-template .text-gold {
    color: var(--home-red) !important;
}

.deep-dark-template .border-gold-frame {
    border-color: var(--home-red) !important;
}

/* Navbar consistency */
.navbar-brand .text-success,
.navbar-brand .text-primary {
    color: var(--home-navy) !important;
}