/* Az MCC arculata (2026-10-18, a fenntarto dontese a plans/szinvilag prototipusban) - a tobbi CSS UTAN toltodik.
   Generalta: scripts/arculat-atszinezes.py (a szinek a palettabol). */

/* Logo: SVG-rajz (Bodoni Moda, OFL), link a fooldalra (a link neve aria-labelben) */
#titlediv { font-size: 21px; line-height: 26px; }
#titlediv a.logo-link { display: inline-block; color: #fff; text-decoration: none; }
#titlediv svg { height: 1.05em; width: auto; display: inline-block; vertical-align: -.12em; }

/* Menu: Verdana, kicsit ritkitva; a dobozcimek is ritkitva */
.menubutton, .menubutton a { font-size: 13px; letter-spacing: .9px; }
.redboxheader, .redboxheader_inverted, .cimsor { letter-spacing: .9px; }
/* kiveve a modelloldal egysoros morzsamenujet mobilon: ott minden keppont kell (a H1 ne vagodjon le jobban) */
@media (max-width: 1023px) { #chat-top-nav, #chat-top-nav .cimsor { letter-spacing: normal; } }

/* Diszvonal: egy, a menu alatt; az aktiv menupont arany */
.menubackground { border-bottom: 1px solid #e6b537 !important; }
.menubutton--aktiv a, .menubutton a:hover { color: #e6b537 !important; }

/* Penzes gombok: partner-narancs (a kartya chat-gombja, a menu SIGN UP-ja) */
.performerbutton--cta, .menubutton--cta { background: linear-gradient(#ff7a1a, #c64320) !important; color: #fff !important;
    border-color: #ffb27a !important; font-weight: bold; }
.menubutton--cta a, .menubutton--cta a:visited { color: #fff !important; }
.menubutton--cta { border-radius: 2px; margin: 0 2px; }

/* Arany: visszafogott - a kartyanev es a lapozo feher; a szuro-szamok es a szoveges linkek aranyak maradnak */
.performerover, a .performerover { color: #fff; }
a.pagelink { color: #fff; }
a.pagelink:hover { text-decoration: underline; }
/* Custom Filter ful: finoman kiemelve (eddig beleolvadt a hatterebe) */
/* !important: a listaoldal sablonjanak sajat stilusblokkja (a lap kozepen, kesobb) ugyanilyen erossegu szaballyal irna felul */
#globalcontainer .filterlink, .filterlink { background: #7c2a38 !important; border: 1px solid #e6b537 !important; border-bottom: 0 !important; box-sizing: border-box; }
#globalcontainer .filterlink label, .filterlink a { color: #e6b537 !important; cursor: pointer; }
#globalcontainer .filterlink:hover label { text-decoration: underline; }
/* Alkategoriak: a felirat is a link resze; egerrel alahuzva */
a.categorylink { font: bold 11px Verdana, sans-serif; }
a.categorylink .kat-nev { color: #fff; }
a.categorylink:hover, a.categorylink:hover .kat-nev { text-decoration: underline; }

/* Szellos: tobb levego a dobozok es a kartyasorok kozott, nagyobb szuro-betu, lagyabb arnyek.
   A kartyaracs vizszintesen nem tagulhat (desktopon 4 kartya fer a 770 px-es savba). */
/* a felso margo !important NELKUL: ahol a doboznak sajat (beirt vagy oldal-CSS-beli) margoja van - a modelloldal morzsamenuje,
   az AdBlock-figyelmeztetes -, az marad; mobilon a lejatszo (es a CTA-ja) igy egy keppontot sem csuszik lejjebb */
.redboxcontainer { margin-top: 14px; box-shadow: 0 2px 6px rgba(0, 0, 0, .28) !important; }
.redboxcontainer.mcc-szoveg { margin-bottom: 4px !important; }
/* a tagabb belso margo CSAK az alkategoria-dobozon es a bevezeto szovegen (ahol a prototipusban latszott) - altalanos
   .redbox-szabaly minden doboz sajat margojat felulirta (szuropanel oszlopai lecsusztak, kereso, kartyasav, AdBlock-sav) */
.redbox.alkategoria-doboz { padding: 13px 16px 9px; }
#globalcontainer .mcc-szoveg .redbox { padding: 13px 16px 11px !important; }
.subcategorydiv { font-size: 11px; line-height: 20px !important; }
.mcc-szoveg p, .mcc-szoveg li { line-height: 1.6 !important; }
.performercontainer, .performercontainer_small, .performercontainer_tiny { box-shadow: 0 2px 5px rgba(0, 0, 0, .3) !important; }
@media (min-width: 1024px) { .performercontainer { margin-top: 10px !important; margin-bottom: 9px !important; } }
@media (max-width: 1023px) { .performercontainer { margin-top: 8px !important; margin-bottom: 7px !important; } }