/* =========================================================
   IUNE – Mega-Menü & Mobile-Thumbs      v1.0.4 · 2025-07-04
   ========================================================= */

/* ---------- DESKTOP (≥ 992 px) --------------------------- */
.tp-nav-menu > li.has-homemenu{position:relative;}

.tp-nav-menu > li.has-homemenu > .tp-submenu{
    position:absolute;top:100%;left:50%;transform:translate(-50%,0);
    z-index:9999;
    min-width:920px;max-width:90vw;
    padding:40px 32px;
    background:#fff;border:1px solid #e6e6e6;border-radius:6px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,transform .25s ease;
}

.tp-nav-menu > li.has-homemenu:hover > .tp-submenu,
.tp-nav-menu > li.has-homemenu > .tp-submenu:hover{
    opacity:1;visibility:visible;pointer-events:auto;
    transform:translate(-50%,8px);
}

/* Grid-Layout */
.tp-nav-menu > li.has-homemenu > .tp-submenu{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);}
@media(max-width:1199px){.tp-nav-menu > li.has-homemenu > .tp-submenu{grid-template-columns:repeat(3,1fr);}}
@media(max-width:991px){ .tp-nav-menu > li.has-homemenu > .tp-submenu{grid-template-columns:repeat(2,1fr);} }
@media(max-width:575px){ .tp-nav-menu > li.has-homemenu > .tp-submenu{grid-template-columns:1fr;} }

/* Kachel */
.tp-submenu > li.homemenu{list-style:none;position:relative;}
.homemenu-thumb img{width:100%;height:auto;display:block;border-radius:8px;transition:transform .35s ease;}
.homemenu:hover .homemenu-thumb img{transform:scale(1.05);}
.homemenu-btn{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.55);border-radius:8px;opacity:0;transition:opacity .25s ease;
}
.homemenu-btn .menu-btn{font-size:14px;font-weight:600;color:#fff;}
.homemenu:hover .homemenu-btn{opacity:1;}

/* ===========================================================
   MOBILE / OFF-CANVAS  (≤ 991 px) – 1 BLOCK REICHT!
   =========================================================== */
@media (max-width:991px){

    /* Liste statt Grid */
    .tp-main-menu-mobile .tp-submenu,
    .offcanvas__area      .tp-submenu{
        display:block!important;
        position:static!important;
        padding:0;background:transparent;border:none;box-shadow:none;
    }

    /* Zeile = Thumb + Text */
    .tp-main-menu-mobile .homemenu > a,
    .offcanvas__area      .homemenu > a{
        display:flex!important;align-items:center;gap:12px;padding:8px 0;
    }

    /* Thumbnail 60×60 */
    .tp-main-menu-mobile .homemenu-thumb,
    .offcanvas__area      .homemenu-thumb{
        flex:0 0 60px!important;width:60px!important;height:60px!important;
        border-radius:6px;overflow:hidden;
    }
    .tp-main-menu-mobile .homemenu-thumb img,
    .offcanvas__area      .homemenu-thumb img{
        width:100%!important;height:100%!important;object-fit:cover;
    }

    /* Text ohne Overlay */
    .tp-main-menu-mobile .homemenu-btn,
    .offcanvas__area      .homemenu-btn{
        position:static!important;background:none!important;
        padding:0!important;opacity:1!important;display:block!important;
    }
    .tp-main-menu-mobile .homemenu-btn span,
    .offcanvas__area      .homemenu-btn span{
        font-size:15px;font-weight:600;color:#1b1b1b;
    }
    .tp-main-menu-mobile .homemenu:hover .homemenu-btn span,
    .offcanvas__area      .homemenu:hover .homemenu-btn span{
        color:#1b75d1;
    }

    /* Pfeil-Icon & Groß-Overlay ausblenden */
    .tp-main-menu-mobile .homemenu .dropdown-toggle-btn,
    .offcanvas__area      .homemenu .dropdown-toggle-btn{
        display:none!important;
    }
}