/* ===========================================
   HRMU MENÜ — FŐPANEL + SUBMENU + IKON + RUGALMAS WIDTH
   =========================================== */

/* --- WRAPPER --- */
.hrmu-box{
    position:relative;
    overflow:visible!important;
}


/* --- PANEL ALAPHELYZETBEN ZÁRVA --- */
.hrmu-menu{
    position:absolute;
    top:40px; left:0;
    opacity:0;
    transform:translateY(15px);
    pointer-events:none;
    max-height:0;
    overflow:hidden;
    transition:.35s ease;
    z-index:9999;
}

/* PANEL KÖVESSE A BOX SZÉLESSÉGÉT */
.hrmu-box .hrmu-menu{
    width:100%!important;
    max-width:100%!important;
    min-width:unset!important;
}


/* =============================
   🖥 DESKTOP → HOVER PANELNYITÁS
   =============================*/
@media(hover:hover){
    .hrmu-box:hover > .hrmu-menu{
        max-height:600px;
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
    }
}


/* =============================
   📱 MOBIL/TABLET → KATT PANEL
   =============================*/
.hrmu-box.open > .hrmu-menu{
    max-height:600px;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}


/* =============================
   SUBMENU STRUCTURE
   =============================*/
.hrmu-menu ul{
    list-style:none!important;
    margin:0;
    padding:0;
}
.hrmu-menu li{ margin:0;padding:0; }


/* alap: submenu zárva */
.hrmu-submenu{
    max-height:0;
    opacity:0;
    overflow:hidden;
    padding-left:0;
    transition:.35s ease;
    border-left:none;
    margin-left:10px !important;
    margin-top:8px;
}


/* MOBILE/TABLET → submenu kattintással nyílik */
@media(max-width:1024px){
    .hrmu-submenu.open{
        max-height:600px!important;
        opacity:1!important;
    }
}

/* + ikon a szöveg végén jelenik meg */
.hrmu-menu li.has-submenu > a{
    position:relative;
    display:block;
    padding-right:0 !important;
}

.hrmu-menu .menu-text-wrapper{
    display:inline;
}

.hrmu-menu .submenu-indicator{
    font-weight:700;
    font-size:15px;
    display:inline-block;
    transition:transform .4s ease;
    opacity:.75;
    white-space:nowrap;
    margin-left:0.4em;
    transform-origin:50% 50%;
    width:1em;
    height:1em;
    text-align:center;
    line-height:1em;
}

/* submenu megnyitás → a + jel a középpontja körül forog jobbra (90°) */
.hrmu-menu li.open .submenu-indicator{
    transform:rotate(90deg) !important;
    opacity:1;
}


/* =========================================
   ⚡️ VÉGSŐ FIX – DESKTOP HOVER PANELNYITÁS
=========================================*/

/* csak desktop */
/* hoverre a panel teljesen kinyílik */
@media (min-width:1025px){
    .hrmu-box:hover > .hrmu-menu{
        max-height:600px !important;
        opacity:1 !important;
        transform:translateY(0) !important;
        pointer-events:auto !important;
    }
}

/* ===============================================================
   🖥 DESKTOP – SUBMENU KATTINTÁSRA NYÍLIK (NEM HOVERRE!)
===============================================================*/
@media (min-width:1025px){
    .hrmu-submenu.open{
        max-height:600px !important;
        opacity:1 !important;
        overflow:visible !important;
    }
}


/* =========================================
   🖥 DESKTOP HOVER HÍD A CÍM ÉS PANEL KÖZÉ
   – ne csukódjon be, miközben lefelé viszed az egeret
=========================================*/
@media (hover:hover){

    .hrmu-menu::before{
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:-40px;      /* 40px-el a panel fölé nyúlik */
        height:40px;    /* ez lesz a „híd” zóna */
        pointer-events:auto;
        /* átlátszó, nem látszik, csak hover-t tartja */
    }

}

