/* Rappels d'inscription à la lettre et code de bienvenue (inc/bienvenue.php, assets/js/bienvenue.js). */

/* Formulaire commun */
.inscription { margin: 0; text-align: left; }
.inscription__piege { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.inscription__champs { display: flex; flex-wrap: wrap; gap: 8px; }
.inscription__email { flex: 1 1 200px; min-width: 0; padding: 12px 14px; border: 1px solid var(--c-champ); border-radius: var(--rayon); background: #fff; font: 400 var(--t-compact) var(--f-texte); color: var(--c-texte); }
.inscription__email:focus-visible { outline: 2px solid var(--c-prune); outline-offset: 1px; }
.inscription__bouton { flex: 0 0 auto; white-space: nowrap; }
.inscription__bouton:disabled { opacity: 0.6; cursor: progress; }
.inscription__accord { display: flex; align-items: flex-start; gap: 9px; margin-top: 10px; font-size: var(--t-petit); line-height: 1.4; color: #5f5f54; cursor: pointer; }
.inscription__accord input { flex: none; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--c-prune); }
.inscription__accord a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.inscription__message { margin: 10px 0 0; font-size: var(--t-compact); line-height: 1.4; color: var(--c-vert-bande); }
.inscription__message.is-erreur { color: var(--c-alerte); }
.inscription__ok { margin: 0; padding: 2px 0; font-size: var(--t-compact); line-height: 1.5; font-weight: 600; color: var(--c-vert-bande); }

/* Fiche produit : une ligne discrète qui s'ouvre */
.inscription-fiche { margin-top: 14px; border: 1px dashed var(--c-prune); background: #fbf7f9; }
.inscription-fiche__ouvrir { display: flex; align-items: center; gap: 11px; width: 100%; padding: 12px 14px; border: 0; background: none; font: 400 var(--t-compact)/1.35 var(--f-texte); color: var(--c-texte); text-align: left; cursor: pointer; }
.inscription-fiche__ouvrir svg { flex: none; color: var(--c-prune); }
.inscription-fiche__ouvrir strong { font-weight: 600; color: var(--c-prune-texte); }
.inscription-fiche__signe { flex: none; margin-left: auto; width: 9px; height: 9px; border: solid var(--c-prune); border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-2px); transition: transform var(--duree, 0.2s); }
.inscription-fiche__ouvrir[aria-expanded="true"] .inscription-fiche__signe { transform: rotate(-135deg) translateY(-2px); }
.inscription-fiche__corps { padding: 2px 14px 14px; }
.inscription-fiche .inscription__bouton { padding-inline: 16px; }

/* Pages de rayons : bandeau sous la grille */
.inscription-bande { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 1.15fr); gap: 18px clamp(20px, 4vw, 48px); align-items: center; margin: 40px 0 0; padding: 24px clamp(18px, 3vw, 30px); border: 1px solid var(--c-creme-bord); background: var(--c-creme-clair); }
.inscription-bande[hidden] { display: none; }
.inscription-bande__titre { margin: 0 0 4px; font: 600 var(--t-accent)/1.2 var(--f-titre); color: var(--c-texte); }
.inscription-bande__detail { margin: 0; font-size: var(--t-compact); line-height: 1.5; color: #5f5f54; }

/* Bandeaux verts de l'accueil, des articles et des guides */
.inscription--vert .inscription { max-width: 480px; margin: 0 auto; }
.inscription--vert .inscription__email { border: 0; }
.inscription--vert .inscription__accord, .inscription--vert .inscription__ok { color: #fff; text-align: left; }
.inscription--vert .inscription__message { color: #fff; font-weight: 600; }
.inscription--vert .inscription__message.is-erreur { padding: 6px 10px; background: #fff; color: var(--c-alerte); }
.newsletter .inscription__champs, .newsletter .inscription__accord { max-width: 520px; }
.newsletter .inscription__email { border: 0; padding: 14px 18px; }
.newsletter .inscription__accord, .newsletter .inscription__ok { color: #fff; }
.newsletter .inscription__message { color: #fff; font-weight: 600; }
.newsletter .inscription__message.is-erreur { padding: 6px 10px; background: #fff; color: var(--c-alerte); }
.newsletter .inscription__bouton:hover { background: var(--c-texte); }

/* Page « Réductions et code promo » : le formulaire en tête, bien visible ; les avantages de la lettre dessous */
.inscription-page { max-width: 780px; margin: 0 auto 8px; padding: clamp(26px, 5vw, 46px) clamp(18px, 4vw, 44px); border-radius: 4px; background: var(--c-vert-bande); color: #fff; text-align: center; }
.inscription-page p { margin: 0 0 12px; font-size: var(--t-courant); line-height: 1.55; color: #fff; }
.inscription-page__titre { margin: 0 0 10px !important; font: 600 clamp(26px, 4vw, 38px)/1.15 var(--f-titre) !important; color: #fff !important; }
.inscription-page .inscription { max-width: 580px; margin: 22px auto 0; }
.inscription-page .inscription__champs { flex-wrap: nowrap; gap: 10px; }
.inscription-page .inscription__email { border: 0; padding: 16px 18px; font-size: var(--t-courant); }
.inscription-page .inscription__bouton { padding-block: 16px; }
.inscription-page .inscription__accord { justify-content: center; color: #fff; text-align: left; }
.inscription-page .inscription__message { color: #fff; font-weight: 600; }
.inscription-page .inscription__message.is-erreur { display: inline-block; padding: 6px 12px; background: #fff; color: var(--c-alerte); }
.inscription-page .inscription__ok { color: #fff; font-size: var(--t-courant); }
.inscription-page__retour { margin: 0 0 18px; padding: 16px 18px; border-left: 4px solid var(--c-prune); background: #fff; color: var(--c-texte); text-align: left; }
.inscription-page__retour p { color: var(--c-texte); }
.inscription-page .inscription-page__retour .inscription-page__titre { margin: 0 0 6px !important; font-size: var(--t-accent) !important; color: var(--c-texte) !important; }
.inscription-page__retour.is-erreur { border-left-color: var(--c-alerte); }
.inscription-page__retour p:last-child { margin-bottom: 0; }
.inscription-page__code { display: inline-block; margin: 6px 0 8px !important; padding: 10px 18px; border: 2px dashed var(--c-prune); background: #fbf7f9; font: 700 1.5rem/1.2 var(--f-titre) !important; letter-spacing: 0.08em; color: var(--c-prune-texte) !important; user-select: all; }
.inscription-page__aide { font-size: var(--t-petit) !important; color: #77776a !important; }

/* Ce que vous apporte la lettre */
/* Les listes du contenu reçoivent une marge à gauche du thème : on la retire pour aligner les cartes sur les titres. */
.prose ul.lettre-avantages, .prose ul.lettre-sans-inscription, ul.lettre-avantages, ul.lettre-sans-inscription { padding-left: 0; margin-left: 0; }
.lettre-avantages { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 16px; margin: 20px 0 8px; padding: 0; list-style: none; }
.lettre-avantages li { margin: 0; padding: 22px 20px; border: 1px solid var(--c-creme-bord); background: #fff; }
.lettre-avantages svg { display: block; margin-bottom: 12px; color: var(--c-prune); }
.lettre-avantages strong { display: block; margin-bottom: 6px; font: 600 var(--t-accent)/1.25 var(--f-titre); color: var(--c-texte); }
.lettre-avantages p { margin: 0; font-size: var(--t-compact); line-height: 1.55; color: #4a4a40; }
.lettre-sans-inscription { display: grid; gap: 12px; margin: 18px 0 0; padding: 20px 22px; list-style: none; background: var(--c-gris); }
.lettre-sans-inscription li { display: flex; align-items: flex-start; gap: 12px; margin: 0; font-size: var(--t-compact); line-height: 1.5; color: #4a4a40; }
.lettre-sans-inscription svg { flex: none; margin-top: 2px; color: var(--c-vert); }
.lettre-sans-inscription strong { color: var(--c-texte); }

@media (max-width: 699px) {
	.inscription-bande { grid-template-columns: 1fr; padding: 18px 16px; margin-top: 28px; }
	.inscription__champs, .inscription-page .inscription__champs { flex-direction: column; flex-wrap: wrap; }
	.inscription__email { flex: none; width: 100%; }
	.inscription__bouton, .inscription-page .inscription__bouton { width: 100%; }
	.inscription-fiche__ouvrir { padding: 11px 12px; font-size: var(--t-petit); }
}