:root {
    --brand: #1a6d5a;
}

body {
    background: #fafafa;
}

/* NAV */
.navbar {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.navbar-brand span {
    color: var(--brand);
    font-weight: 800;
}

.navbar .nav-link {
    color: var(--brand);
}

    .navbar .nav-link:hover {
        text-decoration: underline;
    }

/* Dropdown vzhľad */
.dropdown-menu {
    border-radius: .75rem;
}

.dropdown-item:hover {
    background: rgba(26,109,90,.08);
}

/* LINKS – dedenie farby, žiadny default modrý */
a {
    color: inherit;
    text-decoration: none;
}

    a:hover, a:focus {
        color: var(--brand);
        text-decoration: underline;
    }

/* PRICE & HERO */
.price {
    color: var(--brand);
    font-weight: 700;
}

.hero {
    background: linear-gradient(0deg, rgba(26,109,90,.08), rgba(26,109,90,.08));
}

/* PAGINATION */
.pagination .page-link {
    color: var(--brand);
}

.pagination .active .page-link {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}

/* FILTER TOPBAR */
.products-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* RadioButtonList → pekné „pills“ */
.rbl-type {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 0;
}

    .rbl-type input[type="radio"] {
        position: absolute;
        left: -9999px;
    }

    .rbl-type label {
        cursor: pointer;
    }

        .rbl-type label.active {
            background: var(--brand);
            border-color: var(--brand);
            color: #fff;
        }

        .rbl-type label.btn {
            border-radius: 999px;
            padding: .25rem .6rem;
        }

/* FOOTER */
footer {
    border-top: 1px solid #eee;
    background: #fff;
}

    footer a {
        color: var(--brand);
    }

        footer a:hover {
            text-decoration: underline;
        }

/* BLOG: dvojstĺpcové + skrolovateľné menu */
.dropdown-menu.blog-menu {
    max-height: 60vh; /* vnútorný scroll pri veľa položkách */
    overflow: auto;
    padding: 1rem .75rem;
}

/* desktop ≥ lg: rozdeľ na 2 stĺpce */
@media (min-width: 992px) {
    .dropdown-menu.blog-menu {
        width: 640px; /* môžeš upraviť podľa potreby */
        columns: 2; /* kľúčová vlastnosť */
        column-gap: 2rem;
    }

        .dropdown-menu.blog-menu .dropdown-item {
            break-inside: avoid; /* neskáč cez stĺpce */
            white-space: normal; /* nech sa text zalamuje */
            padding: .35rem .5rem;
            line-height: 1.3;
        }
}

/* mobil/tablet: ostane jeden stĺpec, len so scrollom */
@media (max-width: 991.98px) {
    .dropdown-menu.blog-menu {
        width: 90vw; /* nech má menu príjemnú šírku na mobile */
        max-width: 480px;
    }
}