/* ===========================================================
   cookie-banner.css — KVKK / GDPR banner.
   =========================================================== */

.cookie-banner {
	position: fixed; bottom: 24px; left: 24px; right: 24px;
	z-index: var(--vc-z-cookie);
	background: var(--vc-bg-alt);
	border: 1px solid var(--vc-line);
	border-radius: var(--vc-radius-lg);
	padding: var(--vc-s-6);
	box-shadow: 0 24px 64px -16px rgba(0,0,0,.5);
	transform: translateY(120%);
	transition: transform var(--vc-dur-slow) var(--vc-ease-out);
	max-width: 880px; margin: 0 auto;
}
.cookie-banner.is-visible { transform: translateY(0); }
.cookie-banner[hidden] { display: none; }

.cookie-banner__inner {
	display: grid; gap: var(--vc-s-5);
	grid-template-columns: 1fr;
	align-items: center;
}
@media (min-width: 768px) {
	.cookie-banner__inner { grid-template-columns: 2fr auto; }
}
.cookie-banner__title { font-size: var(--vc-text-md); margin: 0 0 var(--vc-s-1); }
.cookie-banner__desc  { font-size: var(--vc-text-sm); color: var(--vc-fg-soft); margin: 0; }
.cookie-banner__link  { display: inline-block; margin-top: var(--vc-s-2); font-size: var(--vc-text-sm); color: var(--vc-accent); text-decoration: underline; }

.cookie-banner__actions { display: flex; flex-wrap: wrap; gap: var(--vc-s-2); justify-content: flex-end; }

.cookie-banner__detail { padding-top: var(--vc-s-5); margin-top: var(--vc-s-5); border-top: 1px solid var(--vc-line); }
.cookie-banner__detail[hidden] { display: none; }
.cookie-banner__categories { display: flex; flex-direction: column; gap: var(--vc-s-3); margin-bottom: var(--vc-s-5); }
.cookie-cat { display: flex; gap: var(--vc-s-3); align-items: flex-start; cursor: pointer; }
.cookie-cat input { margin-top: 6px; accent-color: var(--vc-accent); }
.cookie-cat strong { display: block; font-family: var(--vc-font-display); font-size: var(--vc-text-sm); color: var(--vc-fg); }
.cookie-cat span { color: var(--vc-fg-soft); font-size: var(--vc-text-sm); }