/* DomainQ — Çerez Rıza Kutusu (KVKK / KVKK Çerez Rehberi uyumlu)
   Renkler ve düzen büyük ölçüde Tailwind sınıflarıyla (bg-primary vb.) yönetilir;
   bu dosya yalnızca giriş/çıkış geçişleri, katmanlama ve erişilebilirlik içindir. */

#cc-banner,
#cc-modal { will-change: opacity, transform; }

/* --- Banner: alttan yumuşak kayma + solma --- */
#cc-banner {
    transition: transform .55s cubic-bezier(.16, 1, .3, 1),
                opacity .45s ease,
                visibility .45s ease;
}
#cc-banner.cc-hidden {
    transform: translateY(calc(100% + 2.5rem));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
#cc-banner.cc-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* --- Tercih merkezi modalı: solma + panel yükselme --- */
#cc-modal { transition: opacity .3s ease, visibility .3s ease; }
#cc-modal.cc-hidden  { opacity: 0; visibility: hidden; pointer-events: none; }
#cc-modal.cc-visible { opacity: 1; visibility: visible; pointer-events: auto; }

#cc-modal .cc-modal-panel {
    transition: transform .4s cubic-bezier(.16, 1, .3, 1), opacity .35s ease;
}
#cc-modal.cc-hidden  .cc-modal-panel { transform: translateY(1.75rem) scale(.98); opacity: 0; }
#cc-modal.cc-visible .cc-modal-panel { transform: translateY(0) scale(1); opacity: 1; }

/* Kaydırılabilir kategori alanı */
.cc-modal-body { max-height: 52vh; }

/* Kategori kartı hover vurgusu */
.cc-cat { transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
.cc-cat:hover { border-color: rgba(0,0,0,.12); background-color: #fafafa; }

/* Hareket duyarlılığı (erişilebilirlik) */
@media (prefers-reduced-motion: reduce) {
    #cc-banner,
    #cc-modal,
    #cc-modal .cc-modal-panel { transition: none !important; }
}