/* 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;
	width: 20%;
}

/* Á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 */
}

/* Nyelvválasztó modal ablak minimális magasságának beállítása */
#languageChoiceModal .modal-content {
    min-height: 30vh; /* A képernyő magasságának 40%-a */
}

/* Opcionális: A tartalom függőleges igazítása, ha kevés benne az elem */
#languageChoiceModal .modal-body{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}