/*
 * Scale Impact – sütibanner arculata.
 *
 * Csak a CookieConsent saját CSS-változóit állítja (vendor/cookieconsent.css),
 * az oldal --si-* tokenjeiből (navy, sárga, Rubik). A „Mindet elfogadom” és a
 * „Csak a szükségesek” gomb szándékosan egyforma: az elutasítás nem lehet
 * nehezebb (NAIH, EDPB).
 */
#cc-main {
	--cc-font-family: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--cc-modal-border-radius: var(--si-r-card, 12px);
	--cc-btn-border-radius: 999px;
	--cc-z-index: 2147483000;

	--cc-bg: #fff;
	--cc-primary-color: var(--si-navy, #072439);
	--cc-secondary-color: var(--si-text, #444);
	--cc-link-color: var(--si-navy, #072439);
	--cc-separator-border-color: var(--si-border, #e2e2e2);

	--cc-btn-primary-bg: var(--si-yellow, #ffb700);
	--cc-btn-primary-color: var(--si-navy, #072439);
	--cc-btn-primary-border-color: var(--si-yellow, #ffb700);
	--cc-btn-primary-hover-bg: #ffc933;
	--cc-btn-primary-hover-color: var(--si-navy, #072439);
	--cc-btn-primary-hover-border-color: #ffc933;

	--cc-btn-secondary-bg: #fff;
	--cc-btn-secondary-color: var(--si-navy, #072439);
	--cc-btn-secondary-border-color: var(--si-navy, #072439);
	--cc-btn-secondary-hover-bg: #f4f5f5;
	--cc-btn-secondary-hover-color: var(--si-navy, #072439);
	--cc-btn-secondary-hover-border-color: var(--si-navy, #072439);

	--cc-toggle-on-bg: var(--si-navy, #072439);
	--cc-toggle-off-bg: #c9ced2;
	--cc-toggle-readonly-bg: #c9ced2;

	--cc-cookie-category-block-bg: #f4f5f5;
	--cc-cookie-category-block-border: var(--si-border, #e2e2e2);
	--cc-cookie-category-block-hover-bg: #eceeef;
	--cc-cookie-category-block-hover-border: var(--si-border, #e2e2e2);
	--cc-cookie-category-expanded-block-bg: #fff;
	--cc-cookie-category-expanded-block-hover-bg: #f4f5f5;

	--cc-footer-bg: #f4f5f5;
	--cc-footer-color: var(--si-text, #444);
	--cc-footer-border-color: var(--si-border, #e2e2e2);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: 500;
}

#cc-main .cm,
#cc-main .pm {
	box-shadow: 0 8px 32px rgba(7, 36, 57, 0.18);
	border: 1px solid var(--si-border, #e2e2e2);
}

/* Süti-tájékoztató oldal: a [si_suti_lista] táblázata. */
.si-suti-lista__tabla {
	overflow-x: auto;
	margin-bottom: 2rem;
}

.si-suti-lista table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.si-suti-lista th,
.si-suti-lista td {
	text-align: left;
	vertical-align: top;
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--si-border, #e2e2e2);
}

.si-suti-lista code {
	font-size: 0.875em;
	word-break: break-word;
}

/* Beágyazott tartalom helyőrzője (inc/embeds.php). */
.si-embed {
	position: relative;
	width: 100%;
	min-height: 180px;
	aspect-ratio: 16 / 9;
	border-radius: var(--si-r-card, 12px);
	background: var(--si-navy, #072439);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-block: 1rem;
}

.si-embed__box {
	max-width: 32rem;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
}

.si-embed__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: #fff;
}

.si-embed__btn {
	font: inherit;
	font-weight: 500;
	cursor: pointer;
	border: 0;
	border-radius: 999px;
	padding: 0.6rem 1.5rem;
	background: var(--si-yellow, #ffb700);
	color: var(--si-navy, #072439);
}

.si-embed__btn:hover,
.si-embed__btn:focus-visible {
	background: #ffc933;
}

.si-embed__link {
	color: #fff;
	font-size: 0.875rem;
}