/*
Theme Name: عطاری نشاط
Theme URI: https://attarineshat.com
Author: mostafa saeedi
Author URI: https://msae.ir/
Description: فروشگاه انلاین محصولات گیاهی
Tags: عطاری انلاین
Version: 1.0
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* spices */
section.icon-cat .item {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    flex-direction: column;
    gap: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 1rem;
}

section.icon-cat .item img {
    max-width: 129px;
    min-height: 129px;
}

section.icon-cat .item h6 {
    font-size: 16px;
    text-align: center;
    color: #7A7A7A;
}

/* special offer */
.special-offer figure {
    max-width: 100%;
    height: 100%;
    float: left;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}

.special-offer figure img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.special-offer .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.special-offer .right .title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.special-offer .right .title i {
    font-size: 20px;
    color: #3D3D3D;
}

.special-offer .right .title h4 {
    font-size: 24px;
    font-weight: 500;
}

.special-offer .right .content {
    line-height: 28px;
    color: #7A7A7A;
}

.special-offer .right .content h2,
.special-offer .right .content h3,
.special-offer .right .content h4 {
    margin-top: 1rem;
}

.special-offer .right .content p.int {
    color: #666666;
}

.special-offer .right .content span.des {
    display: block;
    margin-top: 16px;
}

.special-offer .right .content span.des b {
    color: #666666;
}

.special-offer .right .content span.des p {
    color: #8F8F8F;
}

.special-offer .right .content span.des p i {
    margin-left: 4px;
}

