/*************************************************************************************************************
 * WOO UPDATES
 ***************************************/

 span.woocommerce-input-wrapper {
     width: 100%;
 }
.woocommerce-message {
    border-color: #000;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
    border-color: #000;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #000;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #CCC
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #222;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    width: 100%;
    margin-top: 15px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    padding: 0px;
    border: 0px;
    margin: 0px;
}

.woocommerce-privacy-policy-text {
    font-size: 14px;
    line-height: 20px;
}

.woocommerce div.product form.cart div.quantity {
    margin: 0px;
}

.woocommerce.single-product .woocommerce-variation-price {
    display: none;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 10px;
}
.woocommerce div.product form.cart .variations label {
    font-size: 20px;
    line-height: 40px;
}
.woocommerce div.product form.cart .variations select {
    background-color: #F9F9F9; 
    border: 1px solid #EEE;
}
.woocommerce div.product form.cart .reset_variations::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f057";
    margin-right: 6px;
}
.afterpay-payment-info {
    font-size: 14px;
}

@media (max-width: 575px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        float: none;
        clear: both;
    }

}
.woocommerce .products ul, .woocommerce ul.products {
    margin-right: -15px;
    margin-left: -15px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0px 0px 15px;
    float: none;
    padding: 0px 15px;
}


/* breadcrumb */
.woocommerce .woocommerce-breadcrumb {
    margin: 0 auto;
    display: block;
    /* block container */
    overflow-x: auto;
    /* enable horizontal scroll */
    white-space: nowrap;
    /* prevent wrapping */
    -webkit-overflow-scrolling: touch;
    /* smooth swipe on iOS */
    padding: 10px 10px;
    /* padding: top 10px, bottom 5px */
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: grab;
    /* swipe hint */

    /* Hide scrollbar - Chrome, Safari, Opera */
}

.woocommerce .woocommerce-breadcrumb::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar - Firefox */
.woocommerce .woocommerce-breadcrumb {
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* IE and Edge */
}

/* Breadcrumb links */
.woocommerce .woocommerce-breadcrumb a {
    display: inline-block;
    padding-right: 0.5rem;
    /* spacing between links */
    text-decoration: none;
}

/* Active swipe cursor */
.woocommerce .woocommerce-breadcrumb:active {
    cursor: grabbing;
}

/* Desktop behavior: normal */
@media (min-width: 992px) {
    .woocommerce .woocommerce-breadcrumb {
        overflow-x: visible;
        white-space: normal;
        cursor: auto;
        padding: 10px 25px; 
    }
}

/* cart */
html .wc-block-components-checkout-place-order-button {
    padding-top: 0px;
    padding-bottom: 0px;
}
.widget_shopping_cart_content .woocommerce-mini-cart img {
    height: 80px !important;
    width: auto !important;
    position: absolute;
    left: 40px;
    top: 10px;
}
.widget_shopping_cart_content .woocommerce-mini-cart .remove_from_cart_button {
    color: #FFF !important;
    background: red;
    text-align: center;
    width: 20px;
    line-height: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -10px;
}
.widget_shopping_cart_content .woocommerce-mini-cart .mini_cart_item {
    padding: 10px 10px 10px 140px !important;
    text-align: left;
    border-bottom: 1px solid #CCC;
    position: relative;
    min-height: 100px;
}
.widget_shopping_cart_content .buttons .btn {
    margin: 0px 5px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    width: 100%;
    display: block;
}

.wc-block-checkout__sidebar {
    top: 120px !important;
}
/* account nav */

.page-template-page-account-registration #header-wrapper,
.page-template-page-account-registration #menu-wrapper,
.page-template-page-account-registration #topmenu-wrapper-block,
.page-template-page-account-registration #footer-wrapper,
.woocommerce-account:not(.logged-in) #header-wrapper,
.woocommerce-account:not(.logged-in) #menu-wrapper,
.woocommerce-account:not(.logged-in) #topmenu-wrapper-block,
.woocommerce-account:not(.logged-in) #footer-wrapper {  
    display: none; 
}

.account-setup-box {
    background: #FFF;
} 
.account-setup-box-header {
    background: #F0F0F0;
}

.account-setup-box .wizard-tabs {
    gap: 1rem;
}

.account-setup-box .wizard-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.account-setup-box .wizard-step .circle {
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    border: 1px solid #999;
    /* outline color */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #999;
    background-color: #fff; 
    transition: all 0.2s;
}

.account-setup-box .wizard-step.active .circle {
    background-color: #000;
    /* Bootstrap primary */
    border-color: #000;
    color: #fff;
}

.account-setup-box .wizard-step .step-label {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #6c757d;
    text-align: center;
}

.account-setup-box .wizard-step.active .step-label {
    color: #000;
}

.account-setup-logo img {
    max-height: 60px;
}

.woocommerce-password-strength {
    display: block !important;
    flex: 100%;
}
.woocommerce-account .page-title {
    text-align: center;
}
.woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.woocommerce-MyAccount-navigation li {
   padding: 0px 0px 1px;

}
.woocommerce-MyAccount-navigation li a {
   font-size: 18px;
   padding: 0px 15px;
   background: #F8F8F8;;
   border-left: 5px solid #000;
   display: block;
   line-height: 50px;
}
.woocommerce-MyAccount-navigation li.is-active a {
    border-color: #999;
}
.woocommerce-MyAccount-navigation li a:hover {
   background: #000;
   color: #FFF;

}

