/* AXW-owned presentation for the live CookieYes banner and preference centre. */
:root {
	--axw-cookieyes-ink: #11100f;
	--axw-cookieyes-surface: #1c1a18;
	--axw-cookieyes-paper: #f0ede7;
	--axw-cookieyes-copy: #d4cfc6;
	--axw-cookieyes-muted: #a9a49d;
	--axw-cookieyes-champagne: #cdbb9c;
	--axw-cookieyes-rule: rgba(205, 187, 156, .42);
}

.cky-consent-container {
	box-sizing: border-box !important;
	width: min(440px, calc(100vw - 48px)) !important;
	max-width: calc(100vw - 48px) !important;
	font-family: var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
	color: var(--axw-cookieyes-paper) !important;
}

.cky-consent-container .cky-consent-bar {
	box-sizing: border-box !important;
	padding: 26px 26px 20px !important;
	border: 1px solid var(--axw-cookieyes-rule) !important;
	border-radius: 2px !important;
	background: var(--axw-cookieyes-surface) !important;
	color: var(--axw-cookieyes-paper) !important;
	box-shadow: none !important;
}

.cky-consent-container .cky-notice-content-wrapper,
.cky-consent-container .cky-notice,
.cky-consent-container .cky-notice-group {
	background: transparent !important;
	color: var(--axw-cookieyes-paper) !important;
}

.cky-consent-container .cky-title {
	margin: 0 0 12px !important;
	color: var(--axw-cookieyes-paper) !important;
	font: 400 26px/1.08 var(--axw-font-personality, Cochin, Georgia, serif) !important;
	letter-spacing: -.025em !important;
}

.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
	margin: 0 !important;
	color: var(--axw-cookieyes-copy) !important;
	font: 400 14px/1.6 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
}

.cky-consent-container .cky-notice-btn-wrapper,
#ckyPreferenceCenter .cky-prefrence-btn-wrapper {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin-top: 18px !important;
}

.cky-consent-container .cky-btn,
#ckyPreferenceCenter .cky-btn {
	box-sizing: border-box !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--axw-cookieyes-champagne) !important;
	border-radius: 1px !important;
	font: 600 12px/1.25 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
	letter-spacing: .09em !important;
	text-align: center !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

.cky-consent-container .cky-btn-customize {
	grid-column: 1 / -1 !important;
	background: transparent !important;
	color: var(--axw-cookieyes-paper) !important;
}

.cky-consent-container .cky-btn-reject {
	grid-column: 1 !important;
	background: transparent !important;
	color: var(--axw-cookieyes-paper) !important;
}

.cky-consent-container .cky-btn-accept,
#ckyPreferenceCenter .cky-btn-accept {
	grid-column: 2 !important;
	border-color: var(--axw-cookieyes-champagne) !important;
	background: var(--axw-cookieyes-champagne) !important;
	color: var(--axw-cookieyes-ink) !important;
}

#ckyPreferenceCenter .cky-btn-reject {
	grid-column: 1 !important;
	background: transparent !important;
	color: var(--axw-cookieyes-paper) !important;
}

#ckyPreferenceCenter .cky-btn-preferences {
	grid-column: 1 / -1 !important;
	background: transparent !important;
	color: var(--axw-cookieyes-paper) !important;
}

.cky-consent-container .cky-btn-customize:hover,
.cky-consent-container .cky-btn-reject:hover,
#ckyPreferenceCenter .cky-btn-reject:hover,
#ckyPreferenceCenter .cky-btn-preferences:hover {
	background: rgba(240, 237, 231, .08) !important;
}

.cky-consent-container .cky-btn-accept:hover,
#ckyPreferenceCenter .cky-btn-accept:hover {
	background: #ddcdb1 !important;
}

.cky-modal {
	width: min(820px, calc(100vw - 48px)) !important;
	max-width: calc(100vw - 48px) !important;
	font-family: var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
}

.cky-modal-open {
	background: rgba(0, 0, 0, .78) !important;
}

#ckyPreferenceCenter {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	max-height: min(84dvh, 820px) !important;
	border: 1px solid var(--axw-cookieyes-rule) !important;
	border-radius: 2px !important;
	background: var(--axw-cookieyes-surface) !important;
	color: var(--axw-cookieyes-paper) !important;
	box-shadow: none !important;
}

#ckyPreferenceCenter :is(.cky-preference-header, .cky-preference-body-wrapper, .cky-preference-content-wrapper, .cky-accordion-wrapper, .cky-footer-wrapper) {
	background: var(--axw-cookieyes-surface) !important;
	color: var(--axw-cookieyes-paper) !important;
}

