/**
 * CINEMORE — Cookie consent banner override (orestbida/cookieconsent v3).
 *
 * A library (css/cookieconsent.css) --cc-* változóit írjuk felül a CINEMORE
 * arculatára: világos, fehér kártya #e0efe7 kerettel, Poppins betű, zöld
 * kitöltött elsődleges pirula-gomb (#14c98d) és magenta körvonalas másodlagos
 * gomb — ugyanaz a nyelv, mint a gomb-widgetnél (css/gomb.css) és a
 * kártyáknál (css/mozik.css, css/tenyek.css).
 *
 * A Poppins betűt a sablon tölti (a plugin nem tölt Google Fontot), és a
 * custom.css [class*="cinemore-"] szabálya ide nem ér el — a banner gyökere
 * #cc-main —, ezért a betűcsalád itt külön be van állítva.
 *
 * Ez a fájl a library UTÁN tölt (wp_enqueue_style dependency), így felülír.
 *
 * Paletta (css/*.css): #07130e sötét, #0a8f63 zöld, #14c98d menta,
 * #b0568a magenta, #5a7067 halvány szöveg, #e0efe7 keret, #f4faf7 világos sáv.
 */

:root {
	/* ── Kártya és szövegek — világos, mint az oldal kártyái ── */
	--cc-bg: #ffffff;
	--cc-primary-color: #07130e;
	--cc-secondary-color: #5a7067;
	--cc-link-color: #0a8f63;
	--cc-separator-border-color: #e0efe7;

	/* Panel lábléc (gombsor sávja) — a világos zöldes háttér */
	--cc-footer-bg: #f4faf7;
	--cc-footer-color: #5a7067;
	--cc-footer-border-color: #e0efe7;

	/* ── Elsődleges gomb: „Összes elfogadása" — zöld kitöltött pirula ── */
	--cc-btn-primary-bg: #14c98d;
	--cc-btn-primary-border-color: #14c98d;
	--cc-btn-primary-color: #07130e;
	--cc-btn-primary-hover-bg: #0fbb82;
	--cc-btn-primary-hover-border-color: #0fbb82;
	--cc-btn-primary-hover-color: #07130e;

	/* ── Másodlagos gomb: „Csak szükségesek" — magenta körvonalas ── */
	--cc-btn-secondary-bg: #fdf6fa;
	--cc-btn-secondary-border-color: rgba(176, 86, 138, .42);
	--cc-btn-secondary-color: #b0568a;
	--cc-btn-secondary-hover-bg: #f9f0f6;
	--cc-btn-secondary-hover-border-color: #b0568a;
	--cc-btn-secondary-hover-color: #7f3763;

	/* ── Kapcsolók — az aktív állapot az oldal mentazöldje ── */
	--cc-toggle-on-bg: #14c98d;
	--cc-toggle-on-knob-bg: #ffffff;
	--cc-toggle-off-bg: #cfe4da;
	--cc-toggle-off-knob-bg: #ffffff;
	--cc-toggle-enabled-icon-color: #07130e;
	--cc-toggle-disabled-icon-color: #5a7067;
	--cc-toggle-readonly-bg: #e7f6ef;
	--cc-toggle-readonly-knob-bg: #ffffff;
	--cc-toggle-readonly-knob-icon-color: #0a8f63;

	/* ── Kategória blokkok a beállítások panelen ── */
	--cc-cookie-category-block-bg: #f4faf7;
	--cc-cookie-category-block-border: #e0efe7;
	--cc-cookie-category-block-hover-bg: #e7f6ef;
	--cc-cookie-category-block-hover-border: #cfe4da;
	--cc-cookie-category-expanded-block-bg: #ffffff;
	--cc-cookie-category-expanded-block-hover-bg: #f4faf7;
	--cc-section-category-border: #e0efe7;

	/* ── Overlay (oldal zárolása) + gördítősáv ── */
	--cc-overlay-bg: rgba(7, 19, 14, .55);
	--cc-webkit-scrollbar-bg: #cfe4da;
	--cc-webkit-scrollbar-hover-bg: #14c98d;

	/* ── Tipográfia és lekerekítés — pirula-gomb, 18px kártya ── */
	--cc-font-family: "Poppins", sans-serif;
	--cc-btn-border-radius: 100px;
	--cc-modal-border-radius: 18px;
	--cc-pm-toggle-border-radius: 100px;
}

/* A betűcsalád a gyökéren is, hogy a téma/Elementor szabályai ne írják felül. */
#cc-main,
#cc-main * {
	font-family: "Poppins", sans-serif;
}

/* ── Kártya: fehér, halvány zöld keret, az oldal kártya-árnyéka ── */
#cc-main .cm,
#cc-main .pm {
	border: 1px solid #e0efe7;
	box-shadow: 0 34px 70px rgba(7, 19, 14, .14);
}

/* Sáv elrendezésnél csak a felső/alsó él kap keretet. */
#cc-main .cm--bar {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

/* ── Címsorok ── */
#cc-main .cm__title,
#cc-main .pm__title {
	font-weight: 700;
	font-size: 19px;
	line-height: 1.25;
	color: #07130e;
	letter-spacing: -.01em;
}

#cc-main .pm__section-title {
	font-weight: 600;
	font-size: 15px;
	color: #07130e;
}

/* ── Szövegek ── */
#cc-main .cm__desc,
#cc-main .pm__section-desc {
	font-size: 14px;
	line-height: 1.6;
	color: #5a7067;
}

#cc-main a,
#cc-main .cc__link {
	color: #0a8f63;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

#cc-main a:hover,
#cc-main .cc__link:hover {
	color: #14c98d;
}

