/*
 * Reclamehuys brand layer — v1.0.0
 * Primair rood is exact uit het aangeleverde vectorlogo: #CD3337.
 * Wordt in wp_footer als allerlaatste CSS-laag geladen.
 */
:root{
    --rh-red:#CD3337;
    --rh-black:#111111;
    --rh-white:#FFFFFF;
    --rh-soft:#F4F4F2;
    --rh-line:#DEDEDA;

    --cwh26-ink:#111111!important;
    --cwh26-navy:#111111!important;
    --cwh26-mint:#CD3337!important;
    --cw-btn-navy:#111111!important;
    --cw-btn-aqua:#CD3337!important;
    --cw-yellow:#CD3337!important;
    --cw-black:#111111!important;
    --cw-dark:#111111!important;
    --cw-text:#111111!important;
    --cw-brand-yellow:#CD3337!important;
    --cw-brand-navy:#111111!important;
}

/* Logo's */
html body.cw-site-style-active .cwh26-header__logo img{
    display:block!important;
    width:180px!important;
    height:auto!important;
    max-width:180px!important;
    object-fit:contain!important;
}
html body.cw-site-style-active .cw-logo__image{
    width:180px!important;
    height:auto!important;
    max-width:180px!important;
    object-fit:contain!important;
}
html body.cw-site-style-active .cw26-footer__brand img{
    width:180px!important;
    height:auto!important;
    max-width:180px!important;
}

/* Navigatie en tekstlinks */
html body.cw-site-style-active :where(.cwh26-header__nav a,.cw-nav a,.cwh26-text-link,.cwh26-card-link,.cwh26-split__tile-link){
    color:var(--rh-black)!important;
}
html body.cw-site-style-active :where(.cwh26-header__nav a,.cw-nav a,.cwh26-text-link,.cwh26-card-link,.cwh26-split__tile-link):hover,
html body.cw-site-style-active :where(.cwh26-header__nav a,.cw-nav a):focus-visible{
    color:var(--rh-red)!important;
}
html body.cw-site-style-active :where(.cwh26-header__login,.cw-header__login){
    color:var(--rh-red)!important;
}
html body.cw-site-style-active :where(.cwh26-header__login,.cw-header__login):hover,
html body.cw-site-style-active :where(.cwh26-header__login,.cw-header__login):focus-visible{
    color:var(--rh-black)!important;
}

/* Hoofd-CTA's: Reclamehuys rood -> zwart op hover */
html body.cw-site-style-active :where(
    .cwh26-button--dark,
    .cwh26-button--primary,
    .cwh26-promo-card__button,
    .cw-live-btn,
    .cwabout-homehero__btn--yellow,
    .cwabout-btn--yellow,
    .cw-contact-btn--yellow,
    .cw-contact-submit,
    .cw-custom-portal-hero__btn,
    .cw-button-yellow,
    .cwq-dashboard-button,
    .cwqv82-dashboard-button,
    .cw-dashboard-new-quote-btn,
    .cw-nocharge-real-btn,
    .cw-pdf-offer-real-btn,
    .cw-home-offer__button,
    .cw-footer__button,
    .cw-quote-fixed__button,
    .cwh26-newsletter__form button,
    .cw-news-pdf__form button,
    .cw-news-fixed__form button
){
    background:var(--rh-red)!important;
    background-color:var(--rh-red)!important;
    border-color:var(--rh-red)!important;
    color:var(--rh-white)!important;
    box-shadow:none!important;
}
html body.cw-site-style-active :where(
    .cwh26-button--dark,
    .cwh26-button--primary,
    .cwh26-promo-card__button,
    .cw-live-btn,
    .cwabout-homehero__btn--yellow,
    .cwabout-btn--yellow,
    .cw-contact-btn--yellow,
    .cw-contact-submit,
    .cw-custom-portal-hero__btn,
    .cw-button-yellow,
    .cwq-dashboard-button,
    .cwqv82-dashboard-button,
    .cw-dashboard-new-quote-btn,
    .cw-nocharge-real-btn,
    .cw-pdf-offer-real-btn,
    .cw-home-offer__button,
    .cw-footer__button,
    .cw-quote-fixed__button,
    .cwh26-newsletter__form button,
    .cw-news-pdf__form button,
    .cw-news-fixed__form button
):hover,
html body.cw-site-style-active :where(
    .cwh26-button--dark,
    .cwh26-button--primary,
    .cwh26-promo-card__button,
    .cw-live-btn,
    .cwabout-homehero__btn--yellow,
    .cwabout-btn--yellow,
    .cw-contact-btn--yellow,
    .cw-contact-submit,
    .cw-custom-portal-hero__btn,
    .cw-button-yellow,
    .cwq-dashboard-button,
    .cwqv82-dashboard-button,
    .cw-dashboard-new-quote-btn,
    .cw-nocharge-real-btn,
    .cw-pdf-offer-real-btn,
    .cw-home-offer__button,
    .cw-footer__button,
    .cw-quote-fixed__button,
    .cwh26-newsletter__form button,
    .cw-news-pdf__form button,
    .cw-news-fixed__form button
):focus-visible{
    background:var(--rh-black)!important;
    background-color:var(--rh-black)!important;
    border-color:var(--rh-black)!important;
    color:var(--rh-white)!important;
}

