/*Zmiana szerokości menu */
.pk-dropdown {
    z-index: 9;
    pointer-events: none;
    opacity: 0;
    display: none;
    background-color: #F9F8F1;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 26px 1px rgba(0, 0, 0, 0.13);
}



/* =========================================================================
   1. GLOBALNE UKRYCIE ŚCIEŻKI NAWIGACJI (BREADCRUMB) - BEZPIECZNE DLA LOGO
   ========================================================================= */
.page-category .breadcrumb,
.page-category .breadcrumb-wrapper,
.page-search .breadcrumb,
.page-search .breadcrumb-wrapper,
.page-manufacturer .breadcrumb,
section#main .breadcrumb {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none !important;
}

#header .logo, .header-top .logo, .header-mobile .logo, #shop-logo, .logo img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
}

/* =========================================================================
   2. DUŻE EKRANY (KOMPUTERY) - UKRYWANIE ELEMENTÓW MOBILNYCH & SIDEBAR
   ========================================================================= */
@media (min-width: 768px) {
    .mobile-buttons-row-container {
        display: none !important;
        visibility: hidden !important;
    }
    
    .product_list_top, #products .product_list_top {
        border: none !important; 
        display: none !important; 
        margin: 0 !important;
    }

    #nhk-native-trigger { 
        display: none !important; 
    }

    #left-column.sidebar {
        display: none !important;
    }
}

/* =========================================================================
   3. MAŁE EKRANY (TELEFONY) - FILTRY, STRZAŁKA I NAPRAWA PANELU ALYSUM
   ========================================================================= */
@media (max-width: 767px) {
    /* Usunięcie czarnego przycisku "Filter" oraz linii nad/pod nim */
    .elementor-products-top-bar, 
    .ce-products-top-bar, 
    .product_list_top,
    #js-product-list-top,
    .products-selection,
    .products-selection-wrapper,
    .ce-loop-actions,
    #products hr,
    section#main hr {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Likwidacja szarych linii granicznych kontenera produktów */
    #products .product_list_top,
    section#main .product_list_top {
        border-top: none !important;
        border-bottom: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Wymuszenie pojawienia się oryginalnej strzałki/panelu Alysum bez blokowania skryptów JS */
    .open-sidebar, 
    .ce-loop-toggle-filter, 
    .btn-sidebar, 
    .open-filters, 
    #search_filter_toggler {
        display: inline-block;
        visibility: visible;
        opacity: 1;
    }

    /* Pozycjonowanie pływającej strzałki na mobile z naprawą czasu reakcji touch */
    #nhk-native-trigger {
        position: fixed !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        background-color: #C5A059 !important; /* Luksusowy złoty kolor motywu */
        color: #ffffff !important;
        border: none !important;
        width: 40px !important;
        height: 50px !important;
        border-radius: 5px 0 0 5px !important;
        z-index: 99999 !important;
        display: flex; 
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        box-shadow: -2px 2px 10px rgba(0,0,0,0.15) !important;
        cursor: pointer !important;
        touch-action: manipulation !important; /* Likwiduje opóźnienie kliknięcia na smartfonach */
    }

    /* Naprawa ucinania i ściśnięcia napisów w panelu bocznym (Chrome) */
    #search_filters_wrapper,
    .pk-sidebar-canvas,
    #search_filters_wrapper ul, 
    #search_filters_wrapper li,
    .pk-sidebar-canvas ul, 
    .pk-sidebar-canvas li {
        list-style: none !important;
        list-style-type: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    #search_filters_wrapper li::before, 
    .pk-sidebar-canvas li::before {
        content: "" !important;
        display: none !important;
    }

    #search_filters_wrapper .facet .facet-label, 
    #search_filters_wrapper .category-sub-menu li, 
    #search_filters_wrapper li a,
    .pk-sidebar-canvas .facet .facet-label, 
    .pk-sidebar-canvas li a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 0 !important; 
        margin: 0 !important;
        text-align: left !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important; 
        overflow: visible !important;
        word-break: break-word !important;
        font-size: 14px !important; 
        line-height: 1.4 !important;
    }

    /* Ustawia tekst i ikonę w jednej linii na mobile */
    .pk-nav-li a {
        display: flex !important;
        align-items: center !important;
        flex-direction: row !important;
    }

    /* Przesuwa ikonę na koniec (prawą stronę) na mobile */
    .pk-nav-li a i, 
    .pk-nav-li a svg, 
    .pk-nav-li a .pk-nav-icon {
        order: 2 !important;
        margin-right: 0 !important;
        margin-left: 2px !important;
        color: #C5B358 !important;
    }
}
/* =========================================================================
   4. ETYKIETY PRODUKTÓW I ITONY MENU (WIDOK GLOBALNY / HOVER)
   ========================================================================= */
.pk-nav-li a:hover i, 
.pk-nav-li a:hover svg, 
.pk-nav-li a:hover .pk-nav-icon {
    color: #000000 !important; /* Kolor ikony po najechaniu */
}

.elementor-19010000 .elementor-element.elementor-element-1d15b8f .pk-nav-ul {
    column-gap: 20px;
    justify-content: center;
}

/* =========================================================================
   5. OPTYMALIZACJA WYGLĄDU I ZWĘŻENIE PANELU FILTRÓW (NHK SIDEBAR)
   ========================================================================= */
/* Główny kontener panelu bocznego - wysmuklenie i tło */
div#nhk-sidebar-panel {
    max-width: 280px !important; 
    background-color: #ffffff !important; 
    box-shadow: -2px 0 15px rgba(0, 0, 0, 0.05) !important; 
}