.list-products-meta {
    overflow: hidden;
    background: #F9F9F9;
    margin-bottom: 20px;
    padding: 5px 10px;
}

.list-products-meta .woocommerce-result-count {
    line-height: 40px;
    margin: 0px;
}
.list-products-meta .woocommerce-ordering {
    margin: 0px;
}
.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product > a {
    position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 20px;
    line-height: 40px;
    padding-bottom: 0px;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title, .woocommerce ul.products li.product-category .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    position: absolute;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    bottom: 20px;
    background: #FFF;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px;
}

 .account-setup-back {
    padding: 20px 0px 0px;
 }
@media ( min-width: 992px ) {

    .woocommerce-account:not(.logged-in) {
        background: #F9F9F9;
    }
}

@media ( max-width: 991px ) {
    .account-setup-box,
    #customer_login_wrapper .max-content-sm {
        padding: 5px 10px !important;
        background: #FFF;
        border: 0px;
        box-shadow: none !important;
        background: none;
    }
    .account-setup-box h4 {
        text-align: center;
    }
    .account-setup-back {
        padding: 5px 10px !important;
    }
}

/* cat stuff */

.woocommerce .woocommerce-ordering select {
    height: 31px !important;
}
.woocommerce ul.products li.product-category a {
    background: #000;
    display: block;
}
.woocommerce ul.products li.product-category img {
    margin: 0px !important;
}
.woocommerce ul.products li.product-category:hover img {
    opacity: 0.5;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
    color: #000;
    display: none;
}
.woocommerce ul.products[class*=columns-] li.product-category, .woocommerce-page ul.products[class*=columns-] li.product-category {
    margin-bottom: 20px;
}

.woocommerce ul.products li.product a {
    display: block;
}
.front-categories .woocommerce ul.products li.product-category {
    width: 33.3333%;
}
@media ( min-width: 1200px ) {
    .front-categories .woocommerce ul.products li.product-category {
        margin-bottom: 0px;
    }
    .front-categories .products {
        margin: 0px !important;
    }
}


/* product listing filtering section */
:where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay {
    top: env(safe-area-inset-top); 
    /* fallback to 0px */
} 

.woocommerce-ordering {
    position: relative;
}
.woocommerce-ordering::before {
    content: "\f160";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    color: #FFF;
    font-size: 16px;
    z-index: 1;
}

.woocommerce .woocommerce-ordering select {
    width: 36px;
    aspect-ratio: 1;
    appearance: none;
    text-indent: -999px;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    background: #6C757D;
    border: 1px solid #6C757D;
}

.woocommerce button.wc-block-product-filters__open-overlay {
    background: #000;
    color: #fff;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 6px;
}

.woocommerce .filters-content-inner {
    padding: 16px;
    background: #F9F9F9;
    margin-bottom: 30px;
    max-width: 600px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000;
    font-weight: bold;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    opacity: 0.6;
    font-size: 80%;
    font-weight: normal;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    color: red;
    text-decoration: none;
}
/* Make the price container a flexbox */
.price {
    display: flex;
    align-items: center;
    gap: 0.2em;
    /* optional spacing */
}

/* Set the deleted price last */
.price del {
    order: 2;
    /* moved to the end */
}

/* Set the current price first */
.price ins {
    order: 1;
    
    /* ensures it's first */
}

.woocommerce .star-rating span::before {
    color: #ffc107;
}

@media ( max-width: 600px) {
    .woocommerce #filters-content {
        display: block;
    }
    .woocommerce #category-filter-btn {
        display: none;
    }
    .woocommerce .list-products-meta .woocommerce-ordering {
        margin-left: auto !important;
    }
    .woocommerce .wc-block-product-filters__open-overlay {
        background: #000;
        color: #FFF;
    }
    .woocommerce .filters-content-inner {  
        margin: 0px 0px 20px;
        padding: 5px; 
    }
}


/* single view */

.woocommerce div.product div.images img {
    display: block;
    width: auto;
    height: auto;
    box-shadow: none;
    max-height: 500px;
    margin: 0 auto; 
    text-align: center;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-left: 10px;
    margin-top: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 110px;
    max-width: 110px;
    margin-right: 10px;
    border: 4px solid #CCC;
    border-radius: 6px;
    margin-bottom: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    border: 3px solid #FFF;
    border-radius: 6px;
    
}
.woocommerce div.product div.images .flex-control-thumbs li .flex-active {
    border-color: yellow;
}

@media ( min-width: 992px) {

    .woocommerce-product-gallery__wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 50% !important;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        right: 160px;
    }
}
@media ( max-width: 991px ) {
    .woocommerce div.product div.images.woocommerce-product-gallery {
        display: block !important;
    }
}


/* pagination */

.woocommerce-pagination {
    padding: 40px 0px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    width: 40px;
    text-align: center;
    font-size: 20px;
}