/* Messages adaptés à la page (30/10/2026) : encart de fin de lecture + message de sortie.
   Charte advizstudio.com déjà en ligne (voir adviz-da-2026.css) : bleu nuit #161C33, crème #FBE8C4,
   corail #FF5A5F, Montserrat (var(--font-montserrat)) et Fraunces. Contraste vérifié AA sur toutes
   les paires texte/fond utilisées ici (voir rapport). z-index sous le bandeau cookies (2147483000). */

.am-card,.am-exit{
  font-family:var(--font-montserrat),Montserrat,system-ui,sans-serif;
  background:#161C33;
  color:#C7CCD8;
  box-shadow:0 18px 50px rgba(15,18,38,.35);
  box-sizing:border-box;
}
.am-card *,.am-exit *{box-sizing:border-box}

.am-t{
  font-family:"Fraunces",Georgia,serif;
  font-weight:600;
  font-size:19px;
  line-height:1.3;
  color:#FBE8C4;
  margin:0 0 8px;
  padding-right:28px;
}
.am-d{
  margin:0 0 16px;
  font-size:14.5px;
  line-height:1.55;
  color:#C7CCD8;
}
.am-cta{
  display:inline-block;
  background:#FF5A5F;
  color:#161C33;
  font-weight:700;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  padding:12px 20px;
  border-radius:999px;
  transition:background .2s ease, transform .2s ease;
}
.am-cta:hover{background:#FF747A}
.am-cta:focus-visible{outline:2px solid #FBE8C4;outline-offset:3px}

.am-x{
  position:absolute;
  top:10px;right:10px;
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
  border:0;
  border-radius:999px;
  color:#C7CCD8;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}
.am-x:hover{background:rgba(255,255,255,.1);color:#FBE8C4}
.am-x:focus-visible{outline:2px solid #FBE8C4;outline-offset:2px}

/* ---------- 1. Encart de fin de lecture : bas droite (ordinateur), bandeau bas (mobile) ---------- */
.am-card{
  position:fixed;
  right:24px;
  bottom:112px; /* au-dessus du bouton flottant « Nous contacter » (56px + marge) */
  z-index:999990;
  width:min(360px, calc(100vw - 48px));
  padding:20px 22px 18px;
  border-radius:16px;
  opacity:0;
  transform:translateY(16px);
  transition:opacity .35s ease, transform .35s ease;
  pointer-events:none;
}
.am-card.am-on{opacity:1;transform:translateY(0);pointer-events:auto}

@media (max-width:680px){
  .am-card{
    left:0;right:0;bottom:0;
    width:100%;
    max-width:none;
    border-radius:16px 16px 0 0;
    padding:20px 20px calc(18px + env(safe-area-inset-bottom, 0px));
    transform:translateY(100%);
  }
  .am-card.am-on{transform:translateY(0)}
}

/* ---------- 2. Message de sortie : fenêtre centrée, ordinateur seulement ---------- */
.am-fond{
  position:fixed;
  inset:0;
  z-index:999991;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,18,38,0);
  transition:background .3s ease;
  pointer-events:none;
}
.am-fond:has(.am-on){background:rgba(15,18,38,.55);pointer-events:auto}

.am-exit{
  width:min(440px, 100%);
  padding:28px 28px 24px;
  border-radius:18px;
  opacity:0;
  transform:scale(.96) translateY(8px);
  transition:opacity .3s ease, transform .3s ease;
}
.am-exit.am-on{opacity:1;transform:scale(1) translateY(0)}

@media (prefers-reduced-motion:reduce){
  .am-card,.am-exit,.am-fond{transition:none}
}