/* Vloershop Core — bezorg-countdown + trust-iconen in het bestelblok (PDP). */
.vs-pdp-trust { margin: 14px 0 4px; font-family: "Plus Jakarta Sans", system-ui, sans-serif; }

/* Bezorg-countdown */
.vs-deadline {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px !important;
    padding: 10px 14px;
    background: #f0faf3;
    border: 1px solid #cdeed7;
    border-radius: 10px;
    font-size: 14px;
    color: #2a3065;
    line-height: 1.35;
}
.vs-deadline__text strong { color: #138a37; }
.vs-deadline__dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(26, 138, 58, 0.5);
    animation: vs-deadline-pulse 1.6s infinite;
}
@keyframes vs-deadline-pulse {
    0% { box-shadow: 0 0 0 0 rgba(26, 138, 58, 0.45); }
    70% { box-shadow: 0 0 0 7px rgba(26, 138, 58, 0); }
    100% { box-shadow: 0 0 0 0 rgba(26, 138, 58, 0); }
}

/* Trust-iconen */
.vs-pdp-trust__list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
}
.vs-pdp-trust__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #3a4150 !important;
    list-style: none !important;
}
.vs-pdp-trust__item::before { content: none !important; }
.vs-pdp-trust__check {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #22c55e;
    position: relative;
}
.vs-pdp-trust__check::after {
    content: "";
    position: absolute;
    left: 37%;
    top: 19%;
    width: 0.22em;
    height: 0.46em;
    border: solid #fff;
    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
}

/* Postcode-checker: de klant vraagt zelf op wanneer er bezorgd kan worden.
   Op een productpagina is het adres onbekend, en de leverdag hangt daarvan af.

   GEEN GETINT KAARTJE MEER. Dat kaartje had 14px binnenruimte, waardoor zijn
   inhoud een stukje verder naar binnen begon dan de USP-balk er direct onder:
   twee linkerkantlijnen onder elkaar in dezelfde kolom. Nu een gewone strook
   met een scheidingslijn erboven, zodat kop, invoerrij, uitkomst en de vinkjes
   eronder allemaal op dezelfde kantlijn staan. */
.vs-pdp-leverdag {
    margin: 14px 0 16px;
    padding: 14px 0 0;
    border-top: 1px solid var(--vs-line, #e2e5ea);
}

.vs-pdp-leverdag__label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    margin: 0 0 9px;
    color: var(--vs-navy, #324696);
}

/* De belofte zonder postcode, plat in de HTML: sluitingstijd wél, dag niet. */
.vs-pdp-leverdag__belofte {
    margin: -4px 0 9px !important;
    font-size: 13.5px;
    line-height: 1.5;
    color: #3a4150;
}

.vs-pdp-leverdag__row {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

/* Land + postcode als ÉÉN veld: het is samen één adres, en zo trekt de
   landkeuze niet langer de aandacht van een zelfstandige eerste keuze. */
.vs-pdp-leverdag__veld {
    display: flex;
    align-items: stretch;
    flex: 0 1 auto;
    border: 1px solid var(--vs-line, #e2e5ea);
    border-radius: 9px;
    background: #fff;
    overflow: hidden;
}

.vs-pdp-leverdag__veld:focus-within {
    border-color: var(--vs-navy, #324696);
    box-shadow: 0 0 0 3px rgba(50, 70, 150, .12);
}

.vs-pdp-leverdag__land {
    flex: 0 0 auto;
    height: 44px;
    border: 0;
    border-right: 1px solid var(--vs-line, #e2e5ea);
    border-radius: 0;
    background: var(--vs-soft, #f4f5f7);
    padding: 0 6px 0 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--vs-muted, #6c757d);
    cursor: pointer;
}

.vs-pdp-leverdag__land:focus { outline: none; }

/* Kort: zes tekens hebben geen halve regel nodig. Een uitrekkend veld duwde de
   knop naar de overkant en trok de rij uit elkaar. */
.vs-pdp-leverdag__postcode {
    flex: 0 1 auto;
    width: 128px;
    min-width: 0;
    height: 44px;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0 12px;
    font-family: inherit;
    /* 16px: kleiner laat iOS bij het aantikken op het veld inzoomen. */
    font-size: 16px;
    letter-spacing: .4px;
}

.vs-pdp-leverdag__postcode:focus { outline: none; }

.vs-pdp-leverdag__knop {
    flex: 0 0 auto;
    height: 44px;
    padding: 0 20px;
    border: 0;
    border-radius: 9px;
    background: var(--vs-navy, #324696);
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}

.vs-pdp-leverdag__knop:hover { background: var(--vs-color-primary, #2a3065); }
.vs-pdp-leverdag__knop:disabled { opacity: .6; cursor: default; }

/* De uitkomst is het ANTWOORD op de vraag erboven, dus die mag ook als antwoord
   ogen in plaats van als een losse gekleurde regel. Groen blijft, maar wel
   hetzelfde groen als de bestelronde-melding hoger in het blok — daar stond een
   andere tint, en twee groenen boven elkaar leest als twee soorten "goed". */
.vs-pdp-leverdag__uitkomst {
    margin: 12px 0 0;
    padding: 10px 13px;
    border: 1px solid var(--vs-line, #e2e5ea);
    border-radius: 10px;
    background: var(--vs-soft, #f4f5f7);
    font-size: 13.5px;
    line-height: 1.45;
    color: #3a4150;
}

.vs-pdp-leverdag__uitkomst[hidden] { display: none; }

.vs-pdp-leverdag__uitkomst.is-ja {
    background: #f0faf3;
    border-color: #cdeed7;
    color: #17693a;
    font-weight: 600;
}

.vs-pdp-leverdag__uitkomst.is-overleg {
    background: #fff6e5;
    border-color: #f0d9ab;
    color: #7a4a00;
    font-weight: 600;
}

/* Lichte uitweg voor wie het vooraf zeker wil weten. Geen knop: de bestelling
   kan gewoon door, dit is een aanbod en geen omweg. */
.vs-pdp-leverdag__contact {
    color: var(--vs-navy, #324696);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
}

/* DHL-regel voor pakketwaardige producten: vervangt de postcode-checker, want
   een pakket volgt de vaste bezorgroutes niet en kent dus geen leverdag-per-
   postcode. Zelfde rustige kaartopmaak als de uitkomst van de checker. */
.vs-pdp-pakket {
    margin: 10px 0 0;
    padding: 9px 12px;
    border: 1px solid #d9def0;
    border-radius: 8px;
    background: #f4f6fc;
    font-size: 13.5px;
    line-height: 1.45;
    color: #3a4150;
}

.vs-pdp-pakket strong { color: var(--vs-navy, #324696); }