/* ============================================================
   Millionhomes — Cookie consent banner override (orestbida v3).
   A library (css/cookieconsent.css) változóit írjuk felül a
   Millionhomes oldal saját stílusára — sötét #141210/#1d1917 kártya,
   krém #f7f4ef szöveg, terracotta #af7366 akcentus, arany #c9a558 részlet,
   Schibsted Grotesk betűtípus és pirula-gombok (mint a site többi moduljában).
   Ez a fájl a library UTÁN tölt (dependency), így felülírja.
   ============================================================ */

:root {
	/* Alap háttér + színek — sötét kártya, a fejléc/felsorolás sötét árnyalatai */
	--cc-bg: #1d1917;
	--cc-primary-color: #f7f4ef;
	--cc-secondary-color: #b3a99e;
	--cc-footer-bg: #141210;
	--cc-footer-color: #b3a99e;
	--cc-footer-border-color: rgba(247, 244, 239, 0.18);
	--cc-link-color: #c98c7d;
	--cc-separator-border-color: rgba(247, 244, 239, 0.18);

	/* Elsődleges gomb (Összes elfogadása — terracotta pirula) */
	--cc-btn-primary-bg: #af7366;
	--cc-btn-primary-border-color: #af7366;
	--cc-btn-primary-color: #f7f4ef;
	--cc-btn-primary-hover-bg: #f7f4ef;
	--cc-btn-primary-hover-border-color: #f7f4ef;
	--cc-btn-primary-hover-color: #1d1917;

	/* Másodlagos gomb (Csak szükségesek — kontúros) */
	--cc-btn-secondary-bg: transparent;
	--cc-btn-secondary-border-color: rgba(247, 244, 239, 0.5);
	--cc-btn-secondary-color: #f7f4ef;
	--cc-btn-secondary-hover-bg: rgba(175, 115, 102, 0.12);
	--cc-btn-secondary-hover-border-color: #af7366;
	--cc-btn-secondary-hover-color: #c98c7d;

	/* Kapcsolók (toggle) — a site terracottája jelzi az aktív állapotot */
	--cc-toggle-on-bg: #af7366;
	--cc-toggle-on-knob-bg: #ffffff;
	--cc-toggle-off-bg: rgba(247, 244, 239, 0.25);
	--cc-toggle-off-knob-bg: #ffffff;
	--cc-toggle-enabled-icon-color: #ffffff;
	--cc-toggle-disabled-icon-color: #b3a99e;
	--cc-toggle-readonly-bg: rgba(247, 244, 239, 0.15);
	--cc-toggle-readonly-knob-bg: #e7e0d4;
	--cc-toggle-readonly-knob-icon-color: #141210;

	/* Kategória blokkok (preferences panel) — a kártyán belüli, kicsit sötétebb sáv */
	--cc-cookie-category-block-bg: #141210;
	--cc-cookie-category-block-border: rgba(247, 244, 239, 0.16);
	--cc-cookie-category-block-hover-bg: #1d1917;
	--cc-cookie-category-block-hover-border: rgba(201, 140, 125, 0.4);
	--cc-cookie-category-expanded-block-bg: #141210;
	--cc-cookie-category-expanded-block-hover-bg: #141210;
	--cc-section-category-border: rgba(247, 244, 239, 0.16);

	/* Overlay (force consent esetén) + scrollbar */
	--cc-overlay-bg: rgba(10, 8, 7, 0.55);
	--cc-webkit-scrollbar-bg: rgba(247, 244, 239, 0.2);
	--cc-webkit-scrollbar-hover-bg: rgba(247, 244, 239, 0.4);

	/* Tipográfia + radius — a site alap betűje + pirula-gombok, 12px kártya-radius */
	--cc-font-family: 'Schibsted Grotesk', Arial, sans-serif;
	--cc-btn-border-radius: 100px;
	--cc-modal-border-radius: 12px;
	--cc-pm-toggle-border-radius: 999px;
}

/* Címek és gomb-feliratok a site címbetűjével, határozott súllyal. */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
	font-family: 'Schibsted Grotesk', sans-serif;
	font-weight: 700;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	font-family: 'Schibsted Grotesk', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

#cc-main .cm__desc,
#cc-main .pm__section-desc {
	line-height: 1.6;
}

#cc-main a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
	transform: translateY(-1px);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
	transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}