/* Portal/dashboard buttons op lichte vlakken. */
html body.cw-site-style-active .cw-portal :where(
    .cw-auth-card:not(.cw-auth-card-dark) .cw-button,
    .cw-auth-card-light .cw-button,
    .cw-dashboard .cw-button,
    button[type="submit"]
){
    background:var(--rh-red)!important;
    background-color:var(--rh-red)!important;
    border-color:var(--rh-red)!important;
    color:var(--rh-white)!important;
}
html body.cw-site-style-active .cw-portal :where(
    .cw-auth-card:not(.cw-auth-card-dark) .cw-button,
    .cw-auth-card-light .cw-button,
    .cw-dashboard .cw-button,
    button[type="submit"]
):hover,
html body.cw-site-style-active .cw-portal :where(
    .cw-auth-card:not(.cw-auth-card-dark) .cw-button,
    .cw-auth-card-light .cw-button,
    .cw-dashboard .cw-button,
    button[type="submit"]
):focus-visible{
    background:var(--rh-black)!important;
    border-color:var(--rh-black)!important;
    color:var(--rh-white)!important;
}

/* Outlinebuttons */
html body.cw-site-style-active :where(.cwh26-button--outline,.cw-button-outline,.cwabout-btn--ghost,.cw-contact-btn-outline){
    background:transparent!important;
    border-color:var(--rh-red)!important;
    color:var(--rh-red)!important;
}
html body.cw-site-style-active :where(.cwh26-button--outline,.cw-button-outline,.cwabout-btn--ghost,.cw-contact-btn-outline):hover,
html body.cw-site-style-active :where(.cwh26-button--outline,.cw-button-outline,.cwabout-btn--ghost,.cw-contact-btn-outline):focus-visible{
    background:var(--rh-red)!important;
    border-color:var(--rh-red)!important;
    color:var(--rh-white)!important;
}

/* Utility-controls */
html body.cw-site-style-active .cwh26-carousel-controls__button{
    background:var(--rh-white)!important;
    border-color:var(--rh-black)!important;
    color:var(--rh-black)!important;
}
html body.cw-site-style-active .cwh26-carousel-controls__button:hover,
html body.cw-site-style-active .cwh26-carousel-controls__button:focus-visible{
    background:var(--rh-red)!important;
    border-color:var(--rh-red)!important;
    color:var(--rh-white)!important;
}

/* Kleine merkaccenten */
html body.cw-site-style-active :where(
    .cw-contact-section-dot,
    .cwabout-dot,
    .cw-custom-heading h2 span,
    .cw-custom-ctas h2 span
){
    color:var(--rh-red)!important;
}
html body.cw-site-style-active :where(input,select,textarea):focus{
    border-color:var(--rh-red)!important;
    outline-color:var(--rh-red)!important;
}
html body.cw-site-style-active :where(input[type="checkbox"],input[type="radio"]){
    accent-color:var(--rh-red)!important;
}

/* Donkere merkvlakken: zwart; oude aqua/mintblokken worden rood waar ze als accentvlak functioneren. */
html body.cw-site-style-active :where(.cw-auth-card-dark,.cw-contact-login-card){
    background:var(--rh-black)!important;
    color:var(--rh-white)!important;
}
html body.cw-site-style-active .cwh26-newsletter{
    border-top-color:var(--rh-line)!important;
}

/* Focus accessibility */
html body.cw-site-style-active a:focus-visible,
html body.cw-site-style-active button:focus-visible{
    outline:2px solid var(--rh-red)!important;
    outline-offset:3px!important;
}

@media (max-width:699px){
    html body.cw-site-style-active .cwh26-header__logo img,
    html body.cw-site-style-active .cw-logo__image{
        width:150px!important;
        height:auto!important;
        max-width:150px!important;
    }
}