/* ================================
   HOME – tylko obraz (Cassiopeia)
================================ */

/* ukryj cały layout (z wyjątkiem górnego menu) */
.home-full header,
.home-full footer,
.home-full aside,
.home-full .sidebar,
.home-full .breadcrumbs,
.home-full .breadcrumb,
.home-full .page-header,
.home-full h1,
.home-full .moduletable:not(.navbar) {
    display: none !important;
}

/* usuń siatkę Cassiopeia */
.home-full .site-grid,
.home-full .grid-child,
.home-full main,
.home-full #content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

/* artykuł na cały ekran */
.home-full .item-page {
    margin: 0 !important;
    padding: 0 !important;
}

/* OBRAZ = CAŁY EKRAN */
.home-full .item-page img {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover;
    display: block;
}

/* ================================
   GLOBALNE NADPISANIE MENU CASSIOPEIA
================================ */

/* Główny pasek menu na samej górze strony */
nav.navbar {
    display: flex !important;
    background-color: #2c80ff !important; /* Twój firmowy niebieski */
    padding: 10px 30px !important;
    box-shadow: 0 4px 12px rgba(44, 128, 255, 0.3) !important;
    width: 100% !important;
}

/* Linki w menu głównym (Komputer) */
nav.navbar .nav-link {
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 8px 20px !important;
    transition: all 0.2s !important;
}

/* Podświetlenie linków po najechaniu myszką */
nav.navbar .nav-link:hover {
    color: #fd7e14 !important; /* Twój firmowy pomarańcz */
}

/* Rozwijane menu z markami (Dropdown) */
nav.navbar .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
    border-radius: 8px !important;
}

/* Pozycje w rozwijanym menu marek */
nav.navbar .dropdown-item {
    color: #333333 !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

nav.navbar .dropdown-item:hover {
    background-color: rgba(44, 128, 255, 0.08) !important;
    color: #2c80ff !important;
}

/* DOPASOWANIE DLA TELEFONÓW */
@media (max-width: 991.98px) {
    /* Kontener menu na telefonie */
    nav.navbar .navbar-collapse {
        background-color: #2c80ff !important;
        border-radius: 12px !important;
        padding: 15px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
        margin-top: 12px !important;
    }

    /* Linki w pionie na telefonie */
    nav.navbar .nav-link {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    }

    /* Podmenu marek na telefonie */
    nav.navbar .dropdown-menu {
        background-color: rgba(255, 255, 255, 0.05) !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    nav.navbar .dropdown-item {
        color: #ffffff !important;
        text-align: center !important;
    }
}