/* ═══════════════════════════════════════════════════════════════
   COOKIE.CSS — Banniere de consentement cookies
   ═══════════════════════════════════════════════════════════════ */

.cookie-banner {
  position: fixed; bottom: 1.5rem; left: 50%;
  transform: translateX(-50%) translateY(calc(100% + 2rem));
  z-index: 9999; width: calc(100% - 2rem); max-width: 680px;
  background: #fff; border: 1px solid rgba(0,0,0,0.08);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
  padding: 1.25rem 1.5rem;
  display: flex; align-items: center; gap: 1.25rem;
  transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;
  opacity: 0;
}
.cookie-banner.visible { transform: translateX(-50%) translateY(0); opacity: 1; }
.cookie-banner.hiding {
  transform: translateX(-50%) translateY(calc(100% + 2rem));
  opacity: 0; transition: transform 0.3s ease, opacity 0.25s ease;
}
.cookie-banner__icon {
  flex-shrink: 0; width: 2.5rem; height: 2.5rem;
  background: #F0F7FF; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
}
.cookie-banner__text { flex: 1; min-width: 0; }
.cookie-banner__title {
  font-family: var(--font-display); font-size: 0.875rem;
  font-weight: 700; color: #202125; margin-bottom: 0.2rem;
}
.cookie-banner__desc { font-size: 0.8rem; color: #6B7280; line-height: 1.45; }
.cookie-banner__desc a { color: #006DE5; text-decoration: underline; text-underline-offset: 2px; }
.cookie-banner__actions { display: flex; gap: 0.5rem; flex-shrink: 0; }

.cookie-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.5rem 1rem; border-radius: 8px;
  font-size: 0.8125rem; font-weight: 600;
  cursor: pointer; border: none; white-space: nowrap;
  transition: background 0.15s, transform 0.1s;
}
.cookie-btn:active { transform: scale(0.97); }
.cookie-btn--accept { background: #006DE5; color: #fff; }
.cookie-btn--accept:hover { background: #0060cc; }
.cookie-btn--decline { background: #F4F7F9; color: #6B7280; }
.cookie-btn--decline:hover { background: #E8EDF2; color: #374151; }

@media (max-width: 600px) {
  .cookie-banner { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.25rem; }
  .cookie-banner__actions { width: 100%; }
  .cookie-btn { flex: 1; }
}