/* Rögzített alsó navigációs sáv (változatlan) */
.bottom-nav {
    position: fixed; bottom: 0; left: 0; width: 100%; height: 60px;
    background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    display: flex !important; justify-content: space-around; align-items: center; z-index: 1000;
}

/* Navigációs linkek általános stílusa (változatlan) */
.bottom-nav .nav-link {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    flex-grow: 1; color: #6c757d; text-decoration: none; font-size: 0.75rem;
    padding: 5px 0; height: 100%; transition: color 0.2s ease-in-out;
}

/* Általános ikon méretek (változatlan) */
.bottom-nav .nav-link i {
    font-size: 1.5rem; margin-bottom: 2px;
}
.bottom-nav .nav-link img {
    height: 24px; width: auto; object-fit: contain; margin-bottom: 4px;
}

/* Aktív állapot stílusa (változatlan) */
.bottom-nav .nav-link.active {
    color: #0d6efd; font-weight: bold;
}

/* === MÓDOSÍTOTT CTA STÍLUSOK === */

/* A középső gomb külső csomagolója */
.bottom-nav .nav-link.central-cta-wrapper {
    margin-top: -15px; /* Helyet csinál a kiemelésnek */
}

/* A kör alakú ikon/logó konténer */
.bottom-nav .central-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.2);
    transform: translateY(-15px);
    transition: background-color 0.2s ease-in-out;
}

/* A logó mérete a körön belül */
.bottom-nav .central-cta-icon img {
    height: 32px; /* Kicsit nagyobb lehet */
    width: auto;
    margin: 12px 0;
}

/* A CTA gomb felirata (a kör alatt) */
.bottom-nav .central-cta-wrapper span {
    transform: translateY(-10px); /* Közelebb húzzuk a körhöz */
}

/* A CTA gomb aktív állapota */
.bottom-nav .nav-link.central-cta-wrapper.active .central-cta-icon {
    background-color: #b6d4ff; /* Világosabb kék */
}
/* Az aktív CTA gomb felirata is legyen kék */
.bottom-nav .nav-link.central-cta-wrapper.active span {
    color: #0d6efd;
    font-weight: bold;
}

/* Nyelvválasztó zászlók stílusa a modal ablakban */
.lang-flag {
    height: 24px;  /* Zászló magassága */
    width: 24px;   /* Zászló szélessége */
    object-fit: cover; /* Biztosítja, hogy a kép ne torzuljon */
    border-radius: 50%; /* Kör alakú zászlók */
    box-shadow: 0 0 2px rgba(0,0,0,0.2); /* Opcionális, finom árnyék */
}