.current-menu-item > a,
.current-menu-parent > a,
.current_page_item > a,
.current_page_parent > a {
    color: #26b5b9; /* A kívánt szín */
    font-weight: bold;
    border-bottom: 2px solid #26b5b9;
}

.o-timeline-container {
    box-shadow: none !important; /* Eltávolítja az esetleges árnyékot */
    border: none !important; /* Eltávolítja a keretet */
    background-color: transparent !important; /* Átlátszóvá teszi a háttérszínt */
    padding: 0 !important; /* Eltávolítja a belső margót */
    margin: 0 !important; /* Eltávolítja a külső margót */
}

.wp-block-themeisle-blocks-timeline-item {
    background-color: transparent !important; /* Átlátszóvá teszi a timeline elemek hátterét */
    border: none !important; /* Eltávolítja a timeline elemek keretét */
    box-shadow: none !important; /* Eltávolítja a timeline elemek árnyékát */
}

.o-timeline-content {
    background-color: transparent !important; /* Átlátszóvá teszi a tartalom hátterét */
    box-shadow: none !important; /* Eltávolítja az árnyékot */
    border: none !important; /* Eltávolítja a keretet */
    padding: 0 !important; /* Eltávolítja a felesleges belső margót */
}

.wp-block-themeisle-blocks-timeline-item {
    margin-bottom: 20px !important; /* Alsó margó az elemek között */
    padding: 40px !important; /* Belső térköz az elemek körül */
}

.wp-block-themeisle-blocks-timeline-item {
    margin-bottom: 20px !important; /* Alsó margó az elemek között */
    padding: 20px !important; /* Belső térköz az elemek körül */
}

.o-timeline-content {
    padding-left: 40px !important; /* Növeli a bal oldali belső térközt a szöveg és az ikon között */
}

.o-timeline-content {
    padding-left: 50px !important; /* Tovább növeli a bal oldali belső térközt, hogy a szöveg távolabb legyen az ikontól */
}

/* Az ikonok pozíciójának rögzítése és z-index beállítása */
.o-timeline-icon {
    position: relative; /* Az ikon pozíciójának módosítása */
    z-index: 2 !important; /* Az ikonokat előrébb hozza, hogy a vonal fölött jelenjenek meg */
    background-color: #ffffff; /* Fehér háttér az ikon mögött, hogy eltakarja a vonalat */
    border-radius: 50%; /* Az ikonok kör alakúvá tétele */
    padding: 8px; /* További belső térköz, hogy az ikon ne érjen hozzá a vonalhoz */
}

/* A vonal pozíciójának és z-indexének beállítása */
.o-timeline-root::before {
    content: "";
    position: absolute;
    left: 50%; /* A vonalat középre igazítja */
    transform: translateX(-50%);
    width: 4px; /* Vonal szélessége */
    height: 100%;
    background-color: #26b5b9; /* A vonal színe */
    z-index: 1; /* A vonal z-index értékének alacsonyabbra állítása */
}

/* Az ikonok pozíciójának és z-indexének előtérbe hozása */
.o-timeline-icon {
    position: relative; /* Az ikonok relatív pozíciója */
    z-index: 9999 !important; /* Nagy z-index érték, hogy minden előtt megjelenjenek */
    background-color: #ffffff; /* Fehér háttérszín az ikonoknak */
    border-radius: 50%; /* Kör alakú ikonok */
    padding: 8px; /* Extra belső térköz */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Enyhe árnyék a kiemeléshez */
}

/* A timeline vonal z-indexének háttérbe helyezése */
.o-timeline-root::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    background-color: #26b5b9;
    z-index: 1; /* Alacsonyabb z-index, hogy az ikonok előtt legyen */
}

/* Az egész timeline elem z-indexének csökkentése */
.wp-block-themeisle-blocks-timeline-item {
    position: relative;
    z-index: 5; /* Az ikonoknál alacsonyabb z-index */
}

/* Animáció kikapcsolása az ikonokon */
.o-timeline-icon .fas {
    animation: none !important;
}

.o-timeline-content {
    padding-left: 70px !important; /* Növeljük a bal oldali térközt a szöveg és az ikon között */
}


a {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
}