.special-offer .right .details {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.special-offer .right .details .not_price {
    display: flex;
    justify-content: end;
    width: 100%;
}

.special-offer .right .timer {
    display: flex;
    gap: 12px;
    flex-direction: row-reverse;
}

.special-offer .right .box-item {
    width: 40px;
    height: 40px;
    background: #F5F5F5;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    border-radius: 8px;
}

.special-offer .right .box-item b {
    color: #3D3D3D;
}

.special-offer .right .box-item p {
    font-size: 12px;
    line-height: 0;
    color: #777777;
}

.special-offer .right .price {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
    width: 100%;
}

/* cart product 1 */
.best-products .bs-hero .post .price ins,
.best-products .bs-hero .post .price bdi {
    color: #7A7A7A;
}
.an-new-pro .post {
    background-color: white;
    height: 500px;
}

.bs-hero .post figure {
    max-height: 280px;
}

.bs-hero .post figure img {
    object-fit: cover;
    max-height: 280px;
}
.bs-hero p.price {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.bs-hero p.price ins bdi {
    font-size: 1.25rem !important;
    color: #178C48 !important;
}
.special-offer .right .buy {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.special-offer .right .buy .send-free {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #666666;
}

.special-offer .right .buy .send-free b {
    font-size: 12px;
}

.special-offer .right .buy .send-free p {
    font-size: 10px;
}

.special-offer .right .buy .send-free i {
    font-size: 16px;
    color: #804B5E;
}

.special-offer .right .price ins {
    font-size: 1.25rem;
    font-weight: 600;
    color: #178C48;
}

.price del .woocommerce-Price-amount span.woocommerce-Price-currencySymbol {
    display: none;
}

.price ins span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    margin-right: .25rem;
}

.price span.woocommerce-Price-amount.amount {
    font-size: 1.25rem;
    font-weight: 600;
    color: #178C48;
    float: left;
    width: 100%;
    display: flex;
    justify-content: end;
}

.price del span.woocommerce-Price-amount.amount {
    font-size: 1rem;
    color: #7A7A7A !important;
    text-decoration: line-through;
}

/* gallery products */
.ga-products .content .images figure {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 0;
    padding: 1rem;
    background: #fff;
}

.ga-products .content .images figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.ga-products .content .btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/* consulting online */
.cons-on {
    background-image: url('img/consulting.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 300px;
}

.cons-on:after {
    content: '';
    width: 100%;
    height: 300px;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    right: 0;
}

/* blog */
section.blog {
    margin-top: 80px;
}

.blog-hero {
    margin-top: 40px;
}

.blog .blog-hero .post {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 12px;
    padding: 10px;
}

.blog .blog-hero .post figure {
    max-width: 350px;
    height: 300px;
    overflow: hidden;
    margin-bottom: 0;
}

.blog .blog-hero .post figure img {
    height: 100%;
    object-fit: cover;
}

.blog .blog-hero .post .title a {
    display: block;
    height: 3rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #7A7A7A;
}

.blog .blog-hero .post .content p {
    font-size: 1rem;
    color: #7A7A7A;
}

.blog .blog-hero .post .details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #6666;
    padding-top: .5rem;
    font-size: .725rem;
    color: #666666;
}

.blog .blog-hero .post .details a {
    font-size: .725rem;
    color: #666666;
}

.blog .blog-hero .post .details .author p i {
    padding-left: .25rem;
}

.blog .blog-hero .post .left {
    display: flex;
    gap: 1rem;
}

.blog .blog-hero .post .left a {
    font-size: .725rem;
    color: #666666;
}

/* single product */
section.single-product {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.stco .star {
    font-size: .75rem;
    color: #FCC072;
}

.stco a {
    color: #8F8F8F;
    font-size: .75rem;
    display: flex;
    align-items: center;
    gap: 4px;
}

.single-product .content .meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    color: #7A7A7A;
}
.meta span.sku_wrapper {
    display: none;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: .5rem !important;
}
h2.woocommerce-loop-product__title {
    font-weight: 600;
    color: #7A7A7A;
}
.single-product .content .meta a {
    color: #7A7A7A;
    font-weight: 600;
}

.single-product .content .meta .item {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.single-product .content .desc span {
    font-weight: 600;
}

.single-product .content .desc p {
    margin-bottom: 8px;
}

.single-product .content .buy {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: var(--mgsh);
}

.single-product .content .buy .price {
    display: flex;
    gap: var(--mgmd);
    align-items: center;
}

.single-product .content .buy .price ins {
    font-size: var(--fsmd);
    color: var(--p3);
    font-weight: 600;
}

.single-product .content .buy .prop form select#type {
    width: 100px;
    height: 40px;
    border: 1px solid var(--b8);
    border-radius: 8px;
    padding: 8px;
    font-family: 'iran';
    font-weight: 600;
    color: var(--b3);
}

.single-product .content .buy .ppr {
    display: flex;
    justify-content: space-between;
}

.single-product .content .buy .stac {
    display: flex;
    justify-content: space-between;
}

.single-product .content .buy .stac .stock {
    color: var(--b3);
}

.single-product .content .buy .stac .stock {
    color: var(--b3);
    font-size: var(--fspg);
}

.single-product .content .info {
    height: 56px;
}

.single-product .content .info a {
    color: #7A7A7A;
    font-size: .725rem;
}

.single-product .content .info button {
    color: #7A7A7A;
    font-size: .725rem;
}
.an-price form button {
    color: white !important;
    background-color: #178C48 !important;
    border-radius: .5rem !important;
}

/* whishlist */
.yith-wcwl-wishlistaddedbrowse .feedback {
    color: #7A7A7A;
    font-size: .725rem;
}

.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist .add_to_wishlist img {
    width: 1rem !important;
}

.yith-wcwl-add-to-wishlist {
    margin-top: 0 !important;
}

/* compare */
.woocommerce.product.compare-button {
    justify-content: center;
}

.woocommerce.product.compare-button a::before {
    content: "\f0ec";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;
}

.compare-list,
.compare-list table,
.compare-list th,
.compare-list td,
.yith-wcwl-add-to-wishlist,
.yith-wcwl-wishlist-title {
    font-family: "iran" !important;
}


section.single-product .img .gallery .item {
    padding: 8px;
}

section.single-product .img .gallery .item figure img {
    max-width: 100%;
    object-fit: cover;
}

.qun-product input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.qun-product input[type="number"] {
    width: 1.5rem;
}

.qun-product input[type="button"] {
    width: 24px;
}

.qun-product {
    width: 100px;
    height: 35px;
}

.hero-pro-cart .qun-product {
    width: 5rem;
    height: 2rem;
}

/* description product */
.show-more {
    position: absolute;
    bottom: 0;
    right: 50%;
}

/* filter archive page */
ul.fil-btn a {
    font-size: 1rem;
    color: #7A7A7A;
}

/* hero products */
.hero-pro {
    display: flex;
    flex-direction: column;
    gap: .725rem;
    background-color: #fff;
    border-radius: 1rem;
    overflow: hidden;
    padding: 1rem;
}

.hero-pro figure {
    display: flex;
    justify-content: center;
}

.hero-pro figure img {
    max-width: 100%;
}

.hero-pro h6.title {
    font-size: 1.25rem;
    color: #3D3D3D;
}

.hero-pro .price {
    display: flex;
    justify-content: space-between;
}

.hero-pro .price ins {
    font-size: 1rem;
    font-weight: 600;
    color: #666666;
}

.hero-pro .price del {
    font-size: .875rem;
    color: #8F8F8F;
}

.hero-pro a {
    text-align: center;
    color: #7A7A7A;
}

/* price range */
.price-range input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: .5rem;
    background: #F5F5F5;
    border-radius: 3px;
    outline: none;
}

.price-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    background: #E0E0E0;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
}

