/*
 * CookieYes theming — consent banner, preference modal and cookie policy tables.
 *
 * CookieYes injects its own <style> at runtime, after the enqueued stylesheets, so the
 * overrides below need !important to win. Plain CSS on purpose: this file sits outside
 * the SCSS build so it deploys as-is, like assets/js/shopifybuy/shopify-buycode.js.
 *
 * Palette taken from the theme: accent #5fa4d7, body copy #555,
 * warm off-white #FCF7F4, light neutral #eff0ec.
 */

/* ---------- Consent banner ---------- */

.cky-consent-bar {
	border-radius: 0 !important;
	color: #555 !important;
}

.cky-title,
.cky-notice-des,
.cky-notice-des p {
	color: #555 !important;
}

.cky-notice-des a,
.cky-preference-content-wrapper a {
	color: #5fa4d7 !important;
}

/* Primary action mirrors the site's signup submit: filled accent, square, uppercase. */
.cky-btn-accept {
	background-color: #5fa4d7 !important;
	border: 1px solid #5fa4d7 !important;
	color: #fff !important;
}

/* Secondary actions use the outline variant of the same button. */
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
	background-color: transparent !important;
	border: 1px solid #5fa4d7 !important;
	color: #5fa4d7 !important;
}

.cky-btn {
	border-radius: 0 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

/* Floating "revisit consent" badge. */
.cky-btn-revisit-wrapper {
	background-color: #5fa4d7 !important;
}

/* ---------- Preference centre ---------- */

.cky-preference-center {
	border-radius: 0 !important;
}

.cky-preference-title,
.cky-preference-content-wrapper,
.cky-accordion-header-des,
.cky-accordion-btn {
	color: #555 !important;
}

.cky-show-desc-btn {
	color: #5fa4d7 !important;
}

.cky-switch input:checked {
	background-color: #5fa4d7 !important;
}

/* ---------- Cookie policy tables ---------- */

.cky-cookie-audit-table th {
	background-color: #eff0ec !important;
	border: 1px solid #e3e4e0 !important;
	color: #555 !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.cky-cookie-audit-table td {
	border: 1px solid #e9e9e5 !important;
	color: #555 !important;
}

.cky-cookie-audit-table tr:nth-child(2n + 1) td {
	background: #FCF7F4 !important;
}

.cky-cookie-audit-table tr:nth-child(2n) td {
	background: #fff !important;
}

/* The policy body is centred by .bodycopy__contents; tables read better left-aligned. */
.cky-audit-table-element,
.cky-audit-table-element .cky-category-des {
	text-align: left;
}

/* ---------- Mobile ---------- */

/* accessiBe's trigger is fixed bottom right and overlapped the last consent button
   by 23x27px on a 390px viewport, stealing taps from "Reject All". Lift the banner's
   buttons clear of it. 799px matches the theme's own breakpoint. */
@media (max-width: 799px) {
	.cky-consent-bar {
		padding-bottom: 64px !important;
	}
}