/*
 * HelloImpact – sütibanner arculata.
 *
 * Csak a CookieConsent saját CSS-változóit állítja (vendor/cookieconsent.css),
 * a téma tokenjeiből. Új szabályt csak akkor írj, ha változóval nem megy.
 * A „Mindet elfogadom” és a „Csak a szükségesek” gomb szándékosan egyforma
 * (a NAIH és az EDPB gyakorlata: az elutasítás nem lehet nehezebb).
 */
#cc-main {
	--cc-font-family: var(--wp--preset--font-family--body, 'Geist', sans-serif);
	--cc-modal-border-radius: 12px;
	--cc-btn-border-radius: 999px;
	--cc-z-index: 2147483000;

	--cc-bg: var(--wp--preset--color--tertiary, #fff);
	--cc-primary-color: var(--wp--preset--color--secondary);
	--cc-secondary-color: var(--wp--preset--color--txt-dark);
	--cc-link-color: var(--wp--preset--color--secondary);
	--cc-separator-border-color: var(--wp--preset--color--separator);

	--cc-btn-primary-bg: var(--wp--preset--color--primary);
	--cc-btn-primary-color: var(--wp--preset--color--secondary);
	--cc-btn-primary-border-color: var(--wp--preset--color--primary);
	--cc-btn-primary-hover-bg: var(--wp--preset--color--bcg-yellow);
	--cc-btn-primary-hover-color: var(--wp--preset--color--secondary);
	--cc-btn-primary-hover-border-color: var(--wp--preset--color--bcg-yellow);

	--cc-btn-secondary-bg: var(--wp--preset--color--tertiary, #fff);
	--cc-btn-secondary-color: var(--wp--preset--color--secondary);
	--cc-btn-secondary-border-color: var(--wp--preset--color--secondary);
	--cc-btn-secondary-hover-bg: var(--wp--preset--color--bcg-light);
	--cc-btn-secondary-hover-color: var(--wp--preset--color--secondary);
	--cc-btn-secondary-hover-border-color: var(--wp--preset--color--secondary);

	--cc-toggle-on-bg: var(--wp--preset--color--secondary);
	--cc-toggle-off-bg: var(--wp--preset--color--separator);
	--cc-toggle-readonly-bg: var(--wp--preset--color--separator);

	--cc-cookie-category-block-bg: var(--wp--preset--color--bcg-light);
	--cc-cookie-category-block-border: var(--wp--preset--color--separator);
	--cc-cookie-category-block-hover-bg: var(--wp--preset--color--bcg-warm);
	--cc-cookie-category-block-hover-border: var(--wp--preset--color--separator);
	--cc-cookie-category-expanded-block-bg: var(--wp--preset--color--tertiary, #fff);
	--cc-cookie-category-expanded-block-hover-bg: var(--wp--preset--color--bcg-light);

	--cc-footer-bg: var(--wp--preset--color--bcg-light);
	--cc-footer-color: var(--wp--preset--color--txt-dark);
	--cc-footer-border-color: var(--wp--preset--color--separator);
}

/* equalWeightButtons: az elfogadó és az elutasító gomb egyformán sárga,
   a „Beállítások” navy keretes. */
#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: 600;
}

/* Árnyék helyett keret, mint a téma kártyáin. */
#cc-main .cm,
#cc-main .pm {
	box-shadow: none;
	border: 1px solid var(--wp--preset--color--separator);
}

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

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

.hi-suti-lista th,
.hi-suti-lista td {
	text-align: left;
	vertical-align: top;
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--wp--preset--color--separator);
}

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

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

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

.hi-embed__text {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.hi-embed__btn {
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	border: 0;
	border-radius: 999px;
	padding: 0.6rem 1.5rem;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--secondary);
}

.hi-embed__btn:hover,
.hi-embed__btn:focus-visible {
	background: var(--wp--preset--color--bcg-yellow);
}

.hi-embed__link {
	color: inherit;
	font-size: 0.875rem;
}