/*
Theme Name: Storefront Child (Pabama)
Template:   storefront
*/

.site-header {
    border: 0;
}

.child-header:before {
    display: none;
}

.site-search .widget_product_search form::before {
    right: 0;
    left: auto;
}

.widget_search form:not(.wp-block-search) input[type=text], .widget_search form:not(.wp-block-search) input[type=search], .widget_product_search form:not(.wp-block-search) input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] {
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #000;
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none;
}

.woocommerce-breadcrumb a:first-of-type::before {
    display: none;
}

.site-footer ul li {
    padding: 0;
}

.site-footer ul li:before {
    display: none;
}

.n2-ss-button-container p {
    display: none;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
}

div:not(.wp-block-woocommerce-empty-cart-block)>.wc-block-grid .wc-block-grid__product {
    max-width: 100% !important;
    flex-basis: 100% !important;
}

.single-product .content-area {
    width: 100%;
}

.single-product .widget-area {
    display: none;
}

.site-footer {
    background-color: #fff;
}

.subcat-menu {
    background-color: #000;
    color: #fff;
}

.subcat-menu .subcategories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subcat-menu .subcategories li {
    padding: 1.618em 1em;
    display: inline-block;
}

.subcat-menu .subcategories li a {
    color: #fff;
}

.subcat-menu .subcategories li a:hover {
    text-decoration: underline;
}

.onsale,
.wc-block-grid__product-onsale {
    display: none !important;
}

.footer-column-icon.place .place-div {
    background-color: #f0f0f0;
    color: #444;
    border-radius: 9999px;
    padding: 6px;
    width: 36px;
    height: 36px;
}


.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product,
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product {
    font-size: 1em !important;
}

ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
    font-size: 1.3em;
}

.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link {
    font-size: 0.875em;
}

.wc-block-grid__products .wc-block-grid__product-image img {
    margin: 0 auto 15px !important;
}

.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .wc-block-grid__product .wc-block-grid__product-title {
    margin: 0 !important;
}

.theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
    border: 0;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
    color: #000;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

.home .pb-mobile-menu {
    display: none;
}

.easypack_show_geowidget {
    margin-top: 10px !important;
}

.n2-ss-layer {
    padding: 0 !important;
}

.n2-ss-layer-row {
    padding: 0 !important;
}

.n2-ss-layer-row-inner {
    /*flex-wrap: nowrap !important;*/
}

.site-header .site-branding img {
    margin: auto;
}

.site-footer a:not(.button):not(.components-button) {
    text-decoration: none;
}

.site-info {
    text-align: center;
    padding-bottom: 0;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #7f54b3;
}

.hentry .entry-content a.wc-block-components-button {
    text-decoration: none;
}

.cart-contents:hover,
ul.menu li.current-menu-item>a.cart-contents {
    text-decoration: none !important;
    border: none !important;
}

.added_to_cart.wc-forward {
    margin-left: 10px;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    content: none !important;
    display: none !important;
}

.wc-block-components-product-metadata__description {
    font-size: 1.2em;
}

.stock.in-stock {
    display: none;
}

.woocommerce-result-count {
    display: none;
}

#radio-control-wc-payment-method-options-przelewy24__label .wc-block-components-payment-method-label {
    position: relative;
}

#radio-control-wc-payment-method-options-przelewy24__label .wc-block-components-payment-method-label::after {
    content: "";
    display: block;
    position: absolute;
    background: url('/wp-content/themes/storefront-child/img/przelewy24.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 24px;
    top: 0;
    right: -120px;
}

.sparkwoo-public .iworks-omnibus {
    display: none;
}

.single-product div.product table.variations select {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .125);
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%2343454b' d='M0 0l5 6 5-6H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px; /* Aby zrobić miejsce na strzałkę */
    cursor: pointer;
}

.single-product div.product table.variations select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(67, 69, 75, 0.3); /* Opcjonalny efekt po fokusie */
}


