/* ====================================
   EKO-KOLOROWANKI.PL
   Pastelowy wyglad Cassiopeia
   ==================================== */

:root {
    --eko-mieta: #b8e2d0;
    --eko-tekst: #285448;
    --eko-fiolet: #f0e6fa;
    --eko-brzoskwinia: #ffe5d5;
}

/* 1. Biale tlo naglowka */
.container-header {
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    row-gap: 0 !important;
    overflow: visible !important;
}

/* 2. Usuniecie przerwy pod banerem */
.container-header .grid-child:has(.navbar-brand) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.container-header .navbar-brand {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.container-header .navbar-brand img {
    display: block;
}

.container-header nav {
    margin-top: 0 !important;
}

/* 3. Pastelowy pasek menu */
.container-header .container-nav {
    background: var(--eko-mieta) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 16px !important;
    border-radius: 0 0 12px 12px;
    position: relative;
    overflow: visible !important;
}

/* 4. Kolory glownego menu */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > button,
.container-header .mod-menu > li > span,
.container-header .mod-menu > li > .mm-toggler {
    color: var(--eko-tekst) !important;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li > button:hover {
    color: #16704f !important;
}

/* 5. Biale rozwijane podmenu */
.container-header .metismenu.mod-menu .mm-collapse,
.container-header .metismenu.mod-menu .mod-menu__sub,
.container-header .mod-menu .dropdown-menu {
    background: #fff !important;
    border: 1px solid #dcece3 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    z-index: 9999 !important;
}

/* 6. Ciemne napisy podkategorii */
.container-header .metismenu.mod-menu .mm-collapse a,
.container-header .metismenu.mod-menu .mod-menu__sub a,
.container-header .mod-menu .dropdown-menu a,
.container-header .metismenu.mod-menu .mm-collapse .mod-menu__heading {
    color: #285448 !important;
    text-decoration: none !important;
}

/* 7. Podswietlenie podkategorii */
.container-header .metismenu.mod-menu .mm-collapse a:hover,
.container-header .metismenu.mod-menu .mod-menu__sub a:hover,
.container-header .mod-menu .dropdown-menu a:hover {
    color: #176345 !important;
    background: #e7f7ef !important;
}

/* 8. Pastelowe breadcrumbs */
.container-breadcrumbs,
.container-breadcrumbs .breadcrumb,
.breadcrumb {
    background: var(--eko-fiolet) !important;
    border-radius: 8px;
}

.container-breadcrumbs .breadcrumb,
.breadcrumb {
    padding: 10px 15px !important;
}

.breadcrumb,
.breadcrumb li,
.breadcrumb-item,
.breadcrumb-item.active {
    color: #694681 !important;
}

.breadcrumb a {
    color: #63428b !important;
}

/* 9. Naglowki paneli bocznych */
.card-header,
.moduletable > h3,
.sidebar-left .card-header,
.sidebar-right .card-header {
    background: var(--eko-brzoskwinia) !important;
    color: #875537 !important;
    border-color: #f2d7c6 !important;
}

/* 10. Delikatne obramowanie paneli */
.card {
    border-color: #e5e9e6 !important;
    border-radius: 9px;
    overflow: hidden;
}

/* Zachowanie widocznosci podmenu */
.container-header .mod-menu,
.container-header .container-nav {
    overflow: visible !important;
}

/* 11. Menu mobilne */
.container-header .navbar-toggler {
    color: var(--eko-tekst) !important;
    border-color: #90c7af !important;
}