/**
 * Baner zgody na cookies + kontrolka „Ustawienia cookies" (inc/cookie-consent.php).
 * Styl osobny od style.css (plik chroniony, §18 CLAUDE.md), sitewide — ładowany na
 * każdej podstronie frontendu. Wyłącznie var(--gd-*, fallback) już zdefiniowane
 * w style.css + color-mix(), zgodnie z konwencją legal.css/commissions.css/
 * account.css — żadnych nowych custom properties.
 *
 * Zgodność z DESIGN.md: baner i kontrolka „Ustawienia cookies" to floating/sticky
 * panele, więc — w przeciwieństwie do zwykłych kart — wolno im mieć cień (Elevation
 * & Depth, „Flat Wall, Lit Canvas Rule"); użyty tu cień to udokumentowany wariant
 * „Card" (`0 4px 20px rgba(0,0,0,0.4)`), nie nowa, arbitralna wartość. Przyciski
 * trzymają się reguły „Pill-or-Photograph" (999px) i systemu Buttons (Primary =
 * Action Magenta → Deep Violet na hover; Ghost = hairline cream border → wypełnienie
 * cream na hover), oba w typografii Label (0.75rem/500/0.18em uppercase). Kontrolka
 * „Ustawienia cookies" jest stylistycznie bliżej Navigation (muted-lilac w spoczynku,
 * cream na hover, 0.16em) niż CTA, bo to trwały, dyskretny element chrome, nie akcja.
 */

.gd-cookie-banner[hidden],
.gd-cookie-settings-trigger[hidden] {
	display: none;
}

.gd-cookie-banner {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 100010;
	display: flex;
	justify-content: center;
	padding: 1rem max(1rem, var(--gd-safe-left, 0px)) calc(1rem + var(--gd-safe-bottom, 0px));
	pointer-events: none;
}

.gd-cookie-banner__panel {
	pointer-events: auto;
	width: 100%;
	max-width: 720px;
	background: var(--gd-surface, #241F3B);
	border: var(--gd-border-subtle, 1px solid rgba(244, 239, 230, 0.09));
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
	padding: 1.5rem 1.75rem;
}

.gd-cookie-banner__title {
	margin: 0 0 0.4rem !important;
	font-family: var(--gd-font-body);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--gd-cream, #F4EFE6);
}

.gd-cookie-banner__desc {
	margin: 0 0 1rem !important;
	font-size: 0.92rem;
	line-height: 1.6;
	color: var(--gd-muted, #C9C2D6);
}

.gd-cookie-banner__desc a {
	color: var(--gd-cream, #F4EFE6);
	text-underline-offset: 0.2em;
}

.gd-cookie-banner__categories {
	list-style: none;
	margin: 0 0 1.25rem !important;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
}

.gd-cookie-banner__category label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: var(--gd-cream, #F4EFE6);
	cursor: pointer;
}

.gd-cookie-banner__category input[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

.gd-cookie-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: flex-end;
}

/* Przyciski: reguła Pill-or-Photograph (999px) + typografia Label (DESIGN.md
   „Components > Buttons"). */
.gd-cookie-banner__actions button {
	appearance: none;
	border-radius: 999px;
	padding: 0.95rem 2rem;
	font-family: var(--gd-font-body);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.3s var(--gd-ease, ease), border-color 0.3s var(--gd-ease, ease), color 0.3s var(--gd-ease, ease), transform 0.3s var(--gd-ease-out, ease), box-shadow 0.3s var(--gd-ease, ease);
}

/* Ghost / Outline — Odrzuć i Zapisz wybór (dwie równorzędne, drugorzędne akcje). */
.gd-cookie-banner__reject,
.gd-cookie-banner__save {
	background: transparent;
	border: 1px solid var(--gd-line-strong, rgba(244, 239, 230, 0.18));
	color: var(--gd-cream, #F4EFE6);
}

.gd-cookie-banner__reject:hover,
.gd-cookie-banner__save:hover {
	background: var(--gd-cream, #F4EFE6);
	border-color: var(--gd-cream, #F4EFE6);
	color: var(--gd-void, #0E0C1D);
}

/* Primary — Akceptuj wszystkie. */
.gd-cookie-banner__accept {
	background: var(--gd-magenta, #C0468A);
	border: 1px solid var(--gd-magenta, #C0468A);
	color: var(--gd-cream, #F4EFE6);
}

.gd-cookie-banner__accept:hover {
	background: var(--gd-violet, #7E4FB0);
	border-color: var(--gd-violet, #7E4FB0);
	transform: translateY(-2px);
	box-shadow: 0 12px 32px -8px rgba(192, 70, 138, 0.55);
}

/* Kontrolka „Ustawienia cookies" — trwały, dyskretny element chrome (rejestr
   Navigation, nie Buttons): muted-lilac w spoczynku, cream na hover. */
.gd-cookie-settings-trigger {
	position: fixed;
	left: max(1rem, var(--gd-safe-left, 0px));
	bottom: calc(1rem + var(--gd-safe-bottom, 0px));
	z-index: 100005;
	appearance: none;
	border-radius: 999px;
	padding: 0.5rem 0.9rem;
	font-family: var(--gd-font-body);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	background: color-mix(in srgb, var(--gd-void, #0E0C1D) 78%, transparent);
	border: 1px solid var(--gd-line, rgba(244, 239, 230, 0.09));
	color: var(--gd-muted, #C9C2D6);
	cursor: pointer;
	backdrop-filter: blur(6px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
	opacity: 0.6;
	transition: opacity 0.3s var(--gd-ease, ease), color 0.3s var(--gd-ease, ease), border-color 0.3s var(--gd-ease, ease);
}

.gd-cookie-settings-trigger:hover,
.gd-cookie-settings-trigger:focus-visible {
	opacity: 1;
	color: var(--gd-cream, #F4EFE6);
	border-color: var(--gd-line-strong, rgba(244, 239, 230, 0.18));
}

@media (max-width: 600px) {
	.gd-cookie-banner__actions {
		flex-direction: column;
	}
	.gd-cookie-banner__actions button {
		width: 100%;
	}
}