a:hover {
    cursor: url(https://arto.hu/hu/custom-hand-cursor.png), pointer; /* Egyedi kurzor kép megadása */
    color: #3498db; /* Hover alatt színváltoztatás */
    transform: scale(1.05); /* Enyhe nagyítás hover állapotban */
}

button {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

button:hover {
    background-color: #2980b9; /* Sötétebb árnyalat hover alatt */
    transform: translateY(-3px); /* Enyhe emelés */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Árnyék */
    cursor: pointer;
}

button:active {
    transform: translateY(1px); /* Kicsit visszaesik kattintáskor */
}


img {
    transition: transform 0.3s ease, filter 0.3s ease;
}

img:hover {
    transform: scale(1.1); /* Enyhe nagyítás */
    filter: brightness(1.2); /* Világosabb szín */
    cursor: url(https://arto.hu/hu/custom-hand-cursor.png), pointer;
}

.progress-bar {
    width: 0;
    height: 5px;
    background: linear-gradient(90deg, #3498db, #1abc9c);
    animation: progress-animation 3s forwards ease-in-out;
}

@keyframes progress-animation {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}
/* Eredeti */
body {
    margin: 0;
    padding: 0;
}

/* Minifikált */
body{margin:0;padding:0;}


.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}


.sprite {
    background: var(--wpr-bg-a1cbb53d-4f5e-40ef-962d-d93fb5a2bad5) no-repeat;
}

.icon-home {
    width: 32px;
    height: 32px;
    background-position: 0 0;
}

.icon-settings {
    width: 32px;
    height: 32px;
    background-position: -32px 0;
}

/* Menü ikon (hamburger) pozíció és stílus */
.menu-toggle {
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 1000; /* Biztosítsd, hogy mindig felül legyen */
    background-color: transparent;
    border: none;
    font-size: 24px;
    color: #fff; /* Fehér ikon */
    cursor: pointer;
}

/* Mobil menü (alapértelmezés szerint rejtve) */
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Teljes képernyő */
    background-color: #2c3e50; /* Sötét háttér */
    color: #fff;
    z-index: 999; /* Legyen elöl, de a hamburger ikon előtt */
    display: none; /* Alapértelmezés szerint rejtve */
    padding: 20px;
    box-sizing: border-box;
    overflow-y: auto; /* Görgethetőség hosszú menü esetén */
}

/* Menü linkek stílusa */
.mobile-menu a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

/* Aktív állapot hover */
.mobile-menu a:hover {
    background-color: #1abc9c;
    color: #fff;
}

/* Általános beállítások a kártyákhoz */
.is-style-customboxshadow {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 10px; /* Lekerekített sarkok */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Alap árnyék */
    background-color: rgba(255, 255, 255, 0.1); /* Áttetsző háttér */
}

/* Hover effektus – amikor ráviszed az egeret */
.is-style-customboxshadow:hover {
    transform: scale(1.05); /* Kicsit megnő */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); /* Erősebb árnyék */
    background-color: rgba(255, 255, 255, 0.15); /* Kissé világosabb háttér */
}

/* Ikon és cím animáció */
.is-style-customboxshadow:hover .guten-icon-wrapper,
.is-style-customboxshadow:hover h3,
.is-style-customboxshadow:hover h2 {
    transform: translateY(-5px); /* Enyhén felfelé mozdul */
    transition: transform 0.3s ease;
}


/* Általános beállítás a timeline dobozokra */
.wp-block-themeisle-blocks-timeline-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 10px; /* Lekerekített sarkok */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); /* Alap árnyék */
    background-color: rgba(255, 255, 255, 0.1); /* Áttetsző háttér */
}

/* Hover effektus – amikor az egér fölé megy */
.wp-block-themeisle-blocks-timeline-item:hover {
    transform: scale(1.05); /* Kicsit megnő */
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); /* Erősebb árnyék */
    background-color: rgba(255, 255, 255, 0.2); /* Világosabb háttér */
}

/* A szövegek és ikonok is mozduljanak meg egy picit */
.wp-block-themeisle-blocks-timeline-item:hover .o-timeline-icon,
.wp-block-themeisle-blocks-timeline-item:hover .o-timeline-content {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* Csak a megadott oszlopokra vonatkozik */
#wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 0px; /* Lekerekítés eltávolítása */
    box-shadow: none !important; /* Árnyék eltüntetése */
    background: none !important; /* Háttér eltüntetése */
    padding: 20px;
}

/* Hover effektus – amikor az egér fölé megy */
#wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover {
    transform: scale(1.05); /* Kicsit megnő */
    box-shadow: none !important; /* Hover alatt se legyen árnyék */
    background: none !important; /* Hover alatt se legyen háttér */
}

/* Az ikon és cím is kicsit megmozdul */
#wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover .wp-block-heading,
#wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover .wp-block-themeisle-blocks-font-awesome-icons {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* A szöveg kiemelése hover esetén */
#wp-block-themeisle-blocks-advanced-columns-7631bb9c .wp-block-themeisle-blocks-advanced-column:hover p {
    color: #fff; /* Világosabb szöveg kiemelés */
}

#wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 0px;
    box-shadow: none !important;
    background: none !important;
    padding: 20px;
}

#wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover {
    transform: scale(1.05);
    box-shadow: none !important;
    background: none !important;
}

#wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover .wp-block-heading,
#wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover .wp-block-themeisle-blocks-font-awesome-icons {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

