/* =========================================================
   ANALYSE BUTTONS
========================================================= */

.wp-element-button,
.wp-block-button__link,
.analyse-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 48px;
    padding: 0.875rem 1.5rem;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    background: var(--analyse-primary);
    color: var(--analyse-surface);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;

    cursor: pointer;
    box-shadow: var(--shadow-sm);

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.analyse-button:hover {
    background: var(--analyse-primary-dark);
    color: var(--analyse-surface);

    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.analyse-button:focus-visible {
    outline: 3px solid rgba(20, 118, 212, 0.25);
    outline-offset: 3px;
}

/* Secundaire knop */

.analyse-button--secondary .wp-block-button__link {
    background: var(--analyse-surface);
    color: var(--analyse-primary);

    border: 2px solid var(--analyse-primary);
    box-shadow: none;
}

.analyse-button--secondary .wp-block-button__link:hover {
    background: var(--analyse-background);
    color: var(--analyse-primary-dark);

    border-color: var(--analyse-primary-dark);
    box-shadow: var(--shadow-sm);
}

/* Tekstknop */

.analyse-button--text .wp-block-button__link,
a.analyse-button--text {
    min-height: auto;
    padding: 0;

    background: transparent;
    color: var(--analyse-primary);

    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.analyse-button--text .wp-block-button__link:hover,
a.analyse-button--text:hover {
    background: transparent;
    color: var(--analyse-primary-dark);

    transform: none;
    box-shadow: none;
}


/* =========================================================
   ANALYSE SECTION
========================================================= */

.analyse-section {
    padding-block: 8rem;
}

.analyse-section__header {
    width: min(720px, 100%);
    margin: 0 auto 4.5rem;
    text-align: center;
}


/* =========================================================
   ANALYSE EYEBROW
========================================================= */

.analyse-eyebrow,
.analyse-section__eyebrow,
.analyse-footer-title {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;

    width: fit-content;

    color: var(--analyse-primary);

    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.analyse-eyebrow::before,
.analyse-section__eyebrow::before,
.analyse-footer-title::before {
    content: "";

    flex: 0 0 42px;

    width: 42px;
    height: 2px;

    background: var(--analyse-primary);
}

.analyse-section__eyebrow {
    justify-content: center;
    margin: 0 auto 1rem;
}


/* =========================================================
   SECTION TITLE / INTRO
========================================================= */

.analyse-section__title {
    max-width: 720px;
    margin: 0 auto 1rem;

    text-align: center;
}

.analyse-section__intro {
    max-width: 720px;
    margin: 0 auto;

    color: var(--analyse-text);

    font-size: 1.125rem;
    line-height: 1.7;
    text-align: center;
}


/* =========================================================
   SERVICES SECTION
========================================================= */

.analyse-section--services {
    padding-top: 4rem;
}


/* =========================================================
   SECTION MOBILE
========================================================= */

@media (max-width: 640px) {

    .analyse-section {
        padding-block: 5rem;
    }

    .analyse-section--services {
        padding-top: 2rem;
    }

    .analyse-section__header {
        margin-bottom: 2.5rem;
    }
}

.analyse-card {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    min-height: 370px;
    padding: 2rem;

    background: var(--analyse-surface);
    border: 1px solid var(--analyse-border);
    border-radius: var(--radius-lg);

    box-shadow: var(--shadow-sm);

    transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.analyse-card > .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    height: 100%;
}

/* =========================================================
   HELE KAART AANKLIKBAAR
========================================================= */

.analyse-card {
    position: relative;
}

.analyse-card:hover {
    transform: translateY(-4px);
    border-color: rgba(20, 118, 212, 0.25);
    box-shadow: var(--shadow-md);
}

.analyse-card > .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    height: 100%;
}


.analyse-card .wp-block-buttons {
    margin-top: auto !important;
}

.analyse-card .wp-block-button__link {
    min-width: 0;
    width: auto;
}
/* =========================================================
   ANALYSE PRODUCT ICONS
========================================================= */

.analyse-card__icon {
    display: block;

    width: 64px;
    height: 64px;
    margin-bottom: 1.5rem;

    background-color: #b8c2cf;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.analyse-card:hover .analyse-card__icon {
    background-color: var(--analyse-primary);
    transform: translateY(-3px);
}

.analyse-icon--particulier {
    -webkit-mask-image: url("../icons/products/shield.svg");
    mask-image: url("../icons/products/shield.svg");
}

.analyse-icon--zakelijk {
    -webkit-mask-image: url("../icons/products/building-2.svg");
    mask-image: url("../icons/products/building-2.svg");
}

.analyse-icon--hypotheken {
    -webkit-mask-image: url("../icons/products/house.svg");
    mask-image: url("../icons/products/house.svg");
}

.analyse-icon--vermogen {
    -webkit-mask-image: url("../icons/products/trending-up.svg");
    mask-image: url("../icons/products/trending-up.svg");
}

/* =========================================================
   Particuliere ICONEN
========================================================= */

.analyse-icon--wonen {
    -webkit-mask-image: url("../icons/products/house.svg");
    mask-image: url("../icons/products/house.svg");
}

.analyse-icon--verzekeringen {
    -webkit-mask-image: url("../icons/products/shield.svg");
    mask-image: url("../icons/products/shield.svg");
}

.analyse-icon--vermogen {
    -webkit-mask-image: url("../icons/products/trending-up.svg");
    mask-image: url("../icons/products/trending-up.svg");
}

.analyse-icon--inkomen {
    -webkit-mask-image: url("../icons/products/wallet.svg");
    mask-image: url("../icons/products/wallet.svg");
}

.analyse-icon--zorg {
    -webkit-mask-image: url("../icons/products/heart-pulse.svg");
    mask-image: url("../icons/products/heart-pulse.svg");
}

.analyse-icon--uitvaart {
    -webkit-mask-image: url("../icons/products/flower-2.svg");
    mask-image: url("../icons/products/flower-2.svg");
}

.analyse-icon--hypotheek {
    -webkit-mask-image: url("../icons/products/landmark.svg");
    mask-image: url("../icons/products/landmark.svg");
}

.analyse-icon--verduurzamen {
    -webkit-mask-image: url("../icons/products/leaf.svg");
    mask-image: url("../icons/products/leaf.svg");
}

.analyse-icon--woonverzekeringen {
    -webkit-mask-image: url("../icons/products/house-heart.svg");
    mask-image: url("../icons/products/house-heart.svg");
}

.analyse-icon--vervoer {
    -webkit-mask-image: url("../icons/products/car-front.svg");
    mask-image: url("../icons/products/car-front.svg");
}

.analyse-icon--persoon-gezin {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

.analyse-icon--sparen {
    -webkit-mask-image: url("../icons/products/piggy-bank.svg");
    mask-image: url("../icons/products/piggy-bank.svg");
}

.analyse-icon--beleggen {
    -webkit-mask-image: url("../icons/products/chart-no-axes-combined.svg");
    mask-image: url("../icons/products/chart-no-axes-combined.svg");
}

.analyse-icon--risicoprofiel {
    -webkit-mask-image: url("../icons/products/gauge.svg");
    mask-image: url("../icons/products/gauge.svg");
}

.analyse-icon--pensioen {
    -webkit-mask-image: url("../icons/products/wallet-cards.svg");
    mask-image: url("../icons/products/wallet-cards.svg");
}

.analyse-icon--inkomen-beschermen {
    -webkit-mask-image: url("../icons/products/umbrella.svg");
    mask-image: url("../icons/products/umbrella.svg");
}

.analyse-icon--inkomen-aanvullen {
    -webkit-mask-image: url("../icons/products/hand-coins.svg");
    mask-image: url("../icons/products/hand-coins.svg");
}

.analyse-icon--basisverzekering {
    -webkit-mask-image: url("../icons/products/heart-pulse.svg");
    mask-image: url("../icons/products/heart-pulse.svg");
}

.analyse-icon--aanvullende-zorg {
    -webkit-mask-image: url("../icons/products/circle-plus.svg");
    mask-image: url("../icons/products/circle-plus.svg");
}

.analyse-icon--zorgcheck {
    -webkit-mask-image: url("../icons/products/clipboard-check.svg");
    mask-image: url("../icons/products/clipboard-check.svg");
}

.analyse-icon--uitvaart-wensen {
    -webkit-mask-image: url("../icons/products/heart-handshake.svg");
    mask-image: url("../icons/products/heart-handshake.svg");
}

.analyse-icon--uitvaart-kosten {
    -webkit-mask-image: url("../icons/products/calculator.svg");
    mask-image: url("../icons/products/calculator.svg");
}

.analyse-icon--uitvaart-verzekering {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

/* =========================================================
   ZAKELIJK ICONEN
========================================================= */

.analyse-icon--bedrijf {
    -webkit-mask-image: url("../icons/products/building-2.svg");
    mask-image: url("../icons/products/building-2.svg");
}

.analyse-icon--personeel {
    -webkit-mask-image: url("../icons/products/users.svg");
    mask-image: url("../icons/products/users.svg");
}

.analyse-icon--bedrijfsvoertuigen {
    -webkit-mask-image: url("../icons/products/truck.svg");
    mask-image: url("../icons/products/truck.svg");
}

.analyse-icon--aansprakelijkheid {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

.analyse-icon--continuiteit {
    -webkit-mask-image: url("../icons/products/heart-pulse.svg");
    mask-image: url("../icons/products/heart-pulse.svg");
}

.analyse-icon--financiering {
    -webkit-mask-image: url("../icons/products/chart-no-axes-combined.svg");
    mask-image: url("../icons/products/chart-no-axes-combined.svg");
}

.analyse-icon--verandering {
    -webkit-mask-image: url("../icons/products/refresh-cw.svg");
    mask-image: url("../icons/products/refresh-cw.svg");
}

.analyse-icon--zekerheid {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

.analyse-icon--vooruit {
    -webkit-mask-image: url("../icons/products/trending-up.svg");
    mask-image: url("../icons/products/trending-up.svg");
}

/* =========================================================
   ZAKELIJK PRODUCTPAGINA ICONEN
========================================================= */

/* Bedrijf & eigendommen */

.analyse-icon--bedrijfspand {
    -webkit-mask-image: url("../icons/products/building-2.svg");
    mask-image: url("../icons/products/building-2.svg");
}

.analyse-icon--inventaris-voorraad {
    -webkit-mask-image: url("../icons/products/shelving-unit.svg");
    mask-image: url("../icons/products/shelving-unit.svg");
}

.analyse-icon--bedrijfsschade {
    -webkit-mask-image: url("../icons/products/chart-no-axes-combined.svg");
    mask-image: url("../icons/products/chart-no-axes-combined.svg");
}


/* Personeel */

.analyse-icon--verzuim {
    -webkit-mask-image: url("../icons/products/heart-pulse.svg");
    mask-image: url("../icons/products/heart-pulse.svg");
}

.analyse-icon--goed-werkgeverschap {
    -webkit-mask-image: url("../icons/products/users-round.svg");
    mask-image: url("../icons/products/users-round.svg");
}

.analyse-icon--verzuim-zorg {
    -webkit-mask-image: url("../icons/products/stethoscope.svg");
    mask-image: url("../icons/products/stethoscope.svg");
}

.analyse-icon--arbeidsongeschiktheid {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

.analyse-icon--pensioen-voorzieningen {
    -webkit-mask-image: url("../icons/products/hand-coins.svg");
    mask-image: url("../icons/products/hand-coins.svg");
}


/* Bedrijfsvoertuigen */

.analyse-icon--bedrijfsauto {
    -webkit-mask-image: url("../icons/products/truck.svg");
    mask-image: url("../icons/products/truck.svg");
}

.analyse-icon--wagenpark {
    -webkit-mask-image: url("../icons/products/car-front.svg");
    mask-image: url("../icons/products/car-front.svg");
}

.analyse-icon--bedrijfsauto-detail {
    -webkit-mask-image: url("../icons/products/car.svg");
    mask-image: url("../icons/products/car.svg");
}

.analyse-icon--wagenpark-detail {
    -webkit-mask-image: url("../icons/products/route.svg");
    mask-image: url("../icons/products/route.svg");
}

.analyse-icon--schade-mobiliteit {
    -webkit-mask-image: url("../icons/products/wrench.svg");
    mask-image: url("../icons/products/wrench.svg");
}


/* Aansprakelijkheid */

.analyse-icon--bedrijfsaansprakelijkheid {
    -webkit-mask-image: url("../icons/products/shield.svg");
    mask-image: url("../icons/products/shield.svg");
}

.analyse-icon--beroepsaansprakelijkheid {
    -webkit-mask-image: url("../icons/products/briefcase-business.svg");
    mask-image: url("../icons/products/briefcase-business.svg");
}

.analyse-icon--bedrijfsaansprakelijkheid-detail {
    -webkit-mask-image: url("../icons/products/user-round-check.svg");
    mask-image: url("../icons/products/user-round-check.svg");
}

.analyse-icon--beroepsaansprakelijkheid-detail {
    -webkit-mask-image: url("../icons/products/file-check.svg");
    mask-image: url("../icons/products/file-check.svg");
}

.analyse-icon--bestuurdersaansprakelijkheid {
    -webkit-mask-image: url("../icons/products/landmark.svg");
    mask-image: url("../icons/products/landmark.svg");
}

.analyse-icon--arbeidsongeschiktheid-inkomen {
    -webkit-mask-image: url("../icons/products/heart-pulse.svg");
    mask-image: url("../icons/products/heart-pulse.svg");
}

.analyse-icon--bedrijfscontinuiteit {
    -webkit-mask-image: url("../icons/products/refresh-cw.svg");
    mask-image: url("../icons/products/refresh-cw.svg");
}

.analyse-icon--arbeidsongeschiktheid-detail {
    -webkit-mask-image: url("../icons/products/shield-check.svg");
    mask-image: url("../icons/products/shield-check.svg");
}

.analyse-icon--overlijden {
    -webkit-mask-image: url("../icons/products/heart-handshake.svg");
    mask-image: url("../icons/products/heart-handshake.svg");
}

.analyse-icon--bedrijfscontinuiteit-detail {
    -webkit-mask-image: url("../icons/products/building-2.svg");
    mask-image: url("../icons/products/building-2.svg");
}


.analyse-icon--zakelijke-financiering {
    -webkit-mask-image: url("../icons/products/landmark.svg");
    mask-image: url("../icons/products/landmark.svg");
}

.analyse-icon--investeren-groeien {
    -webkit-mask-image: url("../icons/products/chart-no-axes-combined.svg");
    mask-image: url("../icons/products/chart-no-axes-combined.svg");
}

.analyse-icon--financiering-bedrijfspand {
    -webkit-mask-image: url("../icons/products/building-2.svg");
    mask-image: url("../icons/products/building-2.svg");
}

.analyse-icon--investeringen {
    -webkit-mask-image: url("../icons/products/badge-dollar-sign.svg");
    mask-image: url("../icons/products/badge-dollar-sign.svg");
}

.analyse-icon--groei-uitbreiding {
    -webkit-mask-image: url("../icons/products/trending-up.svg");
    mask-image: url("../icons/products/trending-up.svg");
}

/* =========================================================
   ANALYSE TRUST ICONS
========================================================= */

.analyse-icon--independent {
    -webkit-mask-image: url("../icons/trust/users-round.svg");
    mask-image: url("../icons/trust/users-round.svg");
}

.analyse-icon--experience {
    -webkit-mask-image: url("../icons/trust/award.svg");
    mask-image: url("../icons/trust/award.svg");
}

.analyse-icon--personal {
    -webkit-mask-image: url("../icons/trust/handshake.svg");
    mask-image: url("../icons/trust/handshake.svg");
}

.analyse-icon--nearby {
    -webkit-mask-image: url("../icons/trust/map-pin.svg");
    mask-image: url("../icons/trust/map-pin.svg");
}


/* =========================================================
   WAAROM ANALYSE
========================================================= */

.analyse-icon--persoonlijk {
    -webkit-mask-image: url("../icons/products/users-round.svg");
    mask-image: url("../icons/products/users-round.svg");
}

.analyse-icon--onafhankelijk {
    -webkit-mask-image: url("../icons/products/scale.svg");
    mask-image: url("../icons/products/scale.svg");
}

.analyse-icon--samenhang {
    -webkit-mask-image: url("../icons/products/cog.svg");
    mask-image: url("../icons/products/cog.svg");
}


/* =========================================================
   KAARTEN — MOBIEL
========================================================= */

@media (max-width: 640px) {

    .analyse-card {
        height: auto !important;
        min-height: 0 !important;
        padding: 1.5rem;
    }

    .analyse-card > .kt-inside-inner-col {
        height: auto !important;
        min-height: 0 !important;
        grid-template-rows: auto auto auto auto;
    }

    .analyse-card .wp-block-buttons,
    .analyse-card .wp-block-button,
    .analyse-card .wp-block-button__link {
        width: 100%;
    }

    .analyse-card .wp-block-button__link {
        min-width: 0;
    }

}


/* =========================================================
   ANALYSE SERVICES GRID
========================================================= */

.analyse-services-grid > .kt-row-column-wrap {
    align-items: stretch;
}

.analyse-services-grid .wp-block-kadence-column {
    height: 100%;
}

.analyse-services-grid .kt-inside-inner-col {
    height: 100%;
}

@media (max-width: 1024px) {
    .analyse-services-grid > .kt-row-column-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .analyse-services-grid > .kt-row-column-wrap {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   ANALYSE CTA
========================================================= */

.analyse-cta{
    display:flex;
    justify-content:center;
    margin-top:3rem;
}

.analyse-cta .wp-block-buttons{
    justify-content:center;
    gap:1rem;
}

/* =========================================================
   HERO VISUAL MET TEGELS
   Grote sfeerplaat rechts
========================================================= */

.analyse-hero__visual {
    width: 100% !important;
    min-width: 0;
    min-height: 430px;

    box-sizing: border-box;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 16px !important;
    overflow: hidden !important;
}


/* =========================================================
   KADENCE INNER CONTAINER = 2 × 3 GRID
========================================================= */

.analyse-hero__visual.analyse-hero__tiles > .kt-inside-inner-col {
    width: 100% !important;
    min-height: 430px;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-rows: 1fr !important;

    gap: 14px !important;
    padding: 28px !important;

    box-sizing: border-box;
}

/* Bij precies 2 tegels: normale hoogte en verticaal centreren */
.analyse-hero__visual.analyse-hero__tiles
> .kt-inside-inner-col:has(> .analyse-hero-tile:nth-child(2):last-child) {
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-content: center !important;
    align-content: start !important;
}


/* =========================================================
   HERO TEGEL
========================================================= */

.analyse-hero__tiles .analyse-hero-tile {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 14px 18px !important;

    box-sizing: border-box;

    background: rgba(255,255,255,.92) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(20,45,75,.12);

    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;

    column-gap: 10px !important;
    row-gap: 2px !important;

    align-items: center !important;
    align-content: center !important;
}


/* =========================================================
   ICOON
   Werkelijke HTML:
   analyse-card__icon analyse-icon--particulier
========================================================= */

.analyse-hero__tiles .analyse-hero-tile .analyse-card__icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    display: block !important;

    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: #1476d4 !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}


/* =========================================================
   TITEL + TEKST
========================================================= */

.analyse-hero__tiles .analyse-hero-tile h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    color: var(--analyse-navy) !important;

    align-self: end !important;
}

.analyse-hero__tiles .analyse-hero-tile p {
    grid-column: 2 !important;
    grid-row: 2 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
    color: var(--analyse-text) !important;

    align-self: start !important;
}

/* =========================================================
   HERO SFEERPLAAT - alle hoeken afronden
========================================================= */

.analyse-hero__visual,
.analyse-hero__visual > .kt-inside-inner-col {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* =========================================================
   HERO TEGELS — MOBIEL
========================================================= */

@media (max-width: 767px) {

    /* Zes tegels onder elkaar */
    .analyse-hero__visual.analyse-hero__tiles > .kt-inside-inner-col {
        min-height: 0 !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
        grid-auto-rows: 58px !important;

        gap: 10px !important;
        padding: 18px !important;
    }

    /* Sfeerplaat groeit mee */
    .analyse-hero__visual.analyse-hero__tiles {
        min-height: 444px !important;
        height: auto !important;
    }

    /* Compacte tegel */
    .analyse-hero__visual.analyse-hero__tiles .analyse-hero-tile {
        min-height: 58px !important;
        height: 58px !important;

        padding: 10px 16px !important;

        display: grid !important;
        grid-template-columns: 30px 1fr !important;
        grid-template-rows: 1fr !important;

        column-gap: 12px !important;
        align-items: center !important;
    }

    /* Icoon */
    .analyse-hero__visual.analyse-hero__tiles
    .analyse-hero-tile .analyse-card__icon {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 26px !important;
        height: 26px !important;

        margin: 0 !important;
    }

    /* Titel */
    .analyse-hero__visual.analyse-hero__tiles
    .analyse-hero-tile h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;

        margin: 0 !important;

        font-size: 16px !important;
        line-height: 1.2 !important;

        align-self: center !important;
    }

    /* Omschrijving verbergen op mobiel,
    maar de link actief houden */
    .analyse-hero__visual.analyse-hero__tiles
    .analyse-hero-tile p {
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .analyse-hero__visual.analyse-hero__tiles
    .analyse-hero-tile p a {
        position: absolute !important;
        inset: 0 !important;
        z-index: 50 !important;
        display: block !important;
        font-size: 0 !important;
        line-height: 0 !important;
        color: transparent !important;
    }
}

/* =========================================================
   CONTACT - GOOGLE MY MAPS
========================================================= */

.analyse-contact-map-wrapper {
    width: 100%;
    height: 420px;
    overflow: hidden;
    border-radius: 24px;
}

.analyse-contact-map {
    display: block;
    width: 100% !important;
    height: 487px;
    margin-top: -67px;
    border: 0;
}

/* =========================================================
   CONTACTKAARTEN - HELE KAART KLIKBAAR
========================================================= */

.analyse-contact-card {
    position: relative;
}

.analyse-contact-card p:last-child a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
}

/* ==========================================================
   Login form
========================================================== */

.analyse-login-form {
    width: 100%;
    max-width: 420px;
    margin-top: 2rem;
}

.analyse-login-field {
    margin-bottom: 1.5rem;
}

.analyse-login-field label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--analyse-navy);
}

.analyse-login-field input {
    width: 100%;
    height: 52px;
    padding: 0 1rem;
    box-sizing: border-box;

    font: inherit;
    color: var(--analyse-navy);
    background: #fff;

    border: 1px solid #cbd8e6;
    border-radius: 6px;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.analyse-login-field input:focus {
    outline: none;
    border-color: #1476c9;
    box-shadow: 0 0 0 3px rgba(20, 118, 201, 0.12);
}

/* Login actions */
.analyse-login-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.analyse-login-actions input {
    min-height: 46px;
    padding: 0 1.25rem;
    border-radius: 6px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Primair */
.analyse-login-submit {
    background: #1476c9;
    border: 1px solid #1476c9;
    color: #fff;
}

.analyse-login-submit:hover {
    background: #0f64ad;
    border-color: #0f64ad;
}

/* Secundair */
.analyse-login-actions input.analyse-login-reset {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #1476c9 !important;
    color: #1476c9 !important;
}

.analyse-login-actions input.analyse-login-reset:hover {
    background: rgba(20, 118, 201, 0.06) !important;
    color: #1476c9 !important;
}


/* ==========================================================
   Prospect registratie
========================================================== */

/* Registratie indeling */
.analyse-register-section {
    padding: 1.75rem 0;
    border-bottom: 1px solid #dbe4ed;
}

.analyse-register-section:first-of-type {
    padding-top: 0;
}

.analyse-register-grid {
    display: grid;
    gap: 1.25rem;
}

.analyse-register-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.analyse-register-grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.analyse-register-grid--address {
    grid-template-columns: 1.4fr 0.8fr 1fr;
}

.analyse-register-type,
.analyse-register-radios {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.analyse-register-type {
    margin-bottom: 1.75rem;
}

.analyse-register-type label,
.analyse-register-radios label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

.analyse-register small {
    display: block;
    margin-top: 0.4rem;
    color: #66788a;
    font-size: 0.85rem;
}

.analyse-register-actions {
    margin-top: 2rem !important;
}

@media (max-width: 767px) {
    .analyse-register-grid--2,
    .analyse-register-grid--3,
    .analyse-register-grid--address {
        grid-template-columns: 1fr;
    }
}
/* Registratie: label boven invoerveld */
.analyse-register p > label {
    display: block;
    margin-bottom: 0.5rem;
}

.analyse-register p > input[type="text"],
.analyse-register p > input[type="email"],
.analyse-register p > input[type="tel"],
.analyse-register p > input[type="password"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Velden binnen grids volledig hun kolom laten gebruiken */
.analyse-register-grid > p {
    min-width: 0;
    margin-bottom: 0;
}

/* Registratieformulier compacte leesbreedte */
.analyse-register-form {
    width: 100% !important;
    max-width: 760px !important;
}

.analyse-register {
    width: 100% !important;
    max-width: 760px !important;
}

/* Registratiepagina */
.analyse-register-page {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* ==========================================================
   Registratie - trust card
========================================================== */

.analyse-register-trust {
    align-self: start;
    max-width: 340px;
    padding: 1.75rem 2.25rem;

    background: #f7fafc;
    border: 1px solid #e1e9f0;
    border-radius: 12px;
}

.analyse-register-trust > *:last-child {
    margin-bottom: 0;
}

.analyse-register-trust h2 {
    margin: 0 0 1.5rem;
    font-size: 1.5rem;
    color: var(--analyse-navy);
}

/* Advieskeuze netjes centreren */
.analyse-register-trust .advieskeuze {
    text-align: center;
}

/* Mobiel */
@media (max-width: 767px) {
    .analyse-register-trust {
        max-width: none;
        margin-top: 2rem;
    }
}

/* ==========================================================
   Schade strip
========================================================== */

.analyse-schade-strip {
    width: min(1240px, 92%);
    margin: 0 auto 2rem;
    padding: 1rem 2rem;

    background: #f2f7fb;
    border: 1px solid #dbe7f1;
    border-radius: 12px;
}

.analyse-schade-strip > .kt-row-column-wrap {
    align-items: center !important;
}

.analyse-schade-strip h2 {
    margin: 0 0 0.35rem;
}

.analyse-schade-strip p {
    margin: 0;
}

/* ==========================================================
   Schade melden
========================================================== */

.analyse-schade-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr) !important;
    gap: 4rem !important;
    align-items: start;
}

.analyse-schade-main,
.analyse-schade-help {
    width: auto !important;
    flex-basis: auto !important;
    margin: 0 !important;
}

@media (max-width: 900px) {
    .analyse-schade-layout {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }
}

.analyse-schade-page {
    width: min(1240px, 92%) !important;
    max-width: 1240px !important;
    margin-inline: auto !important;
}

/* ==========================================================
   Schade melden - paginabreedte
========================================================== */

.page-id-981 .content-container {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-id-981 .entry-content-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================================
   Schade melden - externe schadehulp
========================================================== */
.analyse-schade-link {
    display: flex;
    align-items: center;
    gap: 1rem;

    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;

    background: #f6f9fc;
    border: 1px solid #dbe6f0;
    border-radius: 10px;
}

.analyse-schade-link img {
    width: 170px;
    height: 70px;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
}

.analyse-schade-link {
    cursor: pointer;
    transition: transform 0.18s ease,
                border-color 0.18s ease,
                box-shadow 0.18s ease;
}

.analyse-schade-link:hover {
    transform: translateY(-2px);
    border-color: rgba(20, 118, 212, 0.30);
    box-shadow: 0 6px 18px rgba(20, 55, 90, 0.08);
}

.analyse-schade-link p {
    margin: 0;
}
.analyse-schade-link--mobiel figure {
    width: 210px !important;
    max-width: none !important;
}

.analyse-schade-link--mobiel img {
    width: 210px !important;
    height: auto !important;
    max-width: none !important;
}

/* Spoedtegel */
.analyse-schade-spoed {
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;

    background: #fff5f5;
    border: 1px solid #f0caca;
    border-left: 4px solid #c62828;
    border-radius: 10px;

    cursor: pointer;
    transition: transform 0.18s ease,
                border-color 0.18s ease,
                box-shadow 0.18s ease;
}

.analyse-schade-spoed:hover {
    transform: translateY(-2px);
    border-color: #dfa7a7;
    border-left-color: #c62828;
    box-shadow: 0 6px 18px rgba(80, 20, 20, 0.08);
}

.analyse-schade-spoed h2,
.analyse-schade-spoed h3 {
    margin: 0 0 0.4rem;
    font-size: 1.25rem;
}

.analyse-schade-spoed p {
    margin: 0;
}

.analyse-schade-spoed strong {
    color: #b00000;
}