/**
 * ============================================================================
 * [MODÜL: COOKIE CONSENT — Çerez Onay Bildirimi]
 * Youthside ATS — Profile UI
 * ============================================================================
 * Amaç: Çerez tercih pop-up'ının görünüm ve animasyonlarını yönetir.
 *
 * Mimar Notu (Ferhat Cengiz):
 *   Masaüstünde sağ alt köşede 384px genişlikte bir kart.
 *   Mobilde ise tam genişlikte, alt kenardan yukarı kayan bir panel.
 *   Animasyon: slide-up + fade-in → GPU-friendly transform kullanır.
 *
 * DRY Notu: İç düğmeler Tailwind class'larını kullanır, burada sadece
 *           container-level stiller tanımlıdır.
 * ============================================================================
 */

/* ── Cookie Consent Container ──────────────────────────────── */
.cookie-consent {
  position: fixed;
  z-index: var(--z-toast);
  transition:
    transform var(--transition-slow),
    opacity var(--transition-slow);
}

/* ── Masaüstü Pozisyon ─────────────────────────────────────── */
@media (min-width: 769px) {
  .cookie-consent {
    bottom: 1rem;
    right: 1rem;
    left: auto;
    width: 384px;
  }
}

/* ── Mobil: Tam Genişlik Alt Panel ──────────────────────────── */
@media (max-width: 768px) {
  .cookie-consent {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
  }
}

/* ── Gizli Durum (slide-down + fade) ───────────────────────── */
.cookie-consent.cookie-hidden {
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
}

/* ── Görünür Durum ─────────────────────────────────────────── */
.cookie-consent.cookie-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}