#wp-block-themeisle-blocks-advanced-columns-546fa8db .wp-block-themeisle-blocks-advanced-column:hover p {
    color: #fff;
}

/* Csak az elérhetőségi oszlopokra vonatkozik */
.wp-block-columns-is-layout-flex .wp-block-column {
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 0px; /* Lekerekítés eltávolítása */
    box-shadow: none !important; /* Árnyék eltüntetése */
    background: none !important; /* Háttér eltüntetése */
    padding: 20px;
}

/* Hover effektus – amikor az egér fölé megy */
.wp-block-columns-is-layout-flex .wp-block-column:hover {
    transform: scale(1.05);
    box-shadow: none !important;
    background: none !important;
}

/* Az ikon és cím is kicsit megmozdul */
.wp-block-columns-is-layout-flex .wp-block-column:hover .wp-block-heading,
.wp-block-columns-is-layout-flex .wp-block-column:hover .wp-block-themeisle-blocks-font-awesome-icons {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

/* A szöveg kiemelése hover esetén */
.wp-block-columns-is-layout-flex .wp-block-column:hover p {
    color: #fff;
}

/* Alapstílus */
.wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd {
    transition: color 0.3s ease, transform 0.3s ease, text-shadow 0.3s ease;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

/* Hover effektus – ha fölé viszed az egeret */
.wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd:hover {
    color: #f9c0a3; /* Pl. halvány rózsaszínes árnyalat */
    text-shadow: 0 0 10px rgba(249, 192, 163, 0.8); /* Ragyogó effekt */
    transform: scale(1.1); /* Kicsit megnő */
}

/* Animált aláhúzás */
.wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: #f9c0a3;
    transition: width 0.3s ease, left 0.3s ease;
}

/* Ha fölé viszed, az aláhúzás kinyílik */
.wp-elements-3a076a4ecca71bfb29c204ec6b0a5dfd:hover::after {
    width: 100%;
    left: 0;
}

/* Aláhúzás az aktív almenüpontra */
.current-menu-item > a {
    color: #26b5b9;
    font-weight: bold;
    position: relative;
}

/* Aláhúzás effektus */
.current-menu-item > a::after,
.current-menu-ancestor > a::after,
.current-menu-parent > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #26b5b9;
}

/* Az aktív almenüpont aláhúzása */
.current-menu-item > a::after {
    width: 100%;
}

/* Az odavezető szülőmenüpontok ("Hazai", "Pályázatok") is kapjanak aláhúzást */
.current-menu-ancestor > a::after,
.current-menu-parent > a::after {
    width: 100%;
}

i {
    font-display: swap;
    will-change: transform;
}


/* 📌 Chatbot fejlécbe (header) kiírja a bot nevét */
.wp-chatbot-header::after {
    content: "ArtifAI"; /* A chatbot neve */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    color: #ffffff; /* Fehér szín */
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10 !important; /* Biztosítja, hogy mindig látszódjon */
    pointer-events: none; /* Megakadályozza, hogy kattintható legyen */
}

/* 📌 Fejléc pozíció és stílus finomhangolása */
.wp-chatbot-header {
    position: relative;
    text-align: center;
    padding: 10px !important;
}

/* 📌 Chatbot fejlécbe (header) kiírja a bot nevét */
.wp-chatbot-header::after {
    content: "ArtifAI"; /* A chatbot neve */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    color: #ffffff; /* Fehér szín */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 📌 Fejléc pozíció és stílus finomhangolása */
.wp-chatbot-header {
    position: relative;
    text-align: center;
}

/* 📌 Üzenetküldő sáv (footer) háttér kontrasztosabb */
.wp-chatbot-footer {
    background: rgba(240, 240, 240, 0.95) !important; /* Világosszürke háttér */
    border-top: 2px solid #26b5b9 !important; /* Türkiz vonal, hogy elkülönüljön */
    padding: 10px !important;
    backdrop-filter: blur(5px) !important; /* Finom háttérelmosás */
}

/* 📌 Üzenetküldő mező (input) olvashatóbb háttér és szöveg */
#wp-chatbot-editor {
    background: #ffffff !important; /* Fehér háttér */
    border: 2px solid #26b5b9 !important; /* Türkiz keret */
    border-radius: 15px !important;
    padding: 12px !important;
    font-size: 15px !important;
    color: #314b5a !important; /* Sötétkék szöveg */
    font-weight: bold !important;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* 📌 Üzenetmező placeholder szöveg kontrasztosabb */
#wp-chatbot-editor::placeholder {
    color: #4d4d4d !important; /* Sötétebb szürke szöveg */
    font-weight: normal !important;
}

/* 📌 Alsó ikonok (info, menü) jobban láthatóvá tétele */
.wp-chatbot-tab-nav ul li a {
    color: #4d4d4d !important; /* Sötétebb szürke */
    opacity: 1 !important;
}