/* Nagłówek panelu (FILTRY) */
div.nhk-panel-header {
    background-color: #ffffff !important; 
    border-bottom: 1px solid #eaeaea !important; 
    padding: 15px 20px !important;
}

/* Tytuł "FILTRY" */
div.nhk-panel-header h5, 
div.nhk-panel-header span {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Nagłówki sekcji filtrów (Categories, Availability, Selections) */
.facet-title-wrapper,
#search_filters .facet .title,
#search_filters_wrapper h4 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2f362f !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
    padding-top: 10px !important;
}

/* Naprawa list i usunięcie brzydkich kropek/punktów */
#search_filters ul, 
#search_filters li,
.search_filters li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Same elementy filtrów (tekst przy checkboxach) - Maksymalne skompaktowanie */
#search_filters li, 
#search_filters .facet .facet-label,
#search_filters_wrapper .facet .facet-label,
.search_filters li,
.search_filters .facet .facet-label {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important; 
}

#search_filters li a,
#search_filters .facet .facet-label a {
    color: #666666 !important;
    font-size: 13px !important;
    font-family: inherit !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Efekt najechania myszką na opcję filtra */
#search_filters li a:hover {
    color: #2f362f !important; 
}

/* Odstępy między całymi sekcjami filtrów */
#search_filters section.facet,
#search_filters_wrapper .facet {
    border-bottom: 1px solid #f5f5f5 !important;
    padding-bottom: 8px !important;  
    margin-bottom: 12px !important;  
}

/* Zmniejszenie odstępów wokół samych checkboxów */
#search_filters .custom-checkbox,
#search_filters input[type="checkbox"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Zmniejszenie odstępu pod nagłówkami sekcji */
.facet-title-wrapper,
#search_filters .facet .title,
#search_filters_wrapper h4 {
    margin-bottom: 6px !important;  
    padding-top: 4px !important;    
}

/* Skrócenie przerw wewnątrz samego kontenera filtrów */
div#search_filters_wrapper,
div#search_filters {
    padding: 1px 5px !important; 
}

.search_filters {
    gap: 5px !important;
}

/* =========================================================================
   6. FLAGI I ETYKIETY PRODUKTÓW (NEW / KOLORYSTYKA)
   ========================================================================= */
.product-miniature .product-flags li {
    color: #C5B358;
}

#main-content .product-miniature .product-flag.new {
    background-color: #C5B358;
    color: #fff;
}
/* NATURAL HERBA KINGS - CAŁKOWITE UKRYCIE OKNA KOSZYKA BEZ IMPORTANT */
/* NATURAL HERBA KINGS - CAŁKOWITE UKRYCIE ROZWINIĘTEGO OKNA KOSZYKA */
#main-header #desktop_cart div.blockcart div.shopping_cart,
#header #desktop_cart div.blockcart div.shopping_cart,
#desktop_cart .blockcart.active div.shopping_cart,
#desktop_cart .blockcart div.shopping_cart {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

/* POKAZYWANIE OKNA KOSZYKA WYŁĄCZNIE PO NAJECHANIU MYSZKĄ */
#main-header #desktop_cart div.blockcart:hover div.shopping_cart,
#header #desktop_cart div.blockcart:hover div.shopping_cart,
#desktop_cart .blockcart.active:hover div.shopping_cart {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9999;
    
    /* Kremowo-złota stylistyka dymka Twojej marki */
    background: #F9F8F1; 
    border: 1px solid #C5B358; 
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(63, 112, 77, 0.15);
    padding: 15px 20px;
    min-width: 300px;
}

/* OSTATECZNE USUNIĘCIE ZEPSUTEGO NAPISU O PŁATNOŚCIACH */
#desktop_cart .payment-methods-img,
#desktop_cart img[alt*="payment"],
#desktop_cart img[src*="placeholder.png"] {
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}
/* ==========================================================================
   NATURAL HERBA KINGS - FINALNE UKRYCIE WISZĄCEGO OKNA KOSZYKA
   ========================================================================== */

/* Bezwzględne schowanie dużego okna z kwasem borowym, gdy koszyk jest aktywny */
#header #desktop_cart div.blockcart div.shopping_cart,
#desktop_cart .blockcart.active div.shopping_cart,
#desktop_cart .blockcart div.shopping_cart,
#desktop_cart div.shopping_cart {
    display: none;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* Wymuszenie pokazywania zawartości okna WYŁĄCZNIE po najechaniu myszką */
#header #desktop_cart div.blockcart:hover div.shopping_cart,
#desktop_cart .blockcart.active:hover div.shopping_cart,
#desktop_cart:hover div.shopping_cart {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9999;
    background: #F9F8F1; /* Twoje oficjalne kremowe tło */
    border: 1px solid #C5B358; /* Złota ramka marki */
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(63, 112, 77, 0.15);
    padding: 15px 20px;
    min-width: 310px;
}

/* Usunięcie zepsutego napisu i obrazka payment-methods pod koszykiem */
#desktop_cart .payment-methods-img,
#desktop_cart [class*="payment-methods"],
#desktop_cart img[src*="placeholder.png"] {
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}
/* NATURAL HERBA KINGS - CAŁKOWITE USUNIĘCIE NIEBIESKIEGO PASKA POWIADOMIEŃ */
#notifications aside.ce-notification,
#notifications .pk-notification.flex-container.info.alert-info,
#notifications div.pk-notification,
#notifications .alert-info,
aside#notifications {
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    opacity: 0;
    overflow: hidden;
}