@charset "UTF-8";
/* ══════════════════════════════════════════════════════════════════════
   DateBBW — bandeau de consentement
   ──────────────────────────────────────────────────────────────────────
   Le bandeau est autonome : il déclare ses propres polices et ses propres
   couleurs, avec des valeurs de repli, pour rester correct quel que soit
   le thème actif. C'est une fonction, pas une décoration : elle doit
   survivre à un changement d'habillage.

   Toutes les longueurs sont en pixels. Blogmate fixe la racine du
   document à 10 px (font-size:62.5%) : un « rem » y vaudrait 10 et non
   16, et le bandeau s'afficherait aux deux tiers de sa taille.
   ══════════════════════════════════════════════════════════════════════ */

@font-face{
  font-family:"DBW Fraunces";font-style:normal;font-weight:700;font-display:swap;
  src:url("/wp-content/uploads/dbw-fonts/fraunces-latin-700.woff2") format("woff2");
}
@font-face{
  font-family:"DBW Archivo";font-style:normal;font-weight:400;font-display:swap;
  src:url("/wp-content/uploads/dbw-fonts/archivo-latin-400.woff2") format("woff2");
}
@font-face{
  font-family:"DBW Archivo";font-style:normal;font-weight:600;font-display:swap;
  src:url("/wp-content/uploads/dbw-fonts/archivo-latin-600.woff2") format("woff2");
}

