/* ============================================================================
   QUIZ'EM ALL — Bandeau de consentement cookies (RGPD + Consent Mode v2) — v1.0.7
   Styles du bandeau, des deux boutons (mêmes dimensions et même style) et des
   liens de gestion. Overlay fixe : aucun impact sur la mise en page du jeu.
   ========================================================================== */

/* --- Emplacements publicitaires masqués tant que le consentement n'a pas été
       donné : aucun encart vide / blanc n'est affiché à l'utilisateur. --- */
html[data-qe-consent="pending"] ins.adsbygoogle,
html[data-qe-consent="denied"] ins.adsbygoogle,
html[data-qe-consent="pending"] ad-banner,
html[data-qe-consent="denied"] ad-banner { display: none !important; }

/* ------------------------------------------------------------------ Bandeau */
.qe-cookie-banner {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483000;
  padding: 0 12px calc(12px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  font-family: 'Roboto', Arial, sans-serif;
  pointer-events: none;
}
.qe-cookie-banner.is-visible { display: block; }

.qe-cookie-inner {
  pointer-events: auto;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 18px;
  padding: 14px 16px;
  background: #141419;
  border: 1px solid #2a2a30;
  border-left: 3px solid #ffcc00;
  border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .65);
  animation: qeCookieIn .3s ease both;
}
@keyframes qeCookieIn {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}

.qe-cookie-text { flex: 1 1 360px; min-width: 230px; }
.qe-cookie-title {
  margin: 0 0 5px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: .4px;
  color: #ffcc00;
}
.qe-cookie-desc { margin: 0; font-size: .84rem; line-height: 1.55; color: #b9b9c2; }
.qe-cookie-desc strong { color: #dcdce2; }
.qe-cookie-desc a { color: #ffcc00; text-decoration: underline; text-underline-offset: 2px; }

/* ---------------- Deux boutons de même taille et de même style (équivalents) */
.qe-cookie-actions { flex: 0 0 auto; display: flex; gap: 10px; align-items: stretch; }
.qe-cookie-btn {
  flex: 1 1 0;
  min-width: 152px;
  min-height: 44px;
  padding: 11px 18px;
  border: 1px solid #a08456;
  border-radius: 11px;
  background: linear-gradient(180deg, #26262e, #1a1a20);
  color: #f2d9a6;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  font-size: .96rem;
  letter-spacing: .4px;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color .18s ease, color .18s ease, background .18s ease, transform .14s ease;
}
.qe-cookie-btn:hover { background: linear-gradient(180deg, #33333d, #22222a); border-color: #ffcc00; color: #ffe9b0; }
.qe-cookie-btn:active { transform: scale(.97); }
.qe-cookie-btn:focus-visible { outline: 2px solid #ffcc00; outline-offset: 2px; }

/* ------------------------------------------ Lien « Gérer les cookies » ------ */
.qe-manage-cookies {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.qe-manage-cookies:hover,
.qe-manage-cookies:focus-visible { color: #ffcc00; }

/* -------------- Footer des pages légales (privacy.html / cgu.html) ---------- */
.legal-wrap .site-footer {
  margin: 20px auto 0;
  padding-top: 14px;
  text-align: center;
  font-size: .78rem;
  line-height: 1.5;
  color: #888;
  border-top: 1px solid rgba(255, 255, 255, .06);
}
.legal-wrap .site-footer p { margin: 0; color: #888; font-size: .78rem; }
.legal-wrap .site-footer a { color: #a8a8b0; text-decoration: none; border-bottom: 1px dotted rgba(168, 168, 176, .5); }
.legal-wrap .site-footer a:hover { color: #ffcc00; }

@media (max-width: 640px) {
  .qe-cookie-inner { padding: 12px 13px; gap: 10px; }
  .qe-cookie-text { flex: 1 1 100%; }
  .qe-cookie-actions { flex: 1 1 100%; width: 100%; gap: 8px; }
  .qe-cookie-btn { min-width: 0; padding: 12px 10px; font-size: .9rem; }
  .qe-cookie-title { font-size: 1rem; }
  .qe-cookie-desc { font-size: .8rem; }
}