/*
  Theme name: Granitan
  Version: 1.0.0
  Author: Effectivity
  Author URI: https://effectivity.pl/
*/

@media (min-width: 768px) {
    .products-grid .products-grid__wrapper .products-grid__filters-header {
        margin-bottom: 24px;
    }

    .products-grid .product-item .product-item__content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .products-grid .product-item .product-item__content .product-item__description {
        margin-bottom: 24px;
    }

    .products-grid .product-item .product-item__content a.add-to-cart {
        margin: auto 0 0 0;
        width: 100%;
    }

    .products-grid .products-grid__wrapper {
        flex-direction: column;
    }

    .products-grid .products-grid__wrapper .products-grid__items {
        grid-template-columns: repeat(4, 1fr);
    }

    .products-grid__filters-content .woof_redraw_zone {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: stretch;
    }

    .products-grid__filters-content .woof_redraw_zone > div {
        width: calc(25% - (16px / 4) * 3);
        height: auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container .woof_checkbox_label {
        pointer-events: none !important;
        cursor: initial !important;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container h4 {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 16px;
        border: 1px solid #eee;
        border-radius: 8px;
        margin: 0 !important;
        cursor: pointer;
        flex-wrap: wrap;
        gap: 0 4px;
        height: 100%;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_submit_search_form_container {
        flex-direction: column;
        gap: 4px;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_submit_search_form_container button:only-child {
        height: 100%;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container h4 > a {
        display: none !important;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container h4 > .chosen-value-text {
        font-weight: 700;
        color: #e5ac3b;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active h4 {
        border-radius: 8px 8px 0 0;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container {
        position: relative;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container > .woof_container_inner {
        height: 100%;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container:not(.active) .woof_container_inner > .irs,
    .products-grid__filters-content .woof_redraw_zone .woof_container:not(.active) .woof_container_inner > .woof_block_html_items {
        display: none !important;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .woof_block_html_items {
        display: block;
        position: absolute;
        background-color: white;
        padding: 16px;
        border-radius: 0 0 8px 8px;
        border: 1px solid #eee;
        top: 100%;
        width: 100%;
        max-height: 400px;
        z-index: 1;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .woof_block_html_items:has(.woof_taxrange_slider) {
        padding: 16px 32px;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .irs {
        display: block;
        position: absolute;
        padding: 16px 0 !important;
        width: calc(100% - 48px);
        left: 50%;
        transform: translateX(-50%);
        max-height: 400px;
        z-index: 1;
        top: calc(100% + 16px);
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .irs::before {
        content: '';
        position: absolute;
        background-color: white;
        top: -16px;
        left: -24px;
        width: calc(100% + 48px);
        height: calc(100% + 16px);
        border-radius: 0 0 8px 8px;
        border: 1px solid #eee;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .irs .irs-from,
    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .irs .irs-to {
        top: -15px;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .irs .irs-line {
        top: 22px;
    }

    .products-grid__filters-content .woof_redraw_zone .woof_container.active .woof_container_inner > .woof_block_html_items > .chosen-container {
        width: 100% !important;
    }
}

.content-info .content-info__image img {
    height: 100px;
    width: 100px;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

form[name="checkout"] .shipping-method {
    display: contents;
}

form[name="checkout"] .shipping-methods-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

form[name="checkout"] .cart-total__description {
    order: 1;
}

form[name="checkout"] #dhl-parcelshop-select-map {
    margin: 8px 0 4px;
    display: block;
}