@media (min-width: 768px) {
    .WpfWoofiltersWidget {
        position: sticky;
        top: 0;
    }

    .site {
        overflow: visible;
    }

    .tax-product_cat #content>.col-full {
        display: flex;
        justify-content: space-between;
    }

    #secondary {
        float: none;
    }

    .storefront-breadcrumb {
        margin: 0 0 1.706326em;
    }

    .site-footer {
        padding: 1.618em 0 1.706325903em;
    }

    .regulamin #primary article p {
        margin: 0 0 0.41575em;
    }

    .regulamin #secondary,
    .woocommerce-cart #secondary {
        display: none;
    }

    .woocommerce-cart article.hentry {
        margin-bottom: 0;
    }

    #primary {
        margin-bottom: 0;
    }

    .site-main {
        margin-bottom: 0;
    }

    .widget {
        margin: 0 0 1em;
    }

    .site-header-cart .cart-contents {
        padding: 2.2em 0;
    }
    .page-template-default #primary {
        width: 100%;
        margin-right: 0;
    }
    .page-template-default:not(.woocommerce-page) #primary article {
        color: #000;
        font-size: 16px;
        margin-bottom: 0;
    }
    .page-template-default:not(.woocommerce-page) #primary article h2 {
        color: #000;
        font-size: 24px;
        font-weight: 400;
    }
    .pb-mobile-menu {
        display: none;
    }

    .child-header {
        display: grid;
        grid-template-columns: 2fr 1fr 2fr;
        gap: 10px;
    }

    .subcat-menu__right-icon,
    .subcat-menu__header {
        display: none;
    }

    .woocommerce-active .site-header .site-branding {
        width: 100%;
        margin: 0;
    }

    .child-header__right {
        display: grid;
        grid-template-columns: 1fr 0.6fr 0.000001fr;
        gap: 20px;
    }

    .site-header-myaccount {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .woocommerce-active .site-header .site-search {
        width: 60%;
        float: none;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 0;
        margin-left: auto;
    }

    .widget_product_search {
        width: 100%;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-left: auto;
    }

    .col-full {
        max-width: 1182px;
    }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        font-size: 20px;
        color: #6b6b6b;
        padding: 0;
        margin: 1.618em 1em;
    }

    ul.menu li.current-menu-item>a,
    ul.menu li>a:hover {
        color: #000 !important;
        border-bottom: 1px solid #000;
    }

    .wpcu-product .wpcu-product__img img {
        height: 488px;
        object-fit: cover;
    }

    .wpcu-product__title a {
        font-size: 20px;
    }

    .wpcu-product__title a:hover {
        color: #000 !important;
    }

    .wpcu-product__price ins bdi, .wpcu-product__price .amount {
        font-size: 20px;
        color: #000 !important;
    }

    .wpcu-button .button, .wpcu-button .added_to_cart, .wpcu-button .button.added {
        background: #7f54b3 !important;
    }

    /* .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 100%;
    } */

    .woocommerce-cart .wc-block-grid__product {
        width: 100% !important;
    }

    /* .single-product div.product .woocommerce-product-gallery {
        display: flex;
        flex-direction: row-reverse;
    }

    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        margin-left: 10px;
    }

    .single-product div.product .woocommerce-product-gallery a img {
        width: 100%;
    } */

    /* Make image 75% width to make room to its right */
 
    .single-product div.product .woocommerce-product-gallery .flex-viewport {
        width: 75%;
        float: right;
    }
 
    /* Make Gallery 25% width and place it beside the image */
    
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
        width: 25%;
        float: right;
    }
    
    /* Style each Thumbnail with width and margins */
    
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
        width: 90%;
        float: none;
        margin: 0 0 10% 10%;
    }

    .single-product div.product .woocommerce-product-gallery .flex-viewport a img {
        margin-left: auto;
    }

    /* .woocommerce-product-gallery__image {
        width: 406px !important;
    } */

    .footer-column-icon {
        flex-grow: 0.1 !important;
    }

    .footer-column-email {
        display: flex;
        align-items: center;
    }

    .product_list_widget li img {
        max-width: 100px;
    }

    .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
        width: 210%;
        left: -55%;
    }

    .wt-related-products .carousel-wrap {
        padding: 0 !important;
    }

    .site-main ul.products.columns-5 li.product {
        margin-right: 10px;
        padding: 0 !important;
        width: 19.46% !important;

        &:last-child {
            margin-right: 0;
        }
    }

    .site-main ul.products.columns-5 {
        margin: 0 !important;
    }

    .swiper-button-next, .swiper-button-prev {
        color: #fff;
        top: 28%;
        font-weight: 900;
        font-size: 50px;
    }

    /* submenu */
    .subcat-menu {
        position: relative;
    }
    
    .subcategories {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .subcategory-item {
        /*position: relative;*/
    }
    
    .subcat-menu__right-icon {
        float: right;
        transition: transform 0.3s ease;
    }
    
    .subcategory-item:hover .subcat-menu__right-icon {
        transform: rotate(180deg);
    }
    
    .subcategories-children {
        display: none;
        list-style: none;
        padding: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        background: #fff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        padding: 0 2.617924em;
    }
    
    .subcategory-item:hover .subcategories-children {
        display: block;
    }
    
    .subcategories-children li {
        padding-left: 20px;
    }
    
    .subcategories-children li a {
        color: #000 !important;
    }
    

    .subcat-menu__name {
        text-decoration: none;
    }
    
    
    
}

@media (min-width: 1440px) {
    .child-header__right {
        grid-template-columns: 2fr 0.8fr 0.000001fr;
    }
}

@media (min-width: 1441px) {
    .col-full {
        max-width: 1482px;
    }

    ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
        margin-bottom: 0;
    }
}

@media (max-width: 819px) {
    .contact-email {
        flex-wrap: nowrap !important;
        flex-direction: row;
        justify-content: start;
    }

    .wp-block-columns.contact-email:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child {
        flex-basis: 10% !important;
        flex-grow: unset;
    }

    .wp-block-columns.contact-email:not(.is-not-stacked-on-mobile)>.wp-block-column:last-child {
        flex-basis: 90% !important;
        flex-grow: unset;
    }
}

