/* Bandeau de gestion des cookies — même direction visuelle que le widget de
   chat (verre dépoli, coins arrondis), pinné en bas de l'écran. z-index sous
   la bulle de chat (2000) pour ne jamais passer devant elle. */

.cb-cookie-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1900;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(35, 48, 72, 0.08);
  box-shadow: 0 -8px 32px rgba(35, 48, 72, 0.1);
  font-family: 'Poppins', sans-serif;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(.34,1,.64,1);
}
.cb-cookie-banner.cb-cookie-banner-show { transform: translateY(0); }
.cb-cookie-banner.cb-cookie-banner-hide { transform: translateY(100%); }

.cb-cookie-banner-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 100px 18px 24px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}

.cb-cookie-banner-inner p {
  flex: 1;
  min-width: 240px;
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--marine, #233048);
}
.cb-cookie-banner-inner p a { color: var(--turquoise-dark, #26BCA1); font-weight: 600; }

.cb-cookie-banner-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.cb-cookie-banner-actions button {
  font-family: inherit;
  font-weight: 700;
  font-size: 0.86rem;
  padding: 10px 20px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.cb-cookie-banner-accept {
  background: var(--turquoise, #50DDC4);
  color: var(--marine, #233048);
  box-shadow: 0 6px 16px rgba(80, 221, 196, 0.35);
}
.cb-cookie-banner-accept:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(80, 221, 196, 0.45); }
.cb-cookie-banner-decline {
  background: transparent;
  color: var(--slate, #5b6b82);
  border: 1.5px solid rgba(35, 48, 72, 0.15);
}
.cb-cookie-banner-decline:hover { border-color: rgba(35, 48, 72, 0.3); }

@media (max-width: 640px) {
  .cb-cookie-banner-inner {
    padding: 16px 20px;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  /* La bulle de chat flotte en bas à droite (60px + marge 24px) par-dessus
     ce bandeau (son z-index est plus élevé) — sans cette réserve, elle
     recouvre en partie le bouton "Tout accepter" (trouvé en testant sur
     mobile le 30/08/2026). */
  .cb-cookie-banner-actions { justify-content: center; padding-right: 90px; flex-wrap: wrap; }
  /* Libellés traduits plus longs (NL « Alles accepteren », DE…) : sans
     retour à la ligne, les deux boutons dépassaient l'écran et coupaient le
     texte du bandeau à droite (revue mobile du 24/09/2026). */
  .cb-cookie-banner-inner p { min-width: 0; }
  .cb-cookie-banner-actions button { white-space: normal; flex: 1 1 auto; }
}