.dbw-cookie{
  --dbw-accent:var(--wp--preset--color--accent,#e65b72);
  --dbw-accent-fill:var(--wp--preset--color--accent-fill,#c8355a);
  --dbw-accent-deep:var(--wp--preset--color--accent-deep,#7f2562);
  --dbw-accent-soft:var(--wp--preset--color--accent-soft,#f09eab);
  --dbw-ink:var(--wp--preset--color--ink,#f2f2f2);
  --dbw-ink-muted:var(--wp--preset--color--ink-muted,#c4c4c4);
  --dbw-ink-faint:var(--wp--preset--color--ink-faint,#9a9a9a);
  --dbw-hairline:rgba(255,255,255,.10);
  --dbw-hairline-strong:rgba(255,255,255,.18);

  position:fixed;inset:auto 0 0 0;z-index:99999;
  display:none;
  padding:24px clamp(20px,9.6px + 2.6vw,48px) calc(24px + env(safe-area-inset-bottom));
  background:rgba(10,10,10,.96);
  border-top:2px solid var(--dbw-accent);
  -webkit-backdrop-filter:blur(14px);
          backdrop-filter:blur(14px);
  box-shadow:0 -12px 40px rgba(0,0,0,.6);
  font-family:"DBW Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--dbw-ink);
  line-height:1.6;
}
.dbw-cookie[data-open="true"]{
  display:block;
  animation:dbw-cookie-in 380ms cubic-bezier(.22,.61,.36,1) both;
}
@keyframes dbw-cookie-in{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}

.dbw-cookie__inner{
  display:grid;gap:24px;
  width:100%;max-width:1200px;margin-inline:auto;
}
.dbw-cookie h2{
  font-family:"DBW Fraunces",Georgia,"Times New Roman",serif;
  font-size:20px;font-weight:700;line-height:1.22;
  margin:0 0 8px;color:var(--dbw-ink);
}
.dbw-cookie p{
  margin:0;font-size:14px;color:var(--dbw-ink-muted);
}
.dbw-cookie a{color:var(--dbw-accent);text-underline-offset:.18em}
.dbw-cookie a:hover{color:var(--dbw-accent-soft)}

/* « Tout refuser » a exactement le même poids que « Tout accepter » :
   mêmes dimensions, même graisse, un seul clic dans les deux cas. */
.dbw-cookie__actions{display:grid;gap:8px}

.dbw-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;min-height:48px;padding:.85em 1.75em;
  border:1px solid transparent;border-radius:5px;
  font:inherit;font-size:15px;font-weight:600;line-height:1;
  cursor:pointer;text-align:center;
  transition:filter 220ms cubic-bezier(.22,.61,.36,1),
             background 220ms cubic-bezier(.22,.61,.36,1),
             border-color 220ms cubic-bezier(.22,.61,.36,1);
}
.dbw-btn--primary{
  background:linear-gradient(135deg,var(--dbw-accent-deep) 0%,var(--dbw-accent-fill) 100%);
  color:#fff;box-shadow:0 8px 28px rgba(200,53,90,.32);
}
.dbw-btn--primary:hover{filter:brightness(1.12)}
.dbw-btn--ghost{
  background:rgba(255,255,255,.045);
  border-color:var(--dbw-hairline-strong);
  color:var(--dbw-ink);
}
.dbw-btn--ghost:hover{background:rgba(255,255,255,.11);border-color:var(--dbw-accent)}

.dbw-cookie__more{margin-top:8px;text-align:center;font-size:13px}
.dbw-linklike{
  background:none;border:0;padding:0;
  color:var(--dbw-ink-muted);font:inherit;font-size:inherit;
  text-decoration:underline;text-underline-offset:.18em;cursor:pointer;
}
.dbw-linklike:hover{color:var(--dbw-accent-soft)}

.dbw-cookie__prefs{display:none;margin-top:16px}
.dbw-cookie[data-prefs="true"] .dbw-cookie__prefs{display:grid;gap:12px}
.dbw-pref{
  display:flex;gap:16px;align-items:flex-start;
  padding:12px 16px;
  background:rgba(255,255,255,.045);
  border:1px solid var(--dbw-hairline);
  border-radius:5px;
}
.dbw-pref input{
  flex-shrink:0;width:20px;height:20px;margin-top:2.4px;
  accent-color:var(--dbw-accent-fill);
}
.dbw-pref label{
  display:block;font-size:15px;font-weight:600;
  color:var(--dbw-ink);cursor:pointer;
}
.dbw-pref p{font-size:13px;margin-top:2.4px;color:var(--dbw-ink-faint)}
.dbw-pref input:disabled + div label{color:var(--dbw-ink-faint)}
.dbw-cookie__prefs-actions{display:grid;gap:8px}

.dbw-cookie :focus-visible{
  outline:2px solid var(--dbw-accent);
  outline-offset:2px;border-radius:3px;
}

@media (min-width:768px){
  .dbw-cookie__inner{grid-template-columns:1fr auto;align-items:center}
  .dbw-cookie__actions{grid-auto-flow:column;gap:12px}
  .dbw-btn{width:auto;min-width:176px}
  .dbw-cookie__more{grid-column:1 / -1;margin-top:0}
  .dbw-cookie__prefs{grid-column:1 / -1}
  .dbw-cookie__prefs-actions{grid-auto-flow:column;justify-content:start;gap:12px}
}

@media (prefers-reduced-motion:reduce){
  .dbw-cookie[data-open="true"]{animation-duration:1ms}
  .dbw-btn{transition-duration:1ms}
}


/* ═══ Lien de retrait en bas de page ══════════════════════════════════
   Discret mais toujours atteignable : le consentement doit pouvoir se
   retirer aussi simplement qu'il a été donné.                       */

.dbw-cookie-manage{
  margin:0;
  padding:14px 20px calc(20px + env(safe-area-inset-bottom));
  text-align:center;
  background:#000;
  border-top:1px solid rgba(255,255,255,.10);
  font-family:"DBW Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:13px;
  line-height:1.5;
}
.dbw-cookie-manage .dbw-linklike{
  background:none;
  border:0;
  padding:0;
  color:#9a9a9a;
  font:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.dbw-cookie-manage .dbw-linklike:hover{color:#f09eab}
.dbw-cookie-manage .dbw-linklike:focus-visible{
  outline:2px solid #e65b72;
  outline-offset:3px;
  border-radius:3px;
}