/* =====================================================
   COOLBLUE BRAND OVERRIDE  (marker: COOLBLUE-OVERRIDE-v1)
   Additief & revertibel. Laadt NA lekkageoplossing-styles.css.
   Palet:
     - CTA/primary knoppen : #FF6600  hover #E85D00  tekst #FFFFFF
     - Secondary/links/accent/iconen : #0090E3
     - Donkere secties/footer bg : navy #152A3A
   Body-tekst & grijstinten blijven ONgewijzigd.
   FAB/chat NIET aangeraakt (.ilsc-send bewust uitgesloten).
   ===================================================== */

/* ---- Brand-variabelen herzetten (blauw-naar-blauw shift) ---- */
:root {
    --lek-primary-blue: #0090E3;   /* was #1A73E8  -> Coolblue secondary blauw */
    --lek-light-blue:   #0090E3;   /* was #4A90E2 */
    --lek-new-accent:   #0090E3;   /* was #0ea5e9  -> accent/iconen */
    --lek-new-hero-bg:  #152A3A;   /* was #0a1628  -> navy donkere secties */
    /* CTA-oranje tokens */
    --lek-cta-orange:        #FF6600;
    --lek-cta-orange-hover:  #E85D00;
}

/* =====================================================
   PRIMARY CTA-KNOPPEN -> ORANJE
   (Elementor buttons, primaire lek-knop, en het contact/offerte
    formulier-submit .itlive-kit-submit). Chat-send .ilsc-send NIET.
   ===================================================== */
.elementor-button,
.elementor-button-wrapper .elementor-button,
.elementor-button.elementor-button-primary,
.lek-btn-primary,
.lek-cta-buttons .lek-btn-primary,
button.itlive-kit-submit,
.itlive-kit-submit {
    background-color: #FF6600 !important;
    background-image: none !important;
    background: #FF6600 !important;
    color: #FFFFFF !important;
    border-color: #FF6600 !important;
    box-shadow: 0 4px 12px rgba(255, 102, 0, 0.28) !important;
}

.elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover,
.elementor-button.elementor-button-primary:hover,
.lek-btn-primary:hover,
.lek-cta-buttons .lek-btn-primary:hover,
button.itlive-kit-submit:hover,
.itlive-kit-submit:hover {
    background-color: #E85D00 !important;
    background: #E85D00 !important;
    color: #FFFFFF !important;
    border-color: #E85D00 !important;
    box-shadow: 0 6px 16px rgba(255, 102, 0, 0.40) !important;
}

/* Op donkere CTA-sectie stond de primary-knop wit met navy tekst:
   maak ook daar de CTA oranje voor consistentie. */
.lek-cta-section-new .lek-btn-primary {
    background: #FF6600 !important;
    color: #FFFFFF !important;
}
.lek-cta-section-new .lek-btn-primary:hover {
    background: #E85D00 !important;
    color: #FFFFFF !important;
}

/* Header-nav CTA gebruikte de navy bg als knop-vlak; hou 'm navy
   (past bij donkere secties) maar zorg voor consistente hover. */
.lek-header-new .lek-nav-cta .lek-btn-primary {
    background: #152A3A !important;
    color: #FFFFFF !important;
}
.lek-header-new .lek-nav-cta .lek-btn-primary:hover {
    background: #0F2130 !important;
    color: #FFFFFF !important;
}

/* =====================================================
   SECONDARY / LINKS / ACCENT -> #0090E3
   ===================================================== */
.lek-text-blue,
.lek-card-new a.lek-link-arrow,
.lek-card-new h4 {
    color: #0090E3 !important;
}

/* Secondary knop blijft blauw, maar Coolblue-blauw */
.elementor-button.elementor-button-secondary,
.lek-btn-secondary {
    background-color: #0090E3 !important;
    color: #FFFFFF !important;
}
.elementor-button.elementor-button-secondary:hover,
.lek-btn-secondary:hover {
    background-color: #0B6BB0 !important;
    color: #FFFFFF !important;
}

/* Outline-knop: blauw randje/tekst */
.lek-btn-outline {
    color: #0090E3;
    border-color: #0090E3;
}

/* =====================================================
   DONKERE SECTIES / FOOTER -> NAVY #152A3A
   ===================================================== */
.elementor-section.lek-hero-bg,
.lek-hero,
.lek-final-cta,
.lek-bg-blue,
.lek-cta-section-new,
.lek-hero-new {
    background-color: #152A3A !important;
}

/* Footer bg (was donkerbruin) -> navy */
.lek-footer,
.elementor-location-footer {
    background-color: #152A3A !important;
}

/* Provincie-links in nieuw thema: hover-vlak navy i.p.v. oud-donker */
.lek-section-new .lek-provincie-link:hover {
    background: #152A3A !important;
    border-color: #152A3A !important;
    color: #FFFFFF !important;
}