/* 1. Nastavení kontejneru pro korektní zarovnání */
.dvojjazycne-menu {
    position: relative; /* Klíčové: Nastaví tuto položku jako referenční bod pro anglický text */
    padding-bottom: 2em; /* Vytvoří místo pod hlavním textem pro anglický překlad */
}

/* 2. Zobrazení Title Atributu jako druhého řádku pod názvem položky */
.dvojjazycne-menu a[title]:after {
    content: attr(title); /* Vytáhne text z Title Atributu */
    
    /* Vlastní stylování pro anglický text */
    font-size: 0.7em; 
    font-weight: normal;
    text-transform: none; 
    /*opacity: 0.7;*/
    
    /* Pozicování anglického textu */
    position: absolute; /* Klíčové: Umožní text umístit nezávisle */
    bottom: 0.1em; /* Posune text k dolní části položky menu (nastav podle potřeby) */
    left: 0;
    right: 0;
    text-align: center; /* Zarovná anglický text na střed */
}

/* 3. Skrytí původního Title Atributu, který se zobrazí jako popisek při najetí myši */
.dvojjazycne-menu a[title]:before {
    content: none !important;
}

/* 4. Úprava hlavního odkazu (aby se neposouval) */
.dvojjazycne-menu a {
    padding-bottom: 0 !important; /* Zruší původní vnitřní odsazení odkazu */
}
/*
   Media Query pro tablety a mobily (obrazovky menší než 921px)
   Astra obvykle přepíná menu na menších zařízeních kolem 920px.
*/
@media (max-width: 920px) {
    
    /* Zajištění, že položka menu nezabírá dodatečné místo pro 2. jazyk */
    .dvojjazycne-menu {
        padding-bottom: 0 !important; /* Zrušíme rezervaci místa (1.8em) */
    }

    /* Skrytí anglického textu (Title Attribute) na mobilu/tabletu */
    .dvojjazycne-menu a[title]:after {
        display: none !important; /* Klíčové: Skryje druhý jazyk */
    }

    /* Nastavení hlavního odkazu na standardní výšku pro mobilní menu */
    .dvojjazycne-menu a {
        padding-bottom: 0 !important;
        /* Přidej jakýkoli padding, který tvá šablona používá pro mobilní menu, 
           např. 10px nahoře a dole: */
        padding-top: 10px !important; 

    }
}
/* ZOOM OBRÁZKU  */
.zoom-obrazek {
    /* 1. Nastaví plynulost přechodu (délka animace) */
    transition: transform 0.3s ease-in-out; 
}
.zoom-obrazek:hover {
    /* 2. Zvětší obrázek o 5% */
    transform: scale(1.05); 
}