/* ── Atouts ITE — Haute-Savoie (dark) & Confort été (green) ─────────────── */

/*
 * Égalise la hauteur des 2 colonnes Divi qui contiennent ces shortcodes.
 * Les colonnes Divi sont des flex items dans une .et_pb_row — on étire
 * les wrappers intermédiaires pour que .ite-atout prenne toute la hauteur.
 */
.et_pb_row:has(.ite-atout) {
    align-items: stretch;
}
.et_pb_row:has(.ite-atout) > .et_pb_column {
    display: flex;
    flex-direction: column;
}
.et_pb_row:has(.ite-atout) .et_pb_column > .et_pb_module,
.et_pb_row:has(.ite-atout) .et_pb_column > .et_pb_code {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.et_pb_row:has(.ite-atout) .et_pb_column .et_pb_code_inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ite-atout {
    display: flex;
    flex-direction: column;
    gap: var(--Spacing-l);
    padding: var(--Spacing-page);
    border-radius: var(--Radius-m);
    height: 100%;
    box-sizing: border-box;
}

/* ── Thème dark — Haute-Savoie ──────────────────────────────────────────── */
.ite-atout--hs {
    background: var(--Neutral-950);
}

.ite-atout--hs .ite-atout-label   { color: var(--Primary-main); }
.ite-atout--hs .ite-atout-titre   { color: var(--Neutral-50); }
.ite-atout--hs .ite-atout-sous-titre { color: var(--Primary-main); }
.ite-atout--hs .ite-atout-texte   { color: var(--Neutral-300); }

.ite-atout--hs .ite-atout-point {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: var(--Neutral-100);
}
.ite-atout--hs .ite-atout-point__icon {
    color: var(--Primary-main);
}

/* ── Thème green — Confort été ──────────────────────────────────────────── */
.ite-atout--ete {
    background: var(--Primary-main);
}

.ite-atout--ete .ite-atout-label   { color: var(--Neutral-800); }
.ite-atout--ete .ite-atout-titre   { color: var(--Neutral-950); }
.ite-atout--ete .ite-atout-sous-titre { color: var(--Neutral-800); }
.ite-atout--ete .ite-atout-texte   { color: var(--Neutral-900); }

.ite-atout--ete .ite-atout-point {
    background: rgba(255, 255, 255, 0.35);
    border-color: rgba(0, 0, 0, 0.08);
    color: var(--Neutral-950);
}
.ite-atout--ete .ite-atout-point__icon {
    color: var(--Neutral-950);
}

/* ── Label petit surtitre ───────────────────────────────────────────────── */
.ite-atout-label {
    font-family: var(--font-family-body);
    font-size: var(--font-size-p);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ── Titre H2 ───────────────────────────────────────────────────────────── */
.ite-atout-titre {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h3);
    font-weight: 700;
    line-height: var(--line-height-h2);
    text-transform: uppercase;
    margin: 0;
}

/* ── Sous-titre ─────────────────────────────────────────────────────────── */
.ite-atout-sous-titre {
    font-family: var(--font-family-body);
    font-size: var(--font-size-p);
    font-weight: 400;
    line-height: var(--line-height-p);
    margin: 0;
}

/* ── Texte corps ────────────────────────────────────────────────────────── */
.ite-atout-texte {
    font-family: var(--font-family-body);
    font-size: var(--font-size-p);
    line-height: var(--line-height-p);
}
.ite-atout-texte p { margin: 0 0 var(--Spacing-s); }
.ite-atout-texte p:last-child { margin-bottom: 0; }

/* ── Liste points ───────────────────────────────────────────────────────── */
.ite-atout-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--Spacing-s);
}

.ite-atout-point {
    display: flex;
    align-items: center;
    gap: var(--Spacing-m);
    font-family: var(--font-family-body);
    font-size: var(--font-size-p);
    font-weight: 500;
    line-height: var(--line-height-p);
    padding: var(--Spacing-s) var(--Spacing-m);
    border: 1px solid transparent;
    border-radius: var(--Radius-s);
}

.ite-atout-point__icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}