/* ── Gombok: pirula-forma, Poppins 700 ──
   A library az equalWeightButtons: true miatt leveszi a --secondary osztályt
   a banner gombjairól, ezért a szerep szerinti [data-role] horgot használjuk:
   all = „Összes elfogadása", necessary = „Csak szükségesek",
   show = „Beállítások", save = „Kiválasztottak mentése".
   Az elfogadás és az elutasítás mérete azonos (GDPR: az elutasítás nem lehet
   visszafogottabb), csak a kitöltés különbözik — mint a css/gomb.css két
   gomb-variánsa (zöld kitöltött + magenta körvonalas). */
#cc-main .cm__btn,
#cc-main .pm__btn {
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	padding: 15px 26px;
	letter-spacing: 0;
	border-width: 1.5px;
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}

/* Fő művelet: a bannerben az „Összes elfogadása", a panelen a mentés —
   zöld kitöltött, mint a .cinemore-gomb--primary. */
#cc-main .cm__btn[data-role="all"],
#cc-main .pm__btn[data-role="save"] {
	background: #14c98d;
	border-color: #14c98d;
	color: #07130e;
	box-shadow: 0 12px 28px rgba(20, 201, 141, .32);
}

#cc-main .cm__btn[data-role="all"]:hover,
#cc-main .pm__btn[data-role="save"]:hover {
	background: #0fbb82;
	border-color: #0fbb82;
	color: #07130e;
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(20, 201, 141, .38);
}

/* A panelen az „Összes elfogadása" zöld körvonalas — ott a mentés a fő
   művelet, így nem áll egymás mellett két azonos zöld gomb. */
#cc-main .pm__btn[data-role="all"] {
	background: #ffffff;
	border-color: rgba(20, 201, 141, .5);
	color: #0a8f63;
}

#cc-main .pm__btn[data-role="all"]:hover {
	background: #eafff8;
	border-color: #14c98d;
	color: #07130e;
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(20, 201, 141, .20);
}

/* „Csak szükségesek" — magenta körvonalas, azonos méretben */
#cc-main .cm__btn[data-role="necessary"],
#cc-main .pm__btn[data-role="necessary"] {
	background: #fdf6fa;
	border-color: rgba(176, 86, 138, .42);
	color: #b0568a;
}

#cc-main .cm__btn[data-role="necessary"]:hover,
#cc-main .pm__btn[data-role="necessary"]:hover {
	background: #f9f0f6;
	border-color: #b0568a;
	color: #7f3763;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(176, 86, 138, .22);
}

/* „Beállítások" — visszafogott, zöld körvonalas */
#cc-main .cm__btn[data-role="show"] {
	background: #ffffff;
	border-color: #e0efe7;
	color: #0a8f63;
}

#cc-main .cm__btn[data-role="show"]:hover {
	background: #f4faf7;
	border-color: #14c98d;
	color: #07130e;
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(7, 19, 14, .10);
}

#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main .pm__close-btn:focus-visible {
	outline: 2px solid #14c98d;
	outline-offset: 2px;
}

/* ── Panel bezáró gomb ── */
#cc-main .pm__close-btn {
	border: 1px solid #e0efe7;
	background: #ffffff;
	transition: background .2s ease, border-color .2s ease;
}

#cc-main .pm__close-btn:hover {
	background: #f4faf7;
	border-color: #14c98d;
}

#cc-main .pm__close-btn svg {
	stroke: #07130e;
}

/* ── „Szükséges" jelvény a readonly kategórián ── */
#cc-main .pm__badge {
	background: #e7f6ef;
	color: #0a8f63;
	font-weight: 600;
}

#cc-main .pm__badge::before {
	background: #e7f6ef;
}

/* ── Táblázat a szolgáltatás-részletekhez ── */
#cc-main .pm__table-th {
	color: #07130e;
	font-weight: 600;
}

#cc-main .pm__table-td {
	color: #5a7067;
}

/* =============================================================
   „Cookie beállítások" visszavonás gomb (cookie-consent.php,
   data-cc="show-preferencesModal" — a library köt rá eseményt).
   Bal alsó sarok, hogy ne érjen össze a jobb alsó bannerrel.
   ============================================================= */

.cinemore-cc-revoke {
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 9995;
	display: inline-flex;
	align-items: center;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	padding: 11px 18px;
	border: 1px solid #e0efe7;
	border-radius: 100px;
	background: #ffffff;
	color: #0a8f63;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(7, 19, 14, .10);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;
}

.cinemore-cc-revoke:hover {
	transform: translateY(-2px);
	border-color: #14c98d;
	color: #07130e;
	box-shadow: 0 14px 30px rgba(20, 201, 141, .22);
}

.cinemore-cc-revoke:focus-visible {
	outline: 2px solid #14c98d;
	outline-offset: 2px;
}

@media (max-width: 767px) {
	#cc-main .cm__title,
	#cc-main .pm__title {
		font-size: 18px;
	}

	#cc-main .cm__btn,
	#cc-main .pm__btn {
		font-size: 14px;
		padding: 14px 22px;
	}

	.cinemore-cc-revoke {
		left: 12px;
		bottom: 12px;
		font-size: 12px;
		padding: 10px 15px;
	}
}

/* Reduced-motion: nincs emelkedés / elmozdulás. */
@media (prefers-reduced-motion: reduce) {
	#cc-main .cm__btn,
	#cc-main .pm__btn,
	.cinemore-cc-revoke {
		transition: none;
	}

	#cc-main .cm__btn:hover,
	#cc-main .pm__btn:hover,
	.cinemore-cc-revoke:hover {
		transform: none;
	}
}