/* The cookie banner (resources/views/partials/_cookie_consent.blade.php).
   Its colours are the edition's, set inline from config/edition.php as
   --consent-ink, --consent-accent and --consent-line. */

.pse-consent {
	position: fixed; z-index: 2000;
	inset-inline-start: 24px; bottom: 24px;
	width: min(420px, calc(100vw - 48px)); max-height: calc(100vh - 48px); overflow: auto;
	box-sizing: border-box; padding: 20px 20px 18px;
	background: #fff; color: var(--consent-ink, #1d2b2c);
	border: 1px solid var(--consent-line, #d5e0e0); border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .08), 0 14px 34px -14px rgba(0, 0, 0, .35);
	font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
	text-align: start;
}
.pse-consent[dir="rtl"] { font-family: Almarai, Tahoma, sans-serif; }
.pse-consent[hidden] { display: none; }
.pse-consent h2 { margin: 0 0 6px; font-size: 17px; font-weight: 700; color: var(--consent-ink, #1d2b2c); letter-spacing: 0; line-height: 1.3; }
.pse-consent p { margin: 0 0 14px; color: #3f4b47; font-size: 15px; }
.pse-consent a { color: var(--consent-accent, #283b3c); text-decoration: underline; }
.pse-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.pse-consent button {
	flex: 1 1 0; min-height: 44px; padding: 10px 16px;
	border: 1px solid var(--consent-ink, #283b3c); border-radius: 8px;
	background: var(--consent-ink, #283b3c); color: #fff;
	font: inherit; font-weight: 600; line-height: 1.2; cursor: pointer;
}
.pse-consent button:hover { filter: brightness(1.15); }
.pse-consent button:focus-visible, .pse-consent a:focus-visible { outline: 3px solid var(--consent-accent, #283b3c); outline-offset: 2px; }

/* The footers' "Cookie settings" opener reads as the policy links beside it. */
button[data-consent-open] {
	padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: inherit; cursor: pointer;
}

@media (max-width: 575px) {
	.pse-consent { inset-inline: 12px; bottom: 12px; width: auto; padding: 16px; }
}