.elementor-166 .elementor-element.elementor-element-889fe48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for shortcode, class: .elementor-element-9ced860 *//* -------------------------------------------------- */
/* ALAP STÍLUSOK ÉS KONTÉNER (PC NÉZET) */
/* -------------------------------------------------- */

.th-header .th-container {
    max-width: 1200px; /* Vagy az Ön által használt maximális szélesség */
    margin: 0 auto;
    padding: 0 20px;
    display: flex; /* Flexbox a PC elrendezéshez */
    align-items: center;
    justify-content: space-between;
    height: 80px; /* A fejléc magassága */
}

.th-header {
    position: relative; /* Fontos a mobil menü pozícionálásához */
    background-color: #fff; /* Fejléc háttérszíne */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    /* 3px ZÖLD BORDER A FEJLÉC ALJÁN */
    border-bottom: 3px solid #4CAF50; 
}

/* Eltávolítjuk a felesleges elválasztó vonalat, mivel a border-bottom már megvan */
.th-header .th-separator {
    display: none;
}

/* -------------------------------------------------- */
/* LOGÓ ÉS MÁRKA NÉV */
/* -------------------------------------------------- */

.th-header .th-brand-wrapper {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
}

/* Logó képének stílusa - MAGAS SPECIFICITÁS */
.th-header .th-brand-wrapper .th-logo-img {
    max-width: 50px !important; /* A kért maximális szélesség, !important a felülírás garantálásához */
    height: auto; /* Magasság automatikus beállítása */
    margin-right: 10px;
}

.th-header .th-brand {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.th-header .th-brand__t {
    color: #333;
}

/* Zöld szín visszaállítva */
.th-header .th-brand__h {
    color: #4CAF50; /* Zöld szín visszaállítva */
}

/* -------------------------------------------------- */
/* DESKTOP MENÜ */
/* -------------------------------------------------- */

.th-header .th-nav {
    /* PC-n a menü alapértelmezetten látható és sorban van */
    display: block;
}

.th-header .th-nav .menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Menüpontok sorban */
}

.th-header .th-nav .menu-list li {
    margin-left: 25px;
}

.th-header .th-nav .menu-list li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    padding: 10px 0;
    display: block;
    transition: color 0.2s;
}

.th-header .th-nav .menu-list li a:hover {
    color: #4CAF50; /* Zöld hover szín */
}

/* -------------------------------------------------- */
/* CTA ÉS SOCIAL */
/* -------------------------------------------------- */

.th-header .th-right {
    display: flex;
    align-items: center;
}

/* CTA GOMB ZÖLDRE ÁLLÍTVA */
.th-header .th-btn {
    text-decoration: none;
    background-color: #4CAF50; /* Zöld CTA gomb */
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    margin-left: 25px; /* Térköz a menü és a gomb között */
    white-space: nowrap;
    transition: background-color 0.2s;
}

.th-header .th-btn:hover {
    background-color: #388E3C; /* Sötétebb zöld hover szín */
}

.th-header .th-social a {
    padding-left: 30px;
    color: #333;
    font-size: 18px;
    margin-left: 10px;
    transition: color 0.2s;
}

.th-header .th-social a:hover {
    color: #4CAF50; /* Zöld hover szín */
}

/* -------------------------------------------------- */
/* HAMBURGER IKON (ALAPÉRTELMEZETTEN REJTETT PC-N) */
/* -------------------------------------------------- */

.th-header .menu-toggle {
    display: none; 
    font-size: 24px;
    cursor: pointer;
    color: #333;
}


/* -------------------------------------------------- */
/* MOBIL NÉZET (MAX 768PX) */
/* -------------------------------------------------- */
@media (max-width: 768px) {

    /* Hamburger ikon megjelenítése */
    .th-header .menu-toggle {
        display: block;
    }

    /* Desktop menü és CTA/Social elrejtése a fejléc fő sorából */
    .th-header .th-nav,
    .th-header .th-right {
        display: none;
    }
    
    /* -------------------------------------------------- */
    /* MOBIL MENÜ MEGJELENÍTÉSE (FULL WIDTH) */
    /* -------------------------------------------------- */

    .th-header .th-nav {
        /* Teljes szélességű, lenyíló menü beállításai */
        position: absolute;
        top: 100%; /* A fejléc alatt kezdődik */
        left: 0;
        width: 100%;
        background-color: #fff; /* Menü háttérszíne */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 998; 
        
        /* Alapértelmezetten rejtett */
        display: none; 
    }

    /* A menü aktív állapota: megjelenítés */
    .th-header .th-nav.active {
        display: block;
    }

    /* Menü lista stílusa */
    .th-header .th-nav .menu-list {
        flex-direction: column; /* Elemek egymás alá rendezése */
        padding: 10px 0;
        /* A mobil menü aljának esztétikusabbá tétele: eltávolítjuk a felesleges vonalat */
        border-top: none; 
    }

    /* Menüpontok stílusa */
    .th-header .th-nav .menu-list li {
        margin-left: 0;
        border-bottom: 1px solid #eee; /* Elválasztó vonal a menüpontok között */
    }
    
    /* A menü aljának esztétikusabbá tétele: az utolsó elem alatti vonal eltávolítása */
    .th-header .th-nav .menu-list li:last-child {
        border-bottom: none;
    }
    
    /* Linkek stílusa */
    .th-header .th-nav .menu-list li a {
        padding: 15px 20px; 
        font-size: 16px;
    }
    
    /* Linkek hover állapota mobil menüben */
    .th-header .th-nav .menu-list li a:hover {
        color: #333; /* Alapértelmezett szín */
        background-color: #f5f5f5;
    }
}/* End custom CSS */