/* ==========================================================================
   BKA 2026 v5 · 8/8 VENDOR – third-party UI dressed in the brand.
   CookieYes: a compact card in the bottom-right corner (never over the home
   title or a page lead – design audit P0); the floating revisit bubble is
   replaced by the footer „Süti-beállítások” button (forked site.js).
   Specificity is raised with `body` instead of !important.
   ========================================================================== */

body .cky-consent-container.cky-box-bottom-left,
body .cky-consent-container.cky-box-bottom-right,
body .cky-consent-container.cky-box-top-left,
body .cky-consent-container.cky-box-top-right {
	top: auto;
	right: auto;
	bottom: 1rem;
	left: 50%;
	width: min(74rem, calc(100vw - 2.5rem));
	max-width: none;
	transform: translateX(-50%);
}
body .cky-consent-container .cky-consent-bar {
	padding: 1.25rem 1.35rem 1.3rem;
	border: 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 30px 70px -28px rgba(17, 12, 16, .55), 0 0 0 1px var(--v5-line);
	font-family: var(--v5-font-text);
}
body .cky-consent-container .cky-title {
	margin: 0 0 .45rem;
	padding: 0;
	color: var(--v5-red);
	font-family: var(--v5-font-display);
	font-size: 1.25rem;
	font-weight: var(--v5-w-display);
	line-height: 1.2;
}
body .cky-consent-container .cky-notice-des,
body .cky-consent-container .cky-notice-des * {
	padding: 0;
	color: var(--v5-ink-soft);
	font-size: .8125rem;
	line-height: 1.5;
}
body .cky-consent-container .cky-notice-des { max-height: 30vh; overflow-y: auto; }
body .cky-consent-container .cky-notice-group { display: flex; align-items: center; gap: 1.25rem 2rem; }
body .cky-consent-container .cky-notice-des { flex: 1 1 auto; }
body .cky-consent-container .cky-notice-btn-wrapper {
	display: flex;
	flex: none;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: .45rem;
	margin: 0;
	padding: 0;
}
body .cky-consent-container .cky-btn,
body .cky-modal .cky-btn {
	flex: 1 1 auto;
	width: auto;
	margin: 0;
	padding: .55rem .9rem;
	border: 2px solid rgba(var(--v5-red-rgb), .35);
	border-radius: var(--v5-radius-pill);
	background: #fff;
	color: var(--v5-red);
	font-family: var(--v5-font-text);
	font-size: .8125rem;
	font-weight: var(--v5-w-bold);
	line-height: 1.3;
}
body .cky-consent-container .cky-btn-accept,
body .cky-modal .cky-btn-accept { border-color: var(--v5-red); background: var(--v5-red); color: #fff; }
body .cky-consent-container .cky-btn:hover,
body .cky-modal .cky-btn:hover { opacity: 1; border-color: var(--v5-red); }
body .cky-btn:focus-visible { outline: none; box-shadow: var(--v5-focus); }
body .cky-btn-revisit-wrapper { display: none; }

/* The home page payment iframe never shows its own consent UI. */
body.bka-v4-inline-checkout :is(.cky-consent-container, .cky-modal, .cky-overlay, .cky-btn-revisit-wrapper) { display: none; }

@media (max-width: 56rem) {
	body .cky-consent-container .cky-notice-group { display: block; }
	body .cky-consent-container .cky-notice-btn-wrapper { flex-wrap: wrap; margin-top: .85rem; }
	body .cky-consent-container .cky-btn-accept { order: -1; flex-basis: 100%; }
}

@media (max-width: 40rem) {
	body .cky-consent-container.cky-box-bottom-left,
	body .cky-consent-container.cky-box-bottom-right,
	body .cky-consent-container.cky-box-top-left,
	body .cky-consent-container.cky-box-top-right { right: .75rem; bottom: .75rem; left: .75rem; width: auto; transform: none; }
	body .cky-consent-container .cky-consent-bar { padding: 1rem 1.1rem; }
	body .cky-consent-container .cky-notice-des { max-height: 18vh; }
}

/* WordPress block content inside v5 prose */
.v5-prose .wp-block-image,
.v5-prose .wp-block-embed { margin-block: 2rem; }
.v5-prose .wp-block-image img { border-radius: var(--v5-radius-sm); }
.v5-prose .wp-block-embed__wrapper iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.v5-prose .wp-block-button__link { border-radius: var(--v5-radius-pill); background: var(--v5-red); color: #fff; font-weight: var(--v5-w-bold); text-decoration: none; }
.v5-prose .aligncenter { margin-inline: auto; }
