/**
 * Equippedly CookieYes CMP presentation — compact centered modal.
 * Brand: Charcoal #141414 · Volt #CBFF4D · Off-white #F7F7F3 · Barlow Condensed / Inter.
 * Does not replace CookieYes consent logic — presentation only.
 */

.eq-consent-footer-tools {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.eq-consent-revisit,
button.eq-consent-revisit {
	appearance: none;
	border: 1px solid #141414;
	background: #fff;
	color: #141414;
	font-family: Inter, system-ui, sans-serif;
	font-size: 13px;
	line-height: 1.3;
	padding: 8px 14px;
	cursor: pointer;
	border-radius: 0;
}

.eq-consent-revisit:hover,
.eq-consent-revisit:focus-visible {
	background: #141414;
	color: #cbff4d;
	outline: 2px solid #cbff4d;
	outline-offset: 2px;
}

.eq-consent-policy-link {
	font-family: Inter, system-ui, sans-serif;
	font-size: 13px;
	color: #141414;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ——— Overlay ——— */
.cky-overlay {
	background: rgba(20, 20, 20, 0.58) !important;
	backdrop-filter: blur(2px);
}

/* ——— Centered notice modal ——— */
.cky-consent-container.cky-box-bottom-left,
.cky-consent-container.cky-box-bottom-right,
.cky-consent-container.cky-box-top-left,
.cky-consent-container.cky-box-top-right,
.cky-consent-container.cky-modal-center,
.cky-consent-container.cky-box-wrapper,
.cky-modal.cky-box-wrapper,
.cky-consent-bar.cky-box-wrapper,
[data-cky-tag="notice"].cky-consent-bar,
.cky-consent-container .cky-consent-bar {
	font-family: Inter, system-ui, sans-serif !important;
	color: #141414 !important;
	background: #f7f7f3 !important;
	border: 1px solid #141414 !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 64px rgba(20, 20, 20, 0.28) !important;
	max-width: 620px !important;
	width: min(620px, calc(100vw - 32px)) !important;
	padding: 28px 28px 24px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* Force visual centering (CookieYes adds .cky-box-center at runtime) */
.cky-consent-container.cky-box-center,
.cky-consent-container.cky-box-bottom-left,
.cky-consent-container.cky-box-bottom-right,
.cky-consent-container.cky-box-top-left,
.cky-consent-container.cky-box-top-right,
.cky-consent-container.cky-modal-center,
.cky-consent-container.cky-popup-center {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	z-index: 999999 !important;
	max-height: min(90vh, 720px) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

/* Floating revisit control — brand charcoal */
.cky-btn-revisit-wrapper {
	background-color: #141414 !important;
	border-radius: 0 !important;
}

a.cky-policy,
a.eq-cky-policy,
.cky-notice-des a {
	color: #141414 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
	font-weight: 500 !important;
}

.cky-title,
.cky-consent-container .cky-title,
[data-cky-tag="title"] {
	font-family: "Barlow Condensed", Inter, sans-serif !important;
	font-weight: 700 !important;
	font-size: clamp(32px, 4.5vw, 44px) !important;
	line-height: 1.05 !important;
	letter-spacing: 0.01em !important;
	text-transform: uppercase !important;
	color: #141414 !important;
	margin: 0 0 8px !important;
}

/* Subtitle injected as first strong paragraph in description */
.cky-notice-descrip > p:first-child,
.cky-notice-descrip .eq-cky-sub,
[data-cky-tag="detail"] > p:first-child {
	font-family: "Barlow Condensed", Inter, sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #141414 !important;
	margin: 0 0 12px !important;
}

.cky-notice-descrip,
.cky-consent-container .cky-notice-descrip,
[data-cky-tag="detail"] {
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #141414 !important;
	margin: 0 0 16px !important;
}

.cky-notice-descrip p {
	margin: 0 0 10px !important;
}

.cky-notice-descrip p:last-child {
	margin-bottom: 0 !important;
}

/* Category preview list on first screen */
.cky-preference-body-wrapper,
.cky-category-preview,
.cky-audit-table,
.cky-accordion {
	font-family: Inter, system-ui, sans-serif !important;
	color: #141414 !important;
}

.cky-accordion .cky-accordion-item,
.cky-category,
[data-cky-tag="detail-category"] {
	border-color: rgba(20, 20, 20, 0.18) !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.cky-accordion-header,
.cky-category-title,
[data-cky-tag="detail-title"] {
	font-family: Inter, system-ui, sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #141414 !important;
}

.cky-always-active,
.cky-always-active * {
	color: #141414 !important;
	font-size: 12px !important;
}

/* Buttons row */
.cky-notice-btn-wrapper,
.cky-preference-btn-wrapper,
.cky-btn-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-top: 18px !important;
	align-items: stretch !important;
}

.cky-btn,
.cky-btn-accept,
.cky-btn-reject,
.cky-btn-preferences,
.cky-btn-customize,
button.cky-btn {
	font-family: Inter, system-ui, sans-serif !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	border-radius: 0 !important;
	min-height: 44px !important;
	padding: 10px 18px !important;
	border: 1.5px solid #141414 !important;
	flex: 1 1 auto !important;
	text-align: center !important;
	cursor: pointer !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	text-transform: none !important;
}

/* Accept all — Volt */
.cky-btn-accept,
.cky-btn[data-cky-tag="accept-button"],
button[data-cky-tag="accept-button"] {
	background: #cbff4d !important;
	color: #141414 !important;
	border-color: #141414 !important;
}

/* Reject all — outlined, equal prominence */
.cky-btn-reject,
.cky-btn[data-cky-tag="reject-button"],
button[data-cky-tag="reject-button"] {
	background: #ffffff !important;
	color: #141414 !important;
	border-color: #141414 !important;
}

/* Save choices — charcoal */
.cky-btn-preferences,
.cky-btn-customize,
.cky-btn[data-cky-tag="settings-button"],
.cky-btn[data-cky-tag="detail-save"],
button[data-cky-tag="settings-button"],
button[data-cky-tag="detail-save"] {
	background: #141414 !important;
	color: #f7f7f3 !important;
	border-color: #141414 !important;
}

.cky-btn:hover,
.cky-btn:focus-visible {
	filter: brightness(0.97);
}

.cky-btn:focus-visible {
	outline: 2px solid #cbff4d !important;
	outline-offset: 2px !important;
}

/* Policy link (read more) */
.cky-btn-revisit-custom,
.cky-policy,
a.cky-policy,
.cky-banner-btn-readmore,
[data-cky-tag="readmore-button"],
a[data-cky-tag="readmore-button"] {
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #141414 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #141414 !important;
	border-radius: 0 !important;
	padding: 0 0 2px !important;
	min-height: auto !important;
	text-decoration: none !important;
	box-shadow: none !important;
	flex: 0 0 auto !important;
	width: auto !important;
	margin-top: 4px !important;
}

/* Toggle switch — Volt when on */
.cky-switch input:checked + .cky-slider,
.cky-switch .cky-slider.cky-checked,
.cky-switch input:checked + span {
	background-color: #cbff4d !important;
	border-color: #141414 !important;
}

.cky-switch .cky-slider,
.cky-switch span {
	border-radius: 999px !important;
	border: 1px solid #141414 !important;
}

/* Preference center modal */
.cky-modal,
.cky-preference-center,
[data-cky-tag="detail"] {
	font-family: Inter, system-ui, sans-serif !important;
}

.cky-modal .cky-modal-header,
.cky-preference-center,
.cky-modal-dialog {
	background: #f7f7f3 !important;
	border-radius: 18px !important;
	border: 1px solid #141414 !important;
	color: #141414 !important;
}

.cky-modal .cky-modal-title,
.cky-preference-title {
	font-family: "Barlow Condensed", Inter, sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	color: #141414 !important;
}

/* Hide CookieYes powered-by if present (brand cleanliness) */
.cky-credit-wrapper,
.cky-footer-shadow {
	opacity: 0.55;
	font-size: 11px !important;
}

/* Mobile */
@media (max-width: 640px) {
	.cky-consent-container.cky-box-bottom-left,
	.cky-consent-container.cky-box-bottom-right,
	.cky-consent-container.cky-box-top-left,
	.cky-consent-container.cky-box-top-right,
	.cky-consent-container.cky-modal-center,
	.cky-consent-container .cky-consent-bar {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		max-height: calc(100vh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
		padding: 22px 18px 18px !important;
		padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
		border-radius: 16px !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	.cky-title,
	.cky-consent-container .cky-title,
	[data-cky-tag="title"] {
		font-size: 30px !important;
	}

	.cky-notice-btn-wrapper,
	.cky-preference-btn-wrapper,
	.cky-btn-wrapper {
		flex-direction: column !important;
	}

	.cky-btn,
	button.cky-btn {
		width: 100% !important;
		flex: 1 1 100% !important;
	}
}