/* « Prévenez-moi » — sur la fiche produit. */

.cd-al{margin:1.1rem 0 0}
.cd-al-declic{display:inline-flex;align-items:center;gap:.4rem;padding:0;border:0;background:none;
  font-family:var(--mono,monospace);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--d,#7A6058);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cd-al-declic:hover{color:var(--a,#8C2F42)}

.cd-al-corps{padding:.95rem 1.05rem;border:1px solid var(--b,#E9DCD3);border-radius:var(--r,14px);
  background:var(--peau-p,#F6E6DE)}
/* 🚨 `hidden` est un attribut : n'importe quel `display:` écrit ailleurs
   l'écraserait. Une règle forte tranche une fois pour toutes. */
.cd-al [hidden]{display:none !important}
.cd-al-repli .cd-al-corps{margin-top:.6rem}

.cd-al-titre{margin:0 0 .2rem;font-family:var(--titre,Georgia,serif);font-size:1.02rem;
  font-weight:400;color:var(--t,#241619)}
.cd-al-aide{margin:0 0 .75rem;font-size:.82rem;color:var(--t2,#4A3439)}

.cd-al-rang{display:flex;gap:.5rem;flex-wrap:wrap}
.cd-al-rang input[type=email]{flex:1 1 190px;min-width:0;padding:.62rem .8rem;
  border:1px solid var(--b,#E9DCD3);border-radius:var(--r-pill,999px);background:#fff;
  font:inherit;font-size:.9rem;color:var(--t,#241619)}
.cd-al-rang input[type=email]:focus-visible{outline:2px solid var(--a,#8C2F42);outline-offset:1px}
.cd-al-rang button{flex:0 0 auto;padding:.62rem 1.15rem;border:0;border-radius:var(--r-pill,999px);
  background:var(--a,#8C2F42);color:#FBF7F4;font:inherit;font-size:.86rem;cursor:pointer;
  transition:background .2s}
.cd-al-rang button:hover{background:var(--a-fonce,#6E2334)}
.cd-al-rang button[disabled]{opacity:.55;cursor:default}

.cd-al-lettre{display:flex;align-items:flex-start;gap:.45rem;margin:.65rem 0 0;
  font-size:.78rem;line-height:1.4;color:var(--t2,#4A3439);cursor:pointer}
.cd-al-lettre input{margin:.15rem 0 0;flex:0 0 auto}

.cd-al-appat{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

.cd-al-msg{margin:.6rem 0 0;font-size:.82rem;min-height:1.1em}
.cd-al-msg.est-ok{color:var(--ok,#2F7A5A)}
.cd-al-msg.est-erreur{color:var(--alerte,#B0552A)}

@media (max-width:480px){
  .cd-al-rang button{flex:1 1 100%}
}