/* filter rate product */
.fil-rate form label {
    align-items: center;
    display: flex;
    gap: .5rem;
    cursor: pointer;
}

.fil-rate form label .star {
    width: 100%;
    display: flex;
    gap: .5rem;
    justify-content: start;
    background-color: #F5F5F5;
    padding: .25rem 1rem;
    border-radius: .5rem;
}

.fil-rate form label .star i {
    color: #8F8F8F;
    font-size: .725rem;
}

/* related product filter */
.fil-relpro a {
    font-size: 12px;
    font-weight: 600;
    color: #8F8F8F;
    display: block;
    text-align: center;
}

/* product shoping cart */
.hero-pro-cart .post {
    min-width: 30%;
    min-height: 180px;
    display: flex;
    gap: 1rem;
    padding: 1rem;
    overflow: hidden;
    border-radius: .5rem;
    background-color: #fff;
}

.hero-pro-cart .post .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-pro-cart .post .right figure {
    max-width: 80px;
    max-height: 100px;
}

.hero-pro-cart .post .right .del {
    display: flex;
    justify-content: center;
}

.hero-pro-cart .post .right a {
    text-align: center;
    font-size: .725rem;
    color: #9b0000;
}

.hero-pro-cart .post .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-pro-cart .post .left .title {
    font-size: .875rem;
    font-weight: 600;
    color: #525252;
}

.hero-pro-cart .post .left .prop {
    display: flex;
    flex-direction: column;
}

.hero-pro-cart .post .left .prop .item {
    display: flex;
    gap: .5rem;
    font-size: .725rem;
    color: #8F8F8F;
}

.hero-pro-cart .post .left .prop .item .i2 {
    font-weight: 600;
    color: #7A7A7A;
}

/* menus user */
.hero-menu-user {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.hero-menu-user .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-menu-user .item a {
    display: flex;
    gap: .5rem;
    align-items: center;
    font-size: 1rem;

    color: #8F8F8F;
}

.hero-menu-user .item i {
    color: #8F8F8F;
}

/* panel user */
.dash-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    height: 180px;
    position: relative;
}

.dash-box h6 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #7A7A7A;
}

.dash-box span {
    font-size: 1rem;
    color: #7A7A7A;
}

.dash-box p {
    font-size: .725rem;
    color: #8F8F8F;
}

