/* =======================================================
JONAP: MEGA MENU, MOBILNÍ MENU & BANNERY (UX 2026)
======================================================= */

/* =======================================================

ABSOLUTNÍ PŘEPÍNAČ (DESKTOP VS MOBIL) - OPRAVENO
======================================================= */
@media screen and (min-width: 1200px) {
.mobile-only,
.mobile-menu-banner {
display: none !important;
}

/* ZDE BYLA CHYBA: Vráceno na 'block', aby produkty mohly dýchat a nesmrskly se! */
.desktop-only { 
    display: block !important; 
}

/* Flexbox si vynutíme PŘÍSNĚ JEN pro fotky v menu, nikoliv pro produkty */
.ohne-style-menu-banners.desktop-only {
    display: flex !important;
}
}

@media screen and (max-width: 1199px) {
.desktop-only,
.ohne-style-menu-banners {
display: none !important;
}
.mobile-only,
.mobile-menu-banner {
display: block !important;
}

/* Agresivní skrytí malých fotek kategorií (oprava pro Paxio) */
.navigation-in ul li > a img:not(.mobile-menu-banner img),
.navigation-in ul li > a .image,
.navigation-in ul li > a .category-image,
.navigation-in ul li > a > span.picture,
.navigation-in ul li > a > span[style*="background-image"] {
    display: none !important;
    background-image: none !important;
}
}

/* =======================================================
2. OHNE PROJECT MEGA MENU STYL (DESKTOP)
======================================================= */
@media screen and (min-width: 1200px) {
ul.menu-level-2.has-custom-banner {
padding-right: 48% !important;
min-height: 400px;
}
ul.menu-level-2.has-custom-banner > li {
width: 25% !important;
flex-basis: 25% !important;
margin-bottom: 30px;
padding-right: 15px !important;
box-sizing: border-box;
}
.custom-mega-menu-inserted {
display: block !important;
position: absolute;
top: 0;
right: 0;
width: 48%;
height: 100%;
padding: 30px 40px 30px 0;
box-sizing: border-box;
}
.ohne-style-menu-banners {
display: flex;
gap: 20px;
height: 100%;
}
.menu-banner-item {
flex: 1;
position: relative;
display: block;
height: 100%;
border-radius: 8px;
overflow: hidden;
text-decoration: none !important;
}
.menu-banner-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.menu-banner-item:hover img {
transform: scale(1.05);
}
}

/* =======================================================
3. UX 2026 MOBILNÍ MENU - TOTÁLNÍ OČISTA (Fonty, mezery, šipky)
======================================================= /
@media screen and (max-width: 1199px) {
/ Agresivní reset mezer a fontů */
.navigation-in ul li {
border-bottom: none !important;
margin: 0 !important;
padding: 0 !important;
}

.navigation-in ul li > a,
.navigation-in ul li > a span {
    font-family: "roc-grotesk", sans-serif !important; /* Vynucení Jonap fontu */
    color: #000 !important;
    text-decoration: none !important;
    background: none !important;
    border-bottom: none !important;
}

/* Zmenšení těch obřích mezer a nastavení textů */
.navigation-in > ul.menu-level-1 > li > a {
    padding: 16px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important; /* Přepíše těch nesmyslných 54px z Paxia */
}

.navigation-in ul.menu-level-2 > li > a,
.navigation-in ul.menu-level-3 > li > a {
    padding: 12px 20px 12px 24px !important; /* Krásně kompaktní odsazení */
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* OPRAVA ŠIPEK (Využijeme tajný prvek šablony) */
.navigation-in ul li.ext > a::after,
.navigation-in ul li.ext > a > i,
.navigation-in span.submenu-arrow::after,
.navigation-in span.submenu-arrow::before {
    display: none !important; 
}

.navigation-in span.submenu-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 60px !important; /* Velká dotyková zóna */
    height: 100% !important;
    font-size: 0 !important; /* Skryje text uvnitř */
}

.navigation-in span.submenu-arrow::after {
    content: "\2192" !important; /* → */
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #000 !important;
    transition: transform 0.3s ease !important;
}

.navigation-in li.ext.exp > a > span.submenu-arrow::after {
    transform: rotate(90deg) !important; /* ↓ */
}

/* Oprava tlačítka ZPĚT */
.navigation-in ul li.go-back > a {
    padding: 16px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.navigation-in ul li.go-back > a::before {
    content: "\2190" !important; /* ← */
    margin-right: 12px !important;
    font-size: 20px !important;
    font-family: Arial, sans-serif !important;
}

/* Zarovnání spodních bannerů a kontaktů */
.mobile-mega-menu-inserted {
    padding: 20px 24px 30px 24px !important; 
    border-top: none !important;
}

.navigation-in .menu-helper {
    border-top: 1px solid #E5E5E5;
    margin-top: 20px !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
}
.navigation-in .menu-helper a, 
.navigation-in .menu-helper .phone {
    font-family: "roc-grotesk", sans-serif !important;
    font-size: 14px !important;
    color: #666 !important;
    padding: 8px 0 !important;
}
}

/* =======================================================
4. NÁVRAT POPISKŮ (Joy Kids) A ZKROCENÍ FOTEK NA PC
======================================================= */
.menu-banner-item,
.mobile-menu-banner a {
position: relative !important;
display: block !important;
overflow: hidden !important;
border-radius: 8px !important;
}

.menu-banner-text {
display: block !important;
position: absolute !important;
bottom: 15px !important;
right: 15px !important;
background: #fff !important;
color: #000 !important;
padding: 6px 14px !important;
font-family: "roc-grotesk", sans-serif !important;
font-weight: 700 !important;
font-size: 13px !important;
text-transform: uppercase !important;
z-index: 999 !important; /* Přibije text nahoru nad obrázek /
border-radius: 4px !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; / Lehký stín pro čitelnost */
}

/* Zkrocení obřích desktopových fotek do úhledného panelu /
.custom-mega-menu-inserted {
height: 100% !important;
max-height: 420px !important; / Strop pro celou pravou sekci */
padding: 20px 30px 20px 0 !important;
overflow: hidden !important;
}

.ohne-style-menu-banners {
height: 100% !important;
max-height: 380px !important; /* Strop přímo pro obrázky */
}

.menu-banner-item img,
.mobile-menu-banner img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* Zajistí, že se obří fotka smrskne a hezky ořízne */
display: block !important;
}