a.fooldal-almenu {
    background: #fff;
    color: #000 !important;
}

nav#block-evolve-sub-i3-tamffomenu {
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .subpage-title {
        padding-left: 100px;
        line-height: 40px;
        font-size: 13px !important;
    }
}

@media screen and (min-width: 992px) {
    ul.dexp-menu.menu {
        line-height: 40px;
        font-size: 9px !important;
                margin-top: 85px;
    }
}

@media screen and (max-width: 992px){
	.d-flex {
    display: -ms-flexbox!important;
    display: unset !important;
}
}

@media screen and (min-width: 992px) {
    #section-header ul.menu.dexp-menu > li.menu-item--active-trail a, #section-header ul.menu.dexp-menu > li.menu-item--active-trail span.dexp-nolink {
        color: #fff !important;
        background: #0a253a;
    }
}

@media screen and (min-width: 992px) {
    nav#block-evolve-sub-i3-tamffomenu ul.menu.dexp-menu > li > a, #section-header ul.menu.dexp-menu > li span.dexp-nolink {
        font-size: 11px;
        font-family: Raleway;
        letter-spacing: 1.1px;
        font-weight: 700;
    }
}

/* =========================================================
   TAMF fejléc – a főosztály neve és a főmenü egy sorban,
   minden kijelzőméreten (reszponzív)

   Beillesztés: Asset Injector › "tamf_menu" CSS legvégére.
   A "menu", "global" és "uj_logo_2025" CSS-be NEM kerül, mert azok
   a többi oldalra is hatnak.

   A "menu", "global" és "uj_logo_2025" CSS ütköző szabályait
   (menüpont padding 0 15px !important, font-size 1.2em, keresés és
   menü position: absolute, -15 px margók) ez a kód felülírja,
   ezért a betöltési sorrendtől függetlenül működik.

   Működés: a fejléc sorában a logó-, a menü- és (mobilon) a
   keresőrégió dobozát "kibontjuk" (display: contents), így a bennük
   lévő blokkok egy közös flex-sorba rendezhetők:
     asztali: 1. sor logó ........ keresés
              2. sor [Főosztály neve (logó szélességű szürke sáv)][menüpontok]
     mobil:   logó | [Menu gomb][keresés] | Főosztály neve | ikonmenü
   A szürke sáv szélessége a PTE logóképé (350 px, a kép width
   attribútuma), így a "Tudományegyetem" szó végéig fut.
   Ez a :has() nélküli változat: minden oldal fejlécére hat, ahol
   betöltődik, ezért csak a TAMF-oldalakon szabad betölteni.
========================================================= */

#section-header .dexp-container > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#section-header .dexp-container > .row > .region-logo,
#section-header .dexp-container > .row > .region-region-05 {
    display: contents !important;
}

/* Az üres oldalnév-blokk (a nevét és szlogenjét az uj_logo_2025 rejti)
   ne foglaljon helyet a logó előtt */
#section-header #block-evolve-sub-i3-sitebranding {
    display: none !important;
}

/* 1. sor: logó, utána sortörés */
#section-header .dexp-container > .row > .region-logo > .block:not(#block-evolve-sub-i3-tamfalcim) {
    order: 1 !important;
    flex: 0 1 auto !important;
    max-width: 100% !important;
}

#section-header .dexp-container > .row::after {
    content: "" !important;
    order: 2 !important;
    flex-basis: 100% !important;
    height: 0 !important;
}

/* 2. sor: főosztály neve – szürke sáv a logó szélességében */
#block-evolve-sub-i3-tamfalcim {
    order: 3 !important;
    flex: 0 0 350px !important;            /* = a PTE logókép szélessége */
    width: 350px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: #f2f2f2 !important;
    border-bottom: 0 !important;
}

/* A szöveg a PTE logó bal szélének vonalában kezdődik; asztali
   nézetben (992 px-től) egy sorban, mobilon szükség szerint két sorban.
   A belső margó minden méreten azonos; helyhiány esetén
   csak a betűméret csökken a kijelző szélességével arányosan. */
