/* ============================================================
   GÓRNE MENU – KOLORY I TŁO
============================================================ */

#menu_navbar,
#menu_navbar .navbar,
.nav-main,
.navbar.nav-main {
    background-color: #1a1a1a !important;
}

/* Główne kategorie (Narciarstwo, Snowboard itd.) – biała czcionka */
#menu_navbar .navbar-nav > .nav-item > .nav-link {
    color: #ffffff !important;
    text-transform: uppercase;
}

/* Hover głównych kategorii */
#menu_navbar .navbar-nav > .nav-item > .nav-link:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Ikony / strzałki */
#menu_navbar .nav-link:after,
#menu_navbar .nav-item i {
    color: #ffffff !important;
}

/* Pomarańczowe „uszy” po bokach – usuwamy */
@media (min-width: 979px) {
    #menu_categories::before {
        background: #1a1a1a !important;
        filter: none !important;
    }
}


/* ============================================================
   MEGA MENU – KATEGORIE (#1a1a1a)
============================================================ */

/* Kolor kategorii w rozwijanym mega menu – #1a1a1a */
header #menu_navbar .navbar-subnav .nav-link,
header #menu_navbar .navbar-subsubnav .nav-link,
header #menu_navbar .navbar-subsubsubnav .nav-link {
    color: #1a1a1a !important;
    text-transform: none;
    background-color: transparent !important;
}

/* Hover – jasne podświetlenie, tekst dalej #1a1a1a */
header #menu_navbar .navbar-subnav .nav-link:hover,
header #menu_navbar .navbar-subsubnav .nav-link:hover,
header #menu_navbar .navbar-subsubsubnav .nav-link:hover {
    background-color: #f5f5f5 !important;
    color: #1a1a1a !important;
}

/* Tło paneli megamenu → białe */
#menu_navbar .navbar-subnav,
#menu_navbar .navbar-subsubnav,
#menu_navbar .navbar-subsubsubnav,
#menu_navbar .navbar__whiteBackground {
    background-color: #ffffff !important;
}


/* ============================================================
   STRONA PRODUKTU – CENA (NA GRAFITOWO)
============================================================ */

.projector_page #projector_price_value {
    background: #1a1a1a !important;
    color: #ffffff !important;
}


/* ============================================================
   STRONA PRODUKTU – PRZYCISK „DODAJ DO KOSZYKA”
============================================================ */

#projector_button_basket {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}

#projector_button_basket:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* NAGŁÓWEK H1 NA KARCIE PRODUKTU */

.product_name__name {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    text-transform: none !important;
}


/* ==========================================
   LISTING & BOX PRODUKTU – PRZYCISK DO KOSZYKA
   ========================================== */

.product__button.btn.--solid.--medium {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
    border-radius: 4px; /* opcjonalne, możesz usunąć */
}

.product__button.btn.--solid.--medium:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* ==========================================
   BUTTONY W BLOKU .button-container
   ========================================== */

.button-container .button {
    display: inline-block;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 12px 22px;
    border-radius: 4px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #1a1a1a !important;
    transition: 0.25s ease;
}

.button-container .button:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* ==========================================
   BUTTON "ZADAJ PYTANIE" – KOLOR #1a1a1a
   ========================================== */

.questions__button,
.questions__banner_item.--button .btn.--solid.--medium {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
    border-radius: 4px;
    padding: 12px 20px;
    text-transform: none !important;
}

.questions__button:hover,
.questions__banner_item.--button .btn.--solid.--medium:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* ==========================================
   FILTROWANIE NA MOBILKACH – KOLORY
   ========================================== */

/* Tło całego paska filtrów */
.mobileCategories,
.mobileCategories:before {
    background-color: #1a1a1a !important;
}

/* Każdy przycisk w filtrach */
.mobileCategories__item button {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(255,255,255,0.15) !important;
}

/* Aktywny filtr */
.mobileCategories__item button.--active {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Dodatkowe hover (gdyby IAI nadpisywał) */
.mobileCategories__item button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}