@media (max-width: 767px) {
    .site-header-myaccount {
        display: none;
    }

    .site-footer .widget {
        margin-bottom: 0;
    }

    body.menu-visible {
        overflow: hidden;
    }

    .pb-mobile-menu {
        top: 90px;
        right: 10px;
        position: absolute;
        font-size: 30px;
        width: 30px;
        height: 30px;
    }

    .wpfFilterButtons {
        text-align: center;
    }

    .is-medium .wc-block-cart__sidebar, .is-mobile .wc-block-cart__sidebar, .is-small .wc-block-cart__sidebar,
    .wc-block-cart__submit,
    .wc-block-components-sidebar-layout.wc-block-cart {
        margin-bottom: 0 !important;
    }

    .subcat-menu {
        margin: 0;
        background-color: #fff;
        color: #000;
        position: fixed;
        right: -300px; /* Adjust width as needed */
        top: 0;
        width: 300px; /* Set the width of your menu */
        height: 100%;
        z-index: 2;
        transition: right 1s ease;
    }

    .menu-visible #page {
        transform: translateX(-300px); /* Move page content to the left */

    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
        z-index: 1; /* Below the menu but above the content */
        display: none; /* Hidden by default */
        transition: opacity 1s ease; /* Smooth fade-in */
    }
    
    .show-overlay .overlay {
        display: block;
        opacity: 1; /* Make the overlay visible */
    }

    #page {
        transition: transform 1s ease; /* Smooth sliding */
        position: relative;
        z-index: 1;
        overflow: visible;
    }

    .subcat-menu.show {
        display: block;
    }

    .subcat-menu__header {
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .menu-close {
        position: absolute;
        right: 10px;
        font-size: 25px;
        width: 25px;
        height: 25px;
    }

    .subcat-menu__right-icon {
        position: absolute;
        right: 0;
    }

    .subcat-menu .subcategories {
        overflow-y: scroll;
        height: 100vh;
    }

    .subcat-menu .subcategories li {
        width: 100%;
        padding: 0.2em;
    }

    .subcat-menu .subcategories li a {
        color: #000;
        display: block;
        position: relative;
        width: 100%;
        font-size: 14px;
        padding: 10px 10px 10px 20px;
    }

    .subcat-menu .subcategories li a .subcat-menu__name {
        position: relative;
        width: 100%;
        display: block;
    }

    .subcat-menu .subcategories li a .subcat-menu__name::after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        border-bottom: 1px solid #eee;
        bottom: -10px;
    }

    #masthead {
        position: relative;
    }

    .site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
        margin: auto;
    }

    .woocommerce-active .site-branding {
        width: 100%;
        float: none;
    }

    button.menu-toggle {
        display: none !important;
    }

    .primary-navigation {
        display: block;
    }

    .main-navigation .menu {
        display: flex !important;
        justify-content: space-between !important;
        overflow: visible !important;
        max-height: none !important;
    }

    #content > .col-full {
        display: flex;
        flex-direction: column-reverse;
    }

    .swiper-button-next, .swiper-button-prev {
        color: #fff;
        top: 28%;
        font-weight: 900;
        font-size: 50px;
    }

    .swiper-button-next {
        right: 20px;
    }
    
    .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1440px) {
    .added_to_cart.wc-forward {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1359px) {
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
        display: flex !important;
        justify-content: space-between !important;
        overflow: visible !important;
        max-height: none !important;
    }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
        font-size: 16px;
    }

    .woocommerce-active .site-header .site-search {
        width: 100%;
    }

    .woocommerce-active .site-header .site-branding {
        display: flex;
        align-items: center;
    }

    .child-header__right {
        grid-template-columns: 2fr 2fr 0.1fr;
    }

    .site-header-cart .cart-contents .count {
        display: none;
    }

    .widget_product_search form:not(.wp-block-search) input[type=search] {
        padding-right: 1em;
    }

    ul.products li.product .price, ul.products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, .wc-block-grid__products .wc-block-grid__product .price {
        font-size: 1.1em;
    }

    ul.products li.product .woocommerce-loop-product__title, ul.products li.product .woocommerce-loop-category__title, ul.products li.product .wc-block-grid__product-title, ul.products li.product .wc-block-grid__product-title>a:not(.has-font-size), ul.products .wc-block-grid__product .woocommerce-loop-product__title, ul.products .wc-block-grid__product .woocommerce-loop-category__title, ul.products .wc-block-grid__product .wc-block-grid__product-title, ul.products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products li.product .woocommerce-loop-product__title, .wc-block-grid__products li.product .woocommerce-loop-category__title, .wc-block-grid__products li.product .wc-block-grid__product-title, .wc-block-grid__products li.product .wc-block-grid__product-title>a:not(.has-font-size), .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title, .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a:not(.has-font-size) {
        min-height: 41px;
    }

    ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product {
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    .contact-email {
        font-size: 14px;
    }
}