.dash-box .top {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.dash-box > i.fa-cart-shopping,
.dash-box > i.fa-credit-card,
.dash-box > i.fa-gift {
    position: absolute;
    top: 40px;
    left: 1rem;
    font-size: 3rem;
    color: #CCCCCC;
}

.dash-box .btn {
    display: flex;
    justify-content: center;
}

.dash-box a {
    color: #7A7A7A;
    font-size: .725rem;
}

/* message dashboard */
.mess-da {
    padding: 1rem;
    position: relative;

}

.mess-da h6 {
    font-weight: 600;
    font-size: 1rem;
    color: #7A7A7A;

}

.mess-da p {
    color: #7A7A7A;
    font-size: .725rem;
    line-height: 2;
}

/* best product */
.best-products .post .title {
    overflow: hidden;
    height: 3.5rem;
}

/* search box */
.content-ajax-search {
    width: 50%;
    position: absolute;
    background: #fff;
    right: 25%;
    top: 2rem;
    z-index: 9;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    opacity: 0;
    visibility: visible;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 2rem;
    transition: all .2s ease-in-out;
}

.content-ajax-search ul {
    max-height: 300px;
    overflow-y: auto;
    padding-left: 10px;
    margin: 10px 0;
}

.content-ajax-search ul li a {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0;
    gap: .5rem;
    color: #7A7A7A;
}

.content-ajax-search ul li a img {
    width: 55px;
    margin-left: 5px;
    height: 55px;
}

.content-ajax-search ul li a div h3 {
    font-weight: 700;
    font-size: 14px;
    margin: 3px 0;
}

.show {
    visibility: visible !important;
    display: block;
    opacity: 1 !important;
}

.loader-ajax-search {
    width: 50%;
    position: absolute;
    right: 25%;
    top: 4rem;
    background: #fff;
    border: 1px solid #ddd;
    padding: 30px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    border-bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 9;
}

.loader {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #000; /* تغییر رنگ به مشکی */
    box-shadow: 32px 0 #000, -32px 0 #000; /* تغییر رنگ به مشکی */
    position: relative;
    animation: flash 0.3s ease-in infinite alternate;
    display: flex;
    margin: 12px auto;
}

.loader::before, .loader::after {
    content: '';
    position: absolute;
    left: -64px;
    top: 0;
    background: #000; /* تغییر رنگ به مشکی */
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transform: rotate(45deg);
    animation: hitL 0.3s ease-in infinite alternate;
}

.loader-animate::before {
    display: none !important;
}

@keyframes flash {
    0%, 100% {
        background-color: rgba(0, 0, 0, 0.25); /* تغییر به مشکی */
        box-shadow: 32px 0 rgba(0, 0, 0, 0.25), -32px 0 rgba(0, 0, 0, 0.25);
    }
    25% {
        background-color: rgba(0, 0, 0, 0.25);
        box-shadow: 32px 0 rgba(0, 0, 0, 0.25), -32px 0 rgba(0, 0, 0, 1);
    }
    50% {
        background-color: rgba(0, 0, 0, 1);
        box-shadow: 32px 0 rgba(0, 0, 0, 0.25), -32px 0 rgba(0, 0, 0, 0.25);
    }
    75% {
        background-color: rgba(0, 0, 0, 0.25);
        box-shadow: 32px 0 rgba(0, 0, 0, 1), -32px 0 rgba(0, 0, 0, 0.25);
    }
}

@keyframes hitL {
    0% {
        transform: rotate(45deg);
        background-color: rgba(0, 0, 0, 1); /* تغییر به مشکی */
    }
    25%, 100% {
        transform: rotate(0deg);
        background-color: rgba(0, 0, 0, 0.25);
    }
}

@keyframes hitR {
    0%, 75% {
        transform: rotate(0deg);
        background-color: rgba(0, 0, 0, 0.25);
    }
    100% {
        transform: rotate(-45deg);
        background-color: rgba(0, 0, 0, 1);
    }
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    backdrop-filter: blur(5px);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.not-fount-search {
    text-align: center;
}

.not-fount-search {
    text-align: center;
}

.not-fount-search p {
    font-size: 16px;
    color: var(--main-color);
    font-weight: 600;
    padding: 10px 0 20px;
}

.not-fount-search img {
    max-width: 42%;
    margin: 10px 0;
}

/* woocommerce */
.pro-img-sing ol.flex-control-thumbs {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    cursor: pointer;
    flex-wrap: wrap;
    padding-right: 0;
}

.pro-img-sing ol.flex-control-thumbs li {
    width: 30.5%;
    background-color: white;
    border-radius: .5rem;
    overflow: hidden;
    padding: .5rem;
    display: flex;
    justify-content: center;
}
.pro-img-sing ol.flex-control-thumbs li img{
    object-fit: cover;
}

.pro-img-sing .flex-viewport,
.pro-img-sing .woocommerce-product-gallery__wrapper {
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

/* archive filter */
.product-brand input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.brand-label {
    border: 2px solid transparent;
    padding: 5px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: .5rem;
}

.product_brand:checked + .brand-label {
    border-color: #007bff;
    box-shadow: 0 0 2px #007bff;
}

#coll-br {
    display: none;
}

/* rating */
.rating-stars .star {
    font-size: 1.5rem;
    color: #ccc;
    cursor: pointer;
}

.rating-stars .star:hover,
.rating-stars .star.active {
    color: #f39c12;
}

div#coll-star {
    display: none;
}

/* user panel */
.woocommerce-account .woocommerce-MyAccount-navigation {
    background-color: white;
    border-radius: .5rem;
    padding: 1rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding-right: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    background: white;
    padding: 1rem;
    border-radius: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul > li {
    display: flex;
    align-items: center;
    gap: .275rem;
    padding: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active {
    background-color: #F5F5F5;
    border-radius: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard::before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address::before {
    content: "\f2b9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;

}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::before {
    content: "\f2f5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: -.25rem;
    position: relative;

}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address header {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
    font-size: .75rem;
    color: #8F8F8F;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address header a.edit {
    border: 1px solid #CCCCCC;
    padding: .25rem 1.25rem;
    border-radius: .5rem;
    width: 200px;
}

.woocommerce-account .woocommerce-MyAccount-content input {
    border: 1px solid #CCCCCC;
    border-radius: .5rem;
    padding: .25rem 1.25rem;
}

.woocommerce-account .woocommerce-MyAccount-content button {
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: .5rem;
}

.woocommerce-account .woocommerce-MyAccount-content form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    width: 100%;
}

.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    width: 100%;
}


/* loading add to cart */
.loading-spinner {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#add-to-cart-success-modal {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#add-to-cart-success-modal.show {
    opacity: 1;
}

/* shoping cart */
.product-box {
    position: relative;
    overflow: hidden;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(2px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Spinner */
.spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #ccc;
    border-top: 3px solid #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* wc min cart */
.widget_shopping_cart_content {
    visibility: hidden;
    opacity: 0;
    width: 400px !important;
    max-height: 500px !important;
    overflow: hidden;
    background: white;
    position: absolute;
    left: 0;
    padding: 1rem .5rem 1rem .5rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 999;
    box-shadow: 0 2px 2px #989898;
    transition: all .2s ease-in-out;
}
.woocommerce bdi,
.widget_shopping_cart_content bdi{
    display: flex;
    gap: .25rem;
}
.woocommerce-mini-cart li.mini_cart_item {
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 1rem !important;
    padding-top: 0 !important;
}
ul.cart_list{
    padding-right: 0;
    overflow-y: auto;
}
ul.cart_list li a {
    display: flex !important;
    align-items: center;
    gap: .5rem;
}
ul.cart_list li img {
    width: 100px !important;
}
.widget_shopping_cart_content .img-close {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.widget_shopping_cart_content .img-close a {
    font-weight: 400 !important;
}
.an-price span.quantity {
    display: flex;
    gap: .5rem;
    justify-content: end;
    font-weight: 600 !important;
    color: #7A7A7A;
}
.an-price p.in-stock {
    font-size: 14px;
    color: #7a7a7a;
}
ul.product_list_widget li img{
    margin-right: 0 !important;
}

a.remove.remove_from_cart_button {
    height: 1em;
    width: 1em;
    padding: .25rem;
    color: var(--wc-red) !important;
    border-radius: 100%;
    font-size: 1.5rem;
}
a.remove.remove_from_cart_button:hover {
    color: #fff !important;
    background: var(--wc-red);
}
p.woocommerce-mini-cart__buttons.buttons{
    display: flex;
    gap: .5rem;
}
p.woocommerce-mini-cart__buttons.buttons a.button {
    background-color: #178C48 !important;
    border-radius: .5rem !important;
    color: #EEFFF5 !important;
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
    line-height: unset !important;
    font-weight: 600;
}


/* wc account */
.account nav.woocommerce-MyAccount-navigation {
    visibility: hidden;
    opacity: 0;
    width: 300px !important;
    position: absolute;
    background-color: white !important;
    top: 56px;
    left: 0;
    border-radius: 0 .5rem .5rem .5rem !important;
    padding: 1rem !important;
    box-shadow: 0 2px 2px #989898;
    transition: all .2s ease-in-out;
}
.account nav.woocommerce-MyAccount-navigation ul{
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.user_login{
    border-radius: .5rem;
}
.user_login{
    width: 100%;
    height: 100%;
    color: #7A7A7A;
}
.user_login:hover,
.user_login:hover i.fa-solid.fa-user-check{
    background-color: white;
    color: #7A7A7A;
    transition: all .4s ease-in-out;
}
.user_login:hover nav.woocommerce-MyAccount-navigation{
    visibility: visible;
    opacity: 1;

}


/*single product*/
.woocommerce div.product .product_title {
    font-size: 1.75rem;
    color: #666666;
}
.woocommerce div.product {
    display: flex;
}
.woocommerce div.product div.summary {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100% !important;
    margin-bottom: 0 !important;
}
.woocommerce div.product div.summary .product_meta {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
}
.woocommerce-product-details__short-description {
    color: #8F8F8F;
}
.woocommerce .product .summary .product_meta span.posted_in{
    display: flex;
    align-items: center;

}
.woocommerce .product .summary .product_meta span.posted_in:before {
    content: '\f0c9';
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    padding-left: .25rem;
}
.woocommerce div.product div.summary .fs-h4 {
    margin-top: 0 !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
    width: 232px;
    min-height: 440px;;
    margin-bottom: 0 !important;
}
.woocommerce a.added_to_cart {
    display: none;
}
.woocommerce ul.products li.product .button {
    background-color: white!important;
    border-radius: .5rem !important;
    border: 1px solid #d1d1d1;
    color: #848484 !important;
    font-size: 14px !important;
    font-weight: 400;
    padding: 0.25rem 1rem !important;
    line-height: unset;
    margin-right: .75rem;
    min-width: 160px;
    text-align: center;
}
.woocommerce ul.products li.product .star-rating {
    display: none;
}
.an-price form {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.an-price .quantity .qty {
    outline: none;
    padding: .5rem;
}
.woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
form.variations_form.cart {
    align-items: flex-start;
    width: 100%;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    height: 32px;
}
.an-price table.variations tbody tr td.value {
    width: 100%;
    align-items: center;
    overflow: hidden;
    display: flex;
    gap: .5rem;
}
.an-price table.variations tbody tr th label{
    display: none;
}
.an-price table.variations tbody tr td.value select {
    border: 1px solid #cacaca;
    padding: .25rem;
    border-radius: 20px;
    outline: none;
    font-size: 14px;
    color: #4f4f4f;
}
.an-price table.variations tbody tr td.value a.reset_variations {
    font-size: .75rem;
}
.woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
    position: absolute;
    top: .75rem;
    right: 1.5rem;
    z-index: 9;
    font-size: 1.25rem;
}
.woocommerce .product span.onsale {
    top: -15px !important;
    left: -17px !important;
    right: unset !important;
    background: #a3cfbb;
    color: #0a3622;
    padding: .5rem;
    border-radius: 1rem 0 2.5rem 0;
    padding-right: 1rem;
}
.woocommerce ul.products span.onsale {
    top: 6px !important;
    left: 6px !important;
    font-size: .75rem;
    border-radius: 1rem 0 2.5rem 0;
    padding-right: 1rem;
}
.woocommerce-product-gallery a.woocommerce-product-gallery__trigger span {
    display: none;
}
.woocommerce-product-gallery a.woocommerce-product-gallery__trigger:before {
    content:'\f00e';
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    padding-left: .25rem;
}
.woocommerce ul.products span.price {
    display: flex !important;
    gap: .5rem;
    align-items: center;
    justify-content: end;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.best-products section.related.products > h2 {
    display: none;
}
.woocommerce ul.products li.product .price span bdi {
    font-size: 1rem !important;
}
.woocommerce ul.products li.product .price del span bdi {
    font-size: .75rem !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin: 1.5rem 0 0 0 !important;
    border-radius: 1rem;
    background-color: #fbffee;
    border-top: 0;
    outline: none;
    box-shadow: 0 2px 2px #cccccc;
    color: #00700c;
}
.woocommerce-message a.button.wc-forward {
    background-color: #178C48 !important;
    color: white;
    border-radius: .5rem;
}

.woocommerce-mini-cart-item .variation {
    display: none;
}
.woocommerce-mini-cart-item .quantity{
    display: flex;
    justify-content: end;
}
p.woocommerce-mini-cart__total span bdi{
    font-size: 1.25rem;
    font-weight: 600;
}
.woocommerce .woocommerce-ordering {
    margin: 0;
}
.an-result-order{
    color: #7A7A7A;
    position: relative;
}
.an-result-order .woocommerce-ordering select {
    width: 238px;
    outline: none;
    border: 1px solid #7a7a7a;
    border-radius: 1rem;
    padding: .25rem;
    color: #7a7a7a;
    appearance: none;
}
.an-result-order .woocommerce-ordering:before {
    content: '\f103';
    position: absolute;
    right: 14rem;
    top: 1.25rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #7a7a7a;
}
#archive-product ul.products {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
#archive-product ul.products::before{
    display: none !important;
}
#archive-product ul.products li.product{
    width: 240px !important;
    margin: 0 !important;
}
#archive-product h2.woocommerce-loop-product__title {
    height: 48px;
}
.an_cart {
    display: flex;
    justify-content: space-between;
}
.an_cart form{
    width: 68%;
}
.an_cart form table {
    background-color: white;
    border-radius: 1rem !important;
}
.an_cart .cart-collaterals {
    width: 30%;
}
.an_cart .cart-collaterals .cart_totals {
    width: 100%;
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.an_cart table{
    color: #7a7a7a !important;
}
.woocommerce-cart .woocommerce-notices-wrapper {
    display: none;
}
.an_cart form button {
    background-color: white !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: .5rem !important;
}
.an_cart .cart-collaterals .wc-proceed-to-checkout{
    padding: 0;
}
.an_cart .cart-collaterals .wc-proceed-to-checkout a {
    padding: .75rem 1rem!important;
    display: inline-block;
    background-color: #178C48 !important;
    border-radius: .5rem !important;
    font-size: 1rem !important;
    margin-bottom: 0 !important;
}
.an_cart table .product-thumbnail img{
    width: 78px !important;
}
.an_cart .woocommerce-cart-form .shop_table thead {
    height: 64px !important;
    background-color: #F5F5F5;
}

/* checkout */
.an-checkout form {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    color: #7a7a7a !important;
}
.an-checkout form input,
.an-checkout form span,
.an-checkout form textarea{
    border-color: #B8B8B8 !important;
    border-radius: .5rem !important;
    outline: none;
}
.an-checkout form #customer_details {
    width: 63%;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
}
.an-checkout form #customer_details .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.an-checkout form #order_review {
    width: 35%;
}
.an-checkout form #customer_details .col-1,
.an-checkout form #customer_details .col-2{
    width: 100%;
}
.woocommerce-checkout .an-page {
    background-color: unset !important;
}
.an-checkout .orev {
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
}
.an-checkout .woocommerce-checkout-payment button{
    background-color: #178C48 !important;
    color: white !important;
    border-radius: .5rem;
    margin-top: 1rem;
    padding: 0.25rem 1rem !important;
    line-height: unset;
}
.an-new-pro .add_to_cart_button{
    background-color: #178C48 !important;
    border-radius: .5rem !important;
    color: #EEFFF5 !important;
    font-size: 1rem !important;
    padding: 0.25rem 1rem !important;
}

/* wc tankyou */
.an-tankyou {
    background-color: #EEFFF5;
    color: #178C48;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}
.an-tankyou ul li{
    color: #178C48 !important;
}
.an-tankyou ul.order_details{
    margin-bottom: 0;
}
.an-payment{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.an-payment > p {
    display: none;
}
.an-payment .woocommerce-order-details{
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
}
.an-payment .woocommerce-customer-details{
    background-color: white;
    padding: 1rem;
    border-radius: 1rem;
}
.an-btn-se {
    border: 1px solid #CCCCCC !important;
    border-radius: .5rem !important;
    padding: .25rem 1.25rem !important;
    margin-top: .5rem;
    background: white !important;
    color: #7A7A7A !important;
}
.best-products {
    overflow: hidden;
    z-index: 99;
    position: relative;
}

/* quntity field */
.quantity.buttons-added {
    width: 100px;
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    border-radius: 1rem;
    background-color: #f2f2f2;
    overflow: hidden;
}
.quantity .plus, .quantity .minus {
    background: #fff !important;
    color: #636363 !important;
    cursor: pointer;
    font-weight: bold;
    border-radius: 100% !important;
    padding: .25rem .5rem;
    border: 1px solid #c3c3c3 !important;
}
.woocommerce .quantity .qty {
    width: 32px !important;
}
.woocommerce .quantity input[type=number] {
    -moz-appearance: textfield;
    appearance: none !important;
    outline: none;
}
.woocommerce .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}