/* ======================
   PANEL OFFSET A CÍM ALATT
   ======================*/
:root{
    --hrmu-panel-offset:40px; /* fallback ha Elementor nem írja felül */
}

.hrmu-menu{
    top:var(--hrmu-panel-offset) !important;
}

/* ============================================================
   HOVER MEGTARTÁSA LINKELT CÍMNÉL IS
   (nem csukódik be, miközben a címről a panelre mászol)
============================================================ */
@media (hover:hover){

    /* az egész header + link alá védőzóna kerül */
    .hrmu-box .hrmu-title,
    .hrmu-box .hrmu-title a {
        position:relative;
        z-index:20; /* biztos, hogy a híd fölött marad */
    }

    /* láthatatlan hover-híd a cím és panel közé */
    .hrmu-box .hrmu-title::after {
        content:"";
        position:absolute;
        left:0;
        right:0;
        height: var(--hrmu-panel-offset,40px); /* offset-ből él */
        bottom: calc(-1 * var(--hrmu-panel-offset,40px));
        z-index:-1;
        pointer-events:auto;
    }

    /* + a panel saját híddal is megtartja a hovert */
    .hrmu-menu::before {
        content:"";
        position:absolute;
        left:0; right:0;
        top: calc(-1 * var(--hrmu-panel-offset,40px));
        height: var(--hrmu-panel-offset,40px);
        pointer-events:auto;
    }
}

/* default clickable behaviour */
.hrmu-title {cursor:pointer;transition:.25s}

/* animáció szabályok */
.hrmu-title.hrmu-hover-scale:hover {
    transform:scale(1.04);
}
.hrmu-title.hrmu-hover-underline {
    position:relative;
}
.hrmu-title.hrmu-hover-underline:hover::after {
    content:"";
    position:absolute;
    left:0;bottom:-3px;
    height:2px;width:100%;
    background:currentColor;
    transition:.25s;
}
.hrmu-title.hrmu-hover-both:hover {
    transform:scale(1.04);
}
.hrmu-title.hrmu-hover-both:hover::after {
    content:"";
    position:absolute;
    left:0;bottom:-3px;
    height:2px;width:100%;
    background:currentColor;
}

/* ============ TITLE HOVER EFFECTS ============ */

.hrmu-title{
    transition: .25s ease;
}

/* Finom nagyítás */
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:scale"] .hrmu-title:hover{
    transform: scale(1.05);
}

/* Aláhúzás animáció */
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:underline"] .hrmu-title{
    position:relative;
}
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:underline"] .hrmu-title::after{
    content:"";
    position:absolute;
    left:0; bottom:-3px;
    width:0%; height:2px;
    background: currentColor;
    transition:width .3s ease;
}
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:underline"] .hrmu-title:hover::after{
    width:100%;
}

/* SCALE + UNDERLINE együtt */
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:both"] .hrmu-title{
    position:relative;
}
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:both"] .hrmu-title:hover{
    transform: scale(1.05);
}
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:both"] .hrmu-title::after{
    content:"";
    position:absolute;
    left:0; bottom:-3px;
    width:0%; height:2px;
    background: currentColor;
    transition:width .3s ease;
}
:root .elementor-widget-hrmu_widget[style*="--hrmu-title-hover-effect:both"] .hrmu-title:hover::after{
    width:100%;
}

/* ===========================================
   HRMU TITLE HOVER EFFECTS (NOW FULLY WORKING)
   =========================================== */

.hrmu-title { transition:.25s ease; }


/* BOTH → SCALE + UNDERLINE */
.hrmu-effect-both .hrmu-title { position:relative; }
.hrmu-effect-both .hrmu-title:hover { transform:scale(1.05); }
.hrmu-effect-both .hrmu-title::after {
    content:""; position:absolute;
    left:0; bottom:-3px; height:2px;
    width:0; background:currentColor;
    transition:.3s ease;
}
.hrmu-effect-both .hrmu-title:hover::after {
    width:100%;
}