/* ── Apéro Express – Page "Nos zones de livraison" ───────────────────────── */

.aez-zones-page {
    --aez-brique:      #C1502E;
    --aez-miel:        #EFA83B;
    --aez-sauge:       #7A8B6F;
    --aez-blanc-casse: #FBF7F2;
    --aez-brun-cafe:   #3D2C22;

    max-width: 980px;
    margin: 0 auto;
    color: var(--aez-brun-cafe);
}

.aez-zones-page__intro {
    font-size: 1.05em;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 0 32px;
}

.aez-zones-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-bottom: 28px;
}

.aez-zone-card {
    background: var(--aez-blanc-casse);
    border: 1px solid rgba(61, 44, 34, 0.1);
    border-radius: 14px;
    padding: 22px 22px 20px;
}

.aez-zone-card__titre {
    margin: 0 0 14px;
    font-size: 1.25em;
    font-weight: 700;
    color: var(--aez-brique);
}

.aez-zone-card__km {
    font-weight: 400;
    font-size: 0.7em;
    color: var(--aez-sauge);
    white-space: nowrap;
}

.aez-zone-card__conditions {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    font-size: 0.94em;
    line-height: 1.7;
}

.aez-zone-card__conditions li {
    padding-left: 18px;
    position: relative;
    white-space: nowrap;
}

.aez-zone-card__conditions li::before {
    content: "•";
    position: absolute;
    left: 2px;
    color: var(--aez-miel);
}

.aez-zone-card__conditions strong {
    color: var(--aez-brun-cafe);
}

.aez-zone-card__communes {
    border-top: 1px solid rgba(61, 44, 34, 0.1);
    padding-top: 14px;
}

.aez-zone-card__communes-titre {
    display: block;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--aez-sauge);
    margin-bottom: 6px;
}

.aez-zone-card__communes p {
    margin: 0;
    font-size: 0.92em;
    line-height: 1.6;
    /* Évite que les noms de communes composés (ex. "Saint-Rigomer-des-Bois") coupent mal */
    word-break: keep-all;
    overflow-wrap: normal;
}

.aez-zones-page__note {
    font-size: 0.9em;
    color: var(--aez-sauge);
    font-style: italic;
}

.aez-zones-page__note a {
    color: var(--aez-brique);
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
}

/* Formulaire de rappel (révélé au clic sur le lien de la note ci-dessus) */
.aez-zones-page-rappel {
    max-width: 420px;
    margin: 20px auto 0;
    padding: 20px;
    background: var(--aez-blanc-casse);
    border: 1px solid rgba(61, 44, 34, 0.1);
    border-radius: 14px;
}