/* =========================================================
   UKŁAD STRONY SKLEPU (Filtry po lewej + Produkty)
   ========================================================= */
.alma-shop-container {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 40px !important;
    max-width: 1300px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
    align-items: start !important;
}

/* Sidebar z filtrami przykleja się podczas przewijania na komputerze */
.alma-shop-sidebar {
    position: sticky !important;
    top: 30px !important;
}

/* Wewnętrzny wygląd widgetów filtrów w naszym stylu */
.alma-filter-widget {
    background: #ffffff !important;
    border: 1px solid var(--border-subtle, #e5e0d8) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

.alma-filter-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--text-main, #221f1d) !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 1px solid var(--border-subtle, #e5e0d8) !important;
    padding-bottom: 10px !important;
}

/* Główny kontener strony sklepu */
.alma-shop-page-wrapper {
    max-width: 1300px !important;
    margin: 0 auto !important;
}

/* =========================================================
   16. NOWOCZESNY UKŁAD I STYLIZACJA FILTRÓW SKLEPU
   ========================================================= */

/* Nagłówek u góry */
.alma-shop-top-header {
    margin: 0 !important;
    padding: 0 !important;
}
.alma-shop-top-header h1.page-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--text-main, #221f1d) !important;
    font-family: 'Playfair Display', serif !important;
    margin: 0 0 10px 0 !important;
}

/* Układ dwukolumnowy: Filtry | Produkty */
.alma-shop-container {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 40px !important;
    align-items: start !important;
}

/* Sidebar z filtrami przyklejony podczas przewijania */
.alma-shop-sidebar {
    position: sticky !important;
    top: 30px !important;
}

/* ================== WIDGETY FILTRÓW (Karty) ================== */
.alma-shop-sidebar .alma-filter-widget,
.alma-shop-sidebar .widget {
    background-color: #ffffff !important;
    border: 1px solid var(--border-subtle, #e5e0d8) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
}

/* Tytuł widgetu filtru (np. "Filtruj według ceny", "Kategorie") */
.alma-shop-sidebar .alma-filter-title,
.alma-shop-sidebar .widget-title,
.alma-shop-sidebar h2.widgettitle {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--text-main, #221f1d) !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 1px solid var(--border-subtle, #e5e0d8) !important;
    padding-bottom: 12px !important;
}

/* Listy w widgetach (np. kategorie, atrybuty) */
.alma-shop-sidebar .widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.alma-shop-sidebar .widget ul li {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #475569 !important;
}
.alma-shop-sidebar .widget ul li a {
    color: #475569 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.alma-shop-sidebar .widget ul li a:hover {
    color: var(--season-text, #af9072) !important;
    padding-left: 4px !important;
}

/* Suwak ceny WooCommerce / Przyciski filtrowania */
.alma-shop-sidebar .price_slider_amount {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 15px !important;
}
.alma-shop-sidebar .price_slider_amount button.button {
    background-color: var(--season-text, #af9072) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}
.alma-shop-sidebar .price_slider_amount button.button:hover {
    opacity: 0.9 !important;
}

/* ================== RERSPONSYWNOŚĆ (MOBILE) ================== */
@media (max-width: 1024px) {
    .alma-shop-sidebar {
        position: relative !important;
        top: 0 !important;
    }
}


.wc-block-product-filter-removable-chips__remove {
    padding: 0 !important;
}

/* RERSPONSYWNOŚĆ: Na telefonie i tablecie filtry lądują nad produktami */
@media (max-width: 1024px) {
    .alma-shop-container {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
        gap: 20px !important;
        padding: 0 15px !important;
    }
    .alma-shop-sidebar {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .alma-shop-page-wrapper {
        padding: 0 !important;
    }
}


@media (max-width: 768px) {
    .alma-shop-sidebar {
        display: none !important;
    }
}