#ckyPreferenceCenter .cky-preference-header {
	padding: 22px 26px !important;
	border-bottom: 1px solid var(--axw-cookieyes-rule) !important;
}

#ckyPreferenceCenter .cky-preference-title {
	color: var(--axw-cookieyes-paper) !important;
	font: 400 28px/1.1 var(--axw-font-personality, Cochin, Georgia, serif) !important;
	letter-spacing: -.025em !important;
}

#ckyPreferenceCenter .cky-preference-body-wrapper {
	color: var(--axw-cookieyes-copy) !important;
}

#ckyPreferenceCenter :is(.cky-preference-content-wrapper, .cky-preference-content-wrapper p, .cky-accordion-header-des, .cky-accordion-header-des p, .cky-audit-table, .cky-empty-cookies-text) {
	color: var(--axw-cookieyes-copy) !important;
	font: 400 14px/1.6 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
}

#ckyPreferenceCenter .cky-accordion {
	border-bottom: 1px solid rgba(205, 187, 156, .24) !important;
}

#ckyPreferenceCenter .cky-accordion-header {
	min-height: 48px !important;
}

#ckyPreferenceCenter .cky-accordion-btn {
	min-height: 44px !important;
	color: var(--axw-cookieyes-paper) !important;
	font: 600 14px/1.35 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
}

#ckyPreferenceCenter .cky-accordion-chevron {
	color: var(--axw-cookieyes-champagne) !important;
}

#ckyPreferenceCenter .cky-always-active {
	color: var(--axw-cookieyes-champagne) !important;
	font: 600 11px/1.3 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
	letter-spacing: .07em !important;
	text-transform: uppercase !important;
}

#ckyPreferenceCenter .cky-audit-table {
	border: 1px solid rgba(205, 187, 156, .24) !important;
	background: rgba(0, 0, 0, .18) !important;
}

#ckyPreferenceCenter .cky-footer-shadow {
	display: none !important;
}

#ckyPreferenceCenter a,
.cky-consent-container a {
	color: var(--axw-cookieyes-champagne) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

#ckyPreferenceCenter .cky-show-desc-btn {
	color: var(--axw-cookieyes-champagne) !important;
	font: 600 13px/1.4 var(--axw-font-functional, Arial, Helvetica, sans-serif) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

#ckyPreferenceCenter .cky-btn-close {
	min-width: 44px !important;
	min-height: 44px !important;
	border: 1px solid transparent !important;
	border-radius: 1px !important;
}

#ckyPreferenceCenter .cky-btn-close img {
	filter: invert(1) sepia(.12) saturate(.6) brightness(1.5) !important;
}

.cky-btn-revisit-wrapper {
	border: 1px solid var(--axw-cookieyes-rule) !important;
	border-radius: 2px !important;
	background: var(--axw-cookieyes-surface) !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit {
	min-width: 44px !important;
	min-height: 44px !important;
}

.cky-consent-container :is(button, a):focus-visible,
#ckyPreferenceCenter :is(button, a, input):focus-visible,
.cky-btn-revisit:focus-visible {
	outline: 2px solid var(--axw-cookieyes-champagne) !important;
	outline-offset: 3px !important;
}

@media (max-width: 767px) {
	.cky-consent-container {
		left: 12px !important;
		right: 12px !important;
		bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
		width: auto !important;
		max-width: none !important;
	}

	.cky-consent-container .cky-consent-bar {
		padding: 20px 18px 16px !important;
	}

	.cky-consent-container .cky-title {
		font-size: 23px !important;
	}

	.cky-consent-container .cky-notice-des,
	.cky-consent-container .cky-notice-des p {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}

	.cky-consent-container .cky-btn {
		min-height: 48px !important;
		padding: 12px 10px !important;
		font-size: 12px !important;
	}

	.cky-modal-open {
		align-items: flex-end !important;
		padding: 0 !important;
	}

	#ckyPreferenceCenter {
		width: 100% !important;
		max-width: 100% !important;
		max-height: calc(88dvh - env(safe-area-inset-top, 0px)) !important;
		margin: 0 !important;
		border-radius: 2px 2px 0 0 !important;
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
	}

	.cky-modal {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	#ckyPreferenceCenter .cky-preference-header {
		padding: 16px 18px !important;
	}

	#ckyPreferenceCenter .cky-preference-title {
		font-size: 24px !important;
	}

	#ckyPreferenceCenter .cky-btn {
		min-height: 48px !important;
		padding: 11px 9px !important;
		font-size: 12px !important;
		letter-spacing: .06em !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cky-consent-container *,
	#ckyPreferenceCenter *,
	.cky-btn-revisit-wrapper * {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}
