/* ============================================================
   BlueIa — consent.css : bandeau de consentement cookies (CNIL)
   ------------------------------------------------------------
   À charger avec assets/styles.css (tokens :root) ; des valeurs
   de repli sont fournies au cas où il serait chargé seul.
   Exigence CNIL : « Tout accepter » et « Continuer sans accepter »
   ont exactement la même taille et le même niveau de visibilité.
   Le bandeau est injecté par assets/consent.js (.blueia-consent).
   ============================================================ */

/* ── Carte : pleine largeur, collée en bas (mobile-first) ── */
.blueia-consent{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:2147483000; /* très élevé : au-dessus du header (100) et du chatbot (200-202) */
  box-sizing:border-box;
  background:var(--card,#fff);
  color:var(--ink,#10141B);
  font-family:var(--fb,'Inter',sans-serif);
  font-size:.92rem;
  line-height:1.55;
  border:1px solid var(--line,#E6E7E3);
  border-bottom:none;
  border-radius:14px 14px 0 0;
  box-shadow:0 -12px 44px rgba(12,22,34,.16); /* ombre douce */
  padding:20px 20px calc(18px + env(safe-area-inset-bottom,0px)); /* respecte l'encoche iPhone */
  animation:bc-entree .4s cubic-bezier(.2,.7,.3,1) both;
}
.blueia-consent *{box-sizing:border-box}
.blueia-consent[hidden]{display:none!important}

/* ── Desktop : carte max 420px, en bas à gauche ── */
@media(min-width:721px){
  .blueia-consent{
    left:22px;right:auto;bottom:22px;
    max-width:420px;
    border-bottom:1px solid var(--line,#E6E7E3);
    border-radius:var(--radius,14px);
    box-shadow:0 14px 44px rgba(12,22,34,.18);
    padding:22px 24px 20px;
  }
}

/* ── Titre + texte + lien « En savoir plus » ── */
.bc-title{
  margin:0 0 6px;
  font-family:var(--fd,'Space Grotesk',sans-serif);
  font-weight:700;font-size:1.02rem;letter-spacing:-.01em;
  color:var(--ink,#10141B);
}
.bc-text{margin:0;color:var(--muted,#5B6472);font-size:.89rem}
.bc-link{
  color:var(--accent,#2F5BFF);font-weight:600;
  text-decoration:underline;text-underline-offset:2px; /* contre le reset a{text-decoration:none} du site */
}
.bc-link:hover{color:var(--accent-d,#1E3FCC)}

/* ── Boutons : MÊME taille, MÊME visibilité (exigence CNIL) ──
   Mobile : empilés pleine largeur. ≥480px : côte à côte, flex:1 chacun. */
.bc-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}
@media(min-width:480px){.bc-actions{flex-direction:row}}
.bc-btn{
  flex:1;width:100%;
  font-family:var(--fd,'Space Grotesk',sans-serif);
  font-weight:600;font-size:.95rem;
  padding:13px 16px;               /* padding identique pour les deux boutons */
  border-radius:10px;
  cursor:pointer;
  text-align:center;
  line-height:1.3;
  transition:background .15s,border-color .15s,color .15s;
}
.bc-btn:focus-visible{outline:2px solid var(--accent,#2F5BFF);outline-offset:2px}
/* « Tout accepter » : fond accent, texte blanc */
.bc-btn-accept{background:var(--accent,#2F5BFF);color:#fff;border:1px solid var(--accent,#2F5BFF)}
.bc-btn-accept:hover{background:var(--accent-d,#1E3FCC);border-color:var(--accent-d,#1E3FCC)}
/* « Continuer sans accepter » : bordure nette, fond transparent — aussi lisible que l'acceptation */
.bc-btn-refuse{background:transparent;color:var(--ink,#10141B);border:1px solid var(--muted,#5B6472)}
.bc-btn-refuse:hover{border-color:var(--ink,#10141B);background:rgba(16,20,27,.04)}

/* ── Animation d'entrée discrète + respect de prefers-reduced-motion ── */
@keyframes bc-entree{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .blueia-consent{animation:none}
}