#block-evolve-sub-i3-tamfalcim .subpage-title {
    padding: 8px 16px 8px 10px !important;   /* bal: a logókép 10 px-es margója */
    line-height: 1.3 !important;
    font-size: clamp(9px, 2.6vw, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    text-wrap: balance !important;
    white-space: normal !important;
}

#block-evolve-sub-i3-tamfalcim .subpage-title a {
    color: #0a253a !important;
    font-size: 11px;
}

/* 2. sor: menü, balra igazítva, közvetlenül a szürke sáv után */
#block-evolve-sub-i3-tamffomenu {
    order: 4 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin-top: 0 !important;
}

#section-header .dexp-container > .row > .region-navigation {
    order: 5 !important;
}

#section-header #block-evolve-sub-i3-searchform {
    position: static !important;
    margin: 0 !important;
}

/* Az "uj_logo_2025" CSS ütköző szabályai: 1600 px felett a menüt
   position: absolute-tal kivenné a sorból, és -15 px-es margókat ad
   a címnek és a menünek. Ezeket semlegesítjük. */
#section-header nav#block-evolve-sub-i3-tamffomenu {
    position: static !important;
    bottom: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#section-header div#block-evolve-sub-i3-tamfalcim {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ---------- Mobil és tablet: < 992px ----------
   A menüpontokat a téma "Menu" gombja váltja ki.
   Sorrend: logó, alatta a Menu gomb (és a keresés) sora,
   alatta a főosztály neve a logó szélességében, végül az ikonmenü. */
@media screen and (max-width: 991.98px) {
    #section-header .dexp-container > .row > .region-navigation {
        display: contents !important;
    }

    #block-evolve-sub-i3-tamffomenu {
        order: 3 !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 6px 12px !important;
    }

    #section-header #block-evolve-sub-i3-searchform {
        order: 3 !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        padding-right: 12px !important;
    }

    #block-evolve-sub-i3-tamfalcim {
        order: 4 !important;
    }

    #block-aloldalmenumobilnezet {
        order: 5 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ---------- Asztali: >= 992px ----------
   Alap: az 1600 px-es nézet (cím 13 px, menü 11 px, menüpont-margó 14 px,
   betűköz 1.1 px). Kisebb kijelzőn a menü betűmérete annyira csökken,
   hogy a logó szélességű szürke sáv mellett egy sorban elférjen;
   a margó és a betűköz a betűmérettel arányos (em). */
@media screen and (min-width: 992px) {
    /* keresés: az 1. sor jobb végén, a logóval egy magasságban */
    #section-header .dexp-container > .row > .region-navigation {
        order: 1 !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
    }

    /* a cím egy sorban fér el a 350 px-es sávban */
    #block-evolve-sub-i3-tamfalcim .subpage-title {
        font-size: 9.5px !important;
        letter-spacing: .2px !important;
        white-space: nowrap !important;
    }

    #block-evolve-sub-i3-tamffomenu ul.dexp-menu.menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 40px !important;
    }

    nav#block-evolve-sub-i3-tamffomenu ul.menu.dexp-menu > li > a {
        display: block !important;
        font-size: clamp(9px, calc(1.1325vw - 4.19px), 11px) !important;
        padding: 0 1.27em !important;          /* 14 px 11 px-es betűnél */
        letter-spacing: .1em !important;       /* 1.1 px 11 px-es betűnél */
        white-space: nowrap !important;
    }

    /* Görgetéskor (ragadós fejléc) a "global" CSS 100 px-es
       sormagasságot adna a menüpontoknak – maradjon 40 px */
    #section-header.affix nav#block-evolve-sub-i3-tamffomenu ul.menu.dexp-menu > li > a {
        line-height: 40px !important;
    }
}

/* Laptop (992–1199 px, pl. 1024 px): szorosabb menüpontok */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    nav#block-evolve-sub-i3-tamffomenu ul.menu.dexp-menu > li > a {
        font-size: clamp(8.5px, calc(1.366vw - 5.05px), 11px) !important;
        padding: 0 .5em !important;
        letter-spacing: .05em !important;
    }
}
