/**
 * Theme Name: Storefront WooCommerce
 * Theme URI:
 * Description: Zaraghaz Saffron WooCommerce [Child of storefront]
 * Author: Nastaran Mohammadi
 * Author URI: http://.......com
 * Template: storefront
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl2.0.html
 * Tags: wooCommerce, zaraghaz, responsivelayout, rightsidebar
 * Text Domain: storefront
 */

/** font setting **/
@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir-Bold-FD-WOL.woff2') format('woff2'),
        url('fonts/Vazir-Bold-FD-WOL.woff') format('woff'),
        url('fonts/Vazir-Bold-FD-WOL.ttf') format('truetype'),
        url('fonts/Vazir-Bold-FD-WOL.eot') format('embedded-opentype');
    font-weight: bold;
    /* Bold */
    font-style: normal;
}

@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir-FD-WOL.woff2') format('woff2'),
        url('fonts/Vazir-FD-WOL.woff') format('woff'),
        url('fonts/Vazir-FD-WOL.ttf') format('truetype'),
        url('fonts/Vazir-FD-WOL.eot') format('embedded-opentype');
    font-weight: normal;
    /* Normal */
    font-style: normal;
}

@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir-Light-FD-WOL.woff2') format('woff2'),
        url('fonts/Vazir-Light-FD-WOL.woff') format('woff'),
        url('fonts/Vazir-Light-FD-WOL.ttf') format('truetype'),
        url('fonts/Vazir-Light-FD-WOL.eot') format('embedded-opentype');
    font-weight: 300;
    /* Light */
    font-style: normal;
}

@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir-Medium-FD-WOL.woff2') format('woff2'),
        url('fonts/Vazir-Medium-FD-WOL.woff') format('woff'),
        url('fonts/Vazir-Medium-FD-WOL.ttf') format('truetype'),
        url('fonts/Vazir-Medium-FD-WOL.eot') format('embedded-opentype');
    font-weight: 500;
    /* Medium */
    font-style: normal;
}

@font-face {
    font-family: 'Vazir';
    src: url('fonts/Vazir-Thin-FD-WOL.woff2') format('woff2'),
        url('fonts/Vazir-Thin-FD-WOL.woff') format('woff'),
        url('fonts/Vazir-Thin-FD-WOL.ttf') format('truetype'),
        url('fonts/Vazir-Thin-FD-WOL.eot') format('embedded-opentype');
    font-weight: 100;
    /* Thin */
    font-style: normal;
}


@font-face {
    font-family: 'Blabeloo';
    src: url('fonts/SH.Blabeloo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* تعریف متغیرهای فونت برای مدیریت بهتر */
:root {
    --main-font: 'Vazir', Arial, sans-serif;
    --heading-font: 'Vazir', Tahoma, sans-serif;
}

/* تنظیمات عمومی برای بدنه سایت */
body {
    font-family: var(--main-font);
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
}

/* تنظیمات اختصاصی برای تیترها */
h1,
h2,
h3 {
    font-family: var(--heading-font);
    font-weight: bold;
    line-height: 1.5;
    color: #222;
    margin-bottom: 1rem;
}

/* تنظیمات اضافی برای پاراگراف‌ها */
p {
    font-family: var(--main-font);
    font-size: 0.9rem;
    line-height: 1.6;
    color: #444;
}

/* تنظیمات خاص برای لینک‌ها */
a {
    font-family: var(--main-font);
    font-size: 0.9rem;
    color: #0073aa;
    text-decoration: none;
}

a:hover {
    color: #005f8d;
    /* text-decoration: underline; */
}

.hentry .entry-content a,
.widget-area .widget a {
    text-decoration: unset;
}





/** Social Menu **/
/** Social Navigation Links **/
.secondary-navigation a[href*="dribbble.com"],
.secondary-navigation a[href*="facebook.com"],
.secondary-navigation a[href*="flickr.com"],
.secondary-navigation a[href*="foursquare.com"],
.secondary-navigation a[href*="plus.google.com"],
.secondary-navigation a[href*="instagram.com"],
.secondary-navigation a[href*="linkedin.com"],
.secondary-navigation a[href*="pinterest.com"],
.secondary-navigation a[href*="reddit.com"],
.secondary-navigation a[href*="tumblr.com"],
.secondary-navigation a[href*="twitter.com"],
.secondary-navigation a[href*="vimeo.com"],
.secondary-navigation a[href*="wordpress.com"],
.secondary-navigation a[href*="wordpress.org"],
.secondary-navigation a[href*="youtube.com"],
.secondary-navigation a[href*="mailto:"],
.secondary-navigation a[href*="twitch.tv"],
.secondary-navigation a[href*="telegram.me"],
/* اضافه شدن تلگرام */
.secondary-navigation a[href*="wa.me"],
/* اضافه شدن واتس‌اپ */
.secondary-navigation a[href$="/feed/"] {
    text-indent: -9999px;
}

.secondary-navigation a[href*="dribbble.com"]::after,
.secondary-navigation a[href*="facebook.com"]::after,
.secondary-navigation a[href*="twitter.com"]::after,
.secondary-navigation a[href*="vimeo.com"]::after,
.secondary-navigation a[href*="wordpress.com"]::after,
.secondary-navigation a[href*="tumblr.com"]::after,
.secondary-navigation a[href*="linkedin.com"]::after,
.secondary-navigation a[href*="instagram.com"]::after,
.secondary-navigation a[href*="pinterest.com"]::after,
.secondary-navigation a[href*="reddit.com"]::after,
.secondary-navigation a[href*="flickr.com"]::after,
.secondary-navigation a[href*="youtube.com"]::after,
.secondary-navigation a[href*="twitch.tv"]::after,
.secondary-navigation a[href*="plus.google.com"]::after,
.secondary-navigation a[href*="foursquare.com"]::after,
.secondary-navigation a[href*="mailto:"]::after,
.secondary-navigation a[href*="telegram.me"]::after,
/* اضافه شدن تلگرام */
.secondary-navigation a[href*="wa.me"]::after,
/* اضافه شدن واتس‌اپ */
.secondary-navigation a[href$="/feed/"] {
    font-family: "FontAwesome";
    text-indent: 0;
    display: block;
    font-size: 1.4em;
    float: left;
}

/* مشخص کردن آیکون مناسب */
.secondary-navigation a[href*="telegram.me"]::after {
    content: "\f3fe";
    /* آیکون تلگرام */
    color: #0088cc;
    /* رنگ استاندارد تلگرام */
}

.secondary-navigation a[href*="wa.me"]::after {
    content: "\f232";
    /* آیکون واتس‌اپ */
    color: #25D366;
    /* رنگ استاندارد واتس‌اپ */
}

.secondary-navigation a[href$="/feed/"]::after {
    content: "\f09e";
    color: #ff9900;
}

.secondary-navigation a[href*="twitch.tv"]::after {
    content: "\fle8";
    color: #6441A5;
}

.secondary-navigation a[href*="mailto"]::after {
    content: "\f003";
}

.secondary-navigation a[href*="youtube.com"]::after {
    content: "\f167";
    color: #bb0000;
}

.secondary-navigation a[href*="wordpress.com"]::after,
.secondary-navigation a[href*="wordpress.org"]::after {
    content: "\f19a";
    color: #0073aa;
}

.secondary-navigation a[href*="vimeo.com"]::after {
    content: "\f194";
    color: #aad450;
}

.secondary-navigation a[href*="tumblr.com"]::after {
    content: "\f173";
    color: #32506d;
}

.secondary-navigation a[href*="reddit.com"]::after {
    content: "\f231";
}

.secondary-navigation a[href*="twitter.com"]::after {
    content: "\f099";
    color: #00aced;
}

.secondary-navigation a[href*="dribbble.com"]::after {
    content: "\f17d";
    color: #ea4c89;
}

.secondary-navigation a[href*="facebook.com"]::after {
    content: "\f09a";
    color: #3b5998;
}

.secondary-navigation a[href*="flickr.com"]::after {
    content: "\f16e";
    color: #ff0084;
}

.secondary-navigation a[href*="foursquare.com"]::after {
    content: "\f180";
    color: #0072b1;
}

.secondary-navigation a[href*="plus.google.com"]::after {
    content: "\f0d5";
    color: #dd4b39;
}

.secondary-navigation a[href*="instagram.com"]::after {
    content: "\f16d";
    color: #517fa4;
}

.secondary-navigation a[href*="linkedin.com"]::after {
    content: "\f0e1";
    color: #007bb6;
}

.secondary-navigation a[href*="pinterest.com"]::after {
    content: "\f231";
    color: #cb2027;
}

.ml-0 {
    margin-right: 0 !important;
}

.html .social-icons {
    font-size: 1em;
}

.header-social-icons .social-icons {
    color: #fff !important;
}

.social-icons {
    color: #999;
    display: inline-block;
    font-size: .85em;
    vertical-align: middle;
}

.secondary-navigation ul.menu li.menu-item a {
    font-size: 1em;
    margin-left: 0;
    margin-right: 1.95em;
}


.secondary-navigation a::after {
    color: #fff !important;
    font-size: 1em;
    margin-left: .4em;
    margin-right: .4em;
    min-width: 1em;
    display: inline-block;
    font-display: block;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none !important;
}

@media only screen and (min-width: 768px) {
    .secondary-navigation .menu a {
        padding: 0 !important;
    }
}


/** mini header new **/
.mini-header {
    width: 100%;
    box-sizing: border-box;


    background-position: 50% 0;
    background-size: cover;
    transition: background-color .3s, opacity .3s;
    z-index: 1001;
    font-weight: 400;


    min-height: 45px;
    background-color: #8ed4cc;
    /*#1999ff;*/
    position: relative;

    align-items: center;
    display: flex;
    flex-wrap: no-wrap;

    position: relative;
    z-index: 10;

    /* padding: 5px; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.mini-header::before {
    content: '';
    height: 0.25em;
    background: linear-gradient(to right, #1999ff, #F3E5F5, #1999ff, #F3E5F5, #1999ff);
    /* background: linear-gradient(to right, #FFDEE9, #B5FFFC); رنگ خاکی و گرم*/
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 200% 200%;
    animation: gradient-smooth 8s linear infinite;
}

@keyframes gradient-smooth {
    0% {
        background-position: 0% 50%;
    }

    25% {
        background-position: 25% 50%;
    }

    50% {
        background-position: 50% 50%;
    }

    75% {
        background-position: 75% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.flex-row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.flex-col {
    max-height: 100%;
}

.flex-left {
    margin-left: auto;
}

div.mini-header div.col-full div.flex-grow {
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important;
    flex: 1 !important;
}

div.mini-header div.col-full div.flex-grow ul li {
    width: 100%;
}

div.mini-header div.col-full div.flex-grow ul li p {
    text-align: center;
}

.flex-center {
    margin: 0 auto;
}

.flex-right {
    margin-right: auto;
}

.nav {
    position: relative;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.nav,
.nav ul:not(.nav-dropdown) {
    margin: 0;
    padding: 0;
}

ul.nav {
    list-style: none;
}

.nav-left {
    justify-content: flex-start;
}

li.html {
    color: #fff;
    font-size: .75em;
}

.nav li:last-child {
    margin-left: 0 !important;
}

.nav li:first-child {
    margin-right: 0 !important;
}

.nav>li {
    display: inline-block;
    list-style: none;
    margin: 0 7px;
    padding: 0;
    transition: background-color .3s;
}

.nav,
.nav>li {
    position: relative;
}

.nav p {
    margin: 0;
    padding-bottom: 0;
    color: #fff;
}

.nav-center {
    justify-content: center;
}

.nav-right {
    justify-content: flex-end;
}


/* mobile */
@media (max-width: 767px) {
    .hide-for-medium {
        display: none !important;
    }

    .nav>li {
        margin: 0 .7em;
    }
}


ul.custom-menu {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    justify-content: flex-end;
}


ul.custom-menu li {
    margin: 0 10px;
    display: inline-block;
    list-style: none;
    margin: 0 7px;
    padding: 0;
    transition: background-color .3s;
    position: relative;
    margin-bottom: .6em;
}

ul.custom-menu li:last-child {
    margin: 0 10px !important;
    /* margin-bottom: .6em !important; */
}

ul.custom-menu li a {
    color: hsla(0, 0%, 100%, .8);
    font-weight: 400;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
    font-weight: 500 !important;
    font-size: .8em;
    transition: all .2s;
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    text-decoration: none;
    touch-action: manipulation;
}


@media only screen and (min-width: 768px) {
    ul.custom-menu li {
        margin: 0 .7em;
    }

    ul.custom-menu li a::after {
        border-left: 1px solid rgba(0, 0, 0, .1);
        border-left-color: rgba(0, 0, 0, .1);
        content: "";
        height: 15px;
        left: -0.9em;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 1px;

    }

    div.mini-header div.col-full div.show-for-medium {
        display: none !important;
    }
}



/* site header old */
.site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0;

}

/*mobile header*/
/* mobile */
@media (max-width: 767px) {

    header .col-full,
    header.site-header .col-full,
    header.site-header .storefront-primary-navigation .col-full {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    button.menu-toggle {
        margin-top: 23px;
    }

    button.menu-toggle:focus {
        outline: none;
    }

    button.menu-toggle,
    button.menu-toggle:hover,
    .handheld-navigation .dropdown-toggle {
        color: #ffffff !important;
        border-color: #ffffff !important;
    }

    button.menu-toggle::before,
    button.menu-toggle::after,
    button.menu-toggle span::before {
        width: 1.6em;
        right: 3.6em;


    }

    button.menu-toggle span {
        outline: -webkit-focus-ring-color auto 1px;
        border: 2px solid #000;
        border-radius: 3px;
        padding: 3px;
    }
}







/** mobile menu **/
.handheld-navigation {
    background-color: #8ed4cc;
}

.handheld-navigation ul li {
    text-align: center;
    width: 50%;
    float: right;
}

.handheld-navigation ul .sub-menu {
    margin-right: 0;
}

.handheld-navigation ul li a {
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 700;

}




/** apley to all platform **/
.site-header .site-branding {
    margin-bottom: 0 !important;
}



/** Main Navigation **/

@media only screen and (min-width: 768px) {

    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        margin-right: -1em;
    }

    .storefront-primary-navigation {
        background-color: #8ed4cc;
        border-radius: 0 0 40px 40px;
    }

    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: 0.9em 1em;
    }

    .woocommerce-active .site-header .main-navigation {
        margin-left: 1%;
        width: fit-content;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: unset;
    }

    .site-header-cart .cart-contents {
        padding: 0.9em 0em;
    }

    .site-header-cart .cart-contents::after {
        float: unset;
    }

    .site-header-cart .cart-contents .count {
        margin-right: 2em;
        opacity: 1;
        font-weight: 400;
    }

    a:focus,
    button:focus {
        outline: unset;
    }

    .main-navigation ul.menu>li.menu-item-has-children>a::after,
    .main-navigation ul.nav-menu>li.menu-item-has-children>a::after {
        margin-right: 0.9em;
    }

    .site-header ul.menu li.current-menu-item>a,
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a,
    .site-header-cart .cart-contents,
    .main-navigation ul.menu ul li a,
    .main-navigation ul.nav-menu ul li a {
        color: white !important;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1em;

    }

    .main-navigation ul.menu ul.sub-menu {
        background-color: #352323;
    }

    .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
        display: none;
    }

    .main-navigation ul.menu ul li.menu-item-has-children>a::after,
    .main-navigation ul.nav-menu ul li.menu-item-has-children>a::after {
        transform: rotateY(-180deg);
    }

}

/* mobile header */
@media (max-width: 767px) {
    nav.main-navigation {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .site-branding {
        width: fit-content;
    }

    .site-header .custom-logo-link {
        display: inline;

    }

    nav.main-navigation::before {
        content: '';
        width: 100%;
        height: 0.25em;
        background: linear-gradient(to right, #FFDEE9, #B5FFFC);
        color: #352323;
        position: absolute;
        bottom: 0;
        left: 0;
        background-size: 200% 200%;
    }
}

/*remove <- key from button*/
.wc-forward::after {
    display: none;
}



/* remove 4-section in home page */
.storefront-recent-products,
.storefront-popular-products,
.storefront-best-selling-products,
.storefront-woocommerce-brands {
    display: none !important;
}


#main.site-main {
    padding-top: 0;
    margin-bottom: 0;
}


/* homepage  Top Banner + message + shop button*/
.page-template-template-homepage .type-page {
    padding-top: 0;
    padding-bottom: 0;
    margin: 1em 0 0;
    max-width: 100% !important;
}

.page-template-template-homepage .type-page .col-full {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    padding: 0;
}

.page-template-template-homepage .entry-content {
    max-width: 100% !important;
}

@media (max-width: 768px) {
    .page-template-template-homepage div.site-content div.col-full:first-child{
        margin: 0 ;
    }
}

.hentry .entry-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image {
	margin: 0 ;
}


.hentry {
    margin: 1em 0 2em;
}

/*text*/
.wraper {}

.home-text-bold {
    color: red;

}

.home-text-larg {}

.home-button {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.wp-block-cover .wp-block-cover__image-background {
    object-fit: fill;
}

.hentry .entry-content .has-small-font-size {
    display: flex;
    justify-content: left;
}

.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em;
}

:root :where(.is-layout-constrained)>* {
    margin-block-start: 9px;
}

.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container :nth-last-child(-n+1) {
    margin-block-start: 6px;
}




/** homepage categories **/
ul.products li.product.product-category img {
    transition: all .5s ease;
}

ul.products li.product.product-category img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

#main>section.storefront-product-section.storefront-product-categories>h2.section-title {
    display: none;
}

/* .site-main>section.storefront-product-section.storefront-product-categories>h2.section-title {
    display: none;
} */

.page-template-template-homepage-php .site-main ul.products.columns-3 li.product {
    margin-bottom: 3em;
}

@media only screen and (min-width: 768px) {
    .page-template-template-homepage-php .site-main ul.products.columns-3 li.product {
        width: 33%;
        float: right;
        margin-left: 0.5%;
        margin-bottom: 1em;
    }

    .page-template-template-homepage-php .site-main ul.products.columns-3 li.product img {
        width: 100%;
    }
}


/* h2 .woocommerce-loop-category__title */
ul.products li.product .woocommerce-loop-category__title {
    font-size: 1.4rem;
    font-weight: bold;
}

ul.products li.product .woocommerce-loop-category__title::after {
    content: '';
    display: block;
    margin: 10px auto 0 auto;
    height: 3px;
    width: 25%;
    background-color: #e282a8;
    direction: rtl;


}


/** Sargol Saffron Category **/
.homapage-sargol_saffron-category {
    background-color: #cccccc;
    padding: 1em;
    margin-bottom: 2em;
}

.homapage-sargol_saffron-category .content {
    background-color: #ffffff;
    padding: 1em;
}

.homapage-sargol_saffron-category .content .columns-3 h2 {
    text-align: center;
}

.homapage-sargol_saffron-category .content .columns-3 p {
    margin-bottom: 2em;
}

.homapage-sargol_saffron-category .content .columns-3 a {
    color: #e282a8;
    font-size: 1.4em;
    font-family: var(--main-font);
    font-weight: 700;
    display: block;
    margin-bottom: 2em;
}

@media only screen and (min-width:768px) {
    .homapage-sargol_saffron-category .content::after {
        content: '';
        display: table;
        clear: both;
    }

    .homapage-sargol_saffron-category .columns-3 {
        width: 25%;
        float: right;
        padding-left: 1em;
    }

    .homapage-sargol_saffron-category .columns-4 {
        width: 75%;
        float: right;
    }

    .homapage-sargol_saffron-category .columns-4 ul.products {
        width: 100%;
    }

    .homapage-sargol_saffron-category ul.products.columns-4 li.product {
        margin-bottom: 0;
        width: 32% !important;
        margin-left: 2% !important;

    }

    .homapage-sargol_saffron-category ul.products.columns-4 li.product:last-child {
        margin-left: 0 !important;
    }
}


/** Banner with message style **/
.banner-spoil {
    display: table;
    margin-bottom: 2em;
}

.banner-spoil .columns-4 h3 {
    font-family: 'Blabeloo', var(--heading-font);
    color: #444;
    text-transform: none;
    font-weight: 400;
    font-size: 2.6em;
    text-align: center;

}


@media only screen and (min-width:768px) {
    .banner-spoil::after {
        content: '';
        display: table;
        clear: both;
    }


    .banner-spoil .columns-4 {
        float: left;
        width: 44.4% !important;
        padding-right: 1em;

        display: table;
        height: 100%;
        /* برای پر کردن فضای موجود */

    }

    .banner-spoil .columns-4 h3 {
        text-align: right;
        font-size: 3em;

        display: table-cell;
        vertical-align: middle;
        /* وسط‌چین عمودی */
        margin: 0;
    }

    .banner-spoil .columns-8 {
        float: left;
        width: 55.5%;
    }
}


/** Home Features With icon **/
.home .content-area {
    margin-bottom: 1em;
}

.home-features {
    background-color: #e282a8;
    padding: 0.25em 0;
    margin-bottom: 1.25em;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.home-features .col-full {
    display: flex;
}

.home-features .columns-4 {
    width: 100%;
    padding-bottom: 2em;
    align-self: center;
}

.home-features .columns-4 p {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 1.1em;
    font-weight: 700;
    color: #ffffff;
    padding-right: 0.8em;
    margin: 0;
    cursor: default;
}

.home-features .columns-4 i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 2.5em;
    width: 60px;
    color: #ffffff;
    margin-bottom: 0.2em;
}

.home-features .columns-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: right;
    width: 100%;
}

/* تنظیمات برای نمایش در صفحه‌نمایش‌های بزرگ‌تر */
@media only screen and (min-width: 768px) {
    .home-features .columns-4 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 33.3%;
        text-align: right;
        padding: 1em 0;
        margin-bottom: 0;
    }
}

/* تنظیمات برای نمایش در صفحه‌نمایش‌های موبایل */
@media (max-width: 767px) {
    .home-features {
        padding: 0 .75rem;
    }

    .home-features .columns-4 i {
        display: block;
        font-size: 1.618em;
        width: 1.25rem;
        height: 1.25rem;
    }

    .home-features .columns-4 p {
        font-size: 0.9rem;
        line-height: 16px;
        padding-right: 0;
        text-wrap: nowrap;
    }

    .home-features .columns-4 {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: .75rem .125rem .75rem .5rem;
        margin-left: .5rem;
        text-align: center;
        gap: .475rem;
        align-items: center;
        width: 100%;
        position: relative;
    }

    .home-features .columns-4:last-of-type {
        padding-left: .125rem;
        padding-bottom: .75rem;
        margin-left: unset;
    }

}




/** Homepage blog entries **/
.homepage-blog-entries {
    margin-top: 3em;
    margin-bottom: 3em;
}

.homepage-blog-entries .section-title {
    margin-bottom: 1.2em;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

.homepage-blog-entries .section-title::after {
    content: '';
    display: block;
    margin: 10px auto 0 auto;
    height: 3px;
    width: 25%;
    background-color: #e282a8;
    direction: rtl;

}

.homepage-blog-entries ul {
    list-style: none;
    margin: 0;
}

.homepage-blog-entries ul li {
    margin-bottom: 2em;
}

.homepage-blog-entries img,
.homepage-blog-entries .entry-header {
    margin-bottom: 1em;

}

.homepage-blog-entries .entry-title,
.homepage-blog-entries .entry-link {
    font-size: 1.4em;
    font-family: var(--heading-font);
    font-weight: 900;
    text-transform: none;
}

.homepage-blog-entries .entry-content p {
    text-align: right;
}

.homepage-blog-entries .entry-link {
    text-align: right;
    display: block;
}

@media only screen and (min-width: 768px) {
    .homepage-blog-entries ul::after {
        content: '';
        display: table;
        clear: both;
    }

    .homepage-blog-entries ul li {
        width: 31%;
        margin-left: 3.5%;
        float: right;
        margin-bottom: 0;
    }

    .homepage-blog-entries ul li:last-child {
        margin-left: 0;
    }

}



/** shop page **/



/** single product page **/







/** chanage style in chart page **/
.woocommerce-message {
    background-color: #e282a8;
    margin-top: 1em;
    border-right-color: #8ed4cc;
}

.coupon-cart {
    margin-bottom: 1em;
}




/** Checkout page **/
.woocommerce-checkout .mini-header .flex-row .flex-left,
.woocommerce-checkout .mini-header .flex-row .flex-right,
/*.woocommerce-checkout .site-search,*/
.woocommerce-checkout .footer-widgets,
.woocommerce-checkout footer.site-footer {
    display: none;
}

@media only screen and (min-width: 768px) {
    .woocommerce-checkout .storefront-primary-navigation {
        display: none;
    }

    .woocommerce-checkout .mini-header {
        background-color: white;
    }

    .mini-header::before {
        background: linear-gradient(to right, #FFDEE9, #B5FFFC);
    }

    .woocommerce-checkout .mini-header .flex-row .flex-center {
        margin: unset;
        margin-bottom: 0 !important;
        float: right;
        width: 100%;
        display: block;
    }

    .woocommerce-checkout .mini-header .flex-row,
    .woocommerce-checkout .mini-header .flex-row .flex-center .nav-center {
        justify-content: start;
    }

    .woocommerce-checkout .mini-header .flex-row .flex-center .site-branding {
        margin-bottom: 0 !important;
    }

}

@media (max-width: 768px) {

    .woocommerce-checkout .mini-header,
    .woocommerce-checkout button.menu-toggle {
        display: none;
    }
}


/* address-form checkout*/
.woocommerce-checkout .wc-block-components-address-form-wrapper {
    opacity: 1;
}

.woocommerce-checkout .is-large .wc-block-checkout__billing-fields .wc-block-components-address-form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    justify-content: space-between;
}


.woocommerce-checkout .wc-block-components-address-form__first_name {
    order: -7;
}

.woocommerce-checkout .wc-block-components-address-form__last_name {
    order: -6;
}

.woocommerce-checkout .wc-block-components-address-form__phone {
    order: -5;
}

.woocommerce-checkout .wc-block-components-address-form__postcode {
    order: -4;
}

.woocommerce-checkout .wc-block-components-address-form__country {
    order: -3;
}

.woocommerce-checkout .wc-block-components-address-form__state {
    order: -2;
}

.woocommerce-checkout .wc-block-components-address-form__city {
    order: -1;
}

.woocommerce-checkout .wc-block-components-address-form__address {
    order: 0;
}


/* .wc-block-components-address-form__country .wc-block-components-country-input{
    
}

.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input:first-child {
    margin-top: 0;
}

.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-country-input {
    flex: 0 0 100%;
}

.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form .wc-block-components-text-input {
    box-sizing: border-box;
    flex: 1 0 calc(50% - 12px);
}

.wc-block-components-form .wc-block-components-text-input,
.wc-block-components-text-input {
    margin-top: 16px;
    position: relative;
    white-space: nowrap;
} */


.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button svg {
    color: #134b42;

}

/* payment title */
.wc-block-components-title.wc-block-components-title,
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    display: none;

}

.woocommerce-checkout .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    box-shadow: unset;
}

@media (max-width:768px) {

    .is-medium .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper,
    .is-mobile .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper,
    .is-small .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
        display: none;
    }

}


/** Footer **/
footer.site-footer {
    padding: 0 !important;
    background-color: #646464;
}

.widget {
    margin: 0 0 2.706325903em;
}

.widget .widget-title,
.widget .widgettitle {
    padding: 0 0 0.5em;
    margin-bottom: 0.01em;
    border-bottom: 0 !important;
    font-family: var(--main-font);
    font-weight: 900;
    color: #8ed4cc !important;
    font-size: 1.4em;
}


.site-footer a:not(.button):not(.components-button),
ul.menu li.current-menu-item>a,
.footer-widget-4 .textwidget p,
.site-footer .woocommerce-Price-amount {
    color: white !important;
}

.site-footer a {
    text-decoration: none;
}

.footer-widgets {
    padding-top: 1.235801032em;
}


.footer-widgets .footer-widget-1 .widget_product_search .widget-title {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.footer-widgets .footer-widget-1 .widget_product_categories {
    margin: 0 0 1.706325903em;
}

.footer-widgets .footer-widget-1 .widget_product_search {
    margin: 0 0 0.706325903em;
}

.widget_product_categories ul li {
    padding-right: 0.618em;
}

.widget_product_categories .cat-item::before,
.footer-widgets .footer-widget-1 .widget_product_search .woocommerce-product-search::before {
    display: none;
}

.footer-widgets .footer-widget-1 .widget_product_search .woocommerce-product-search input[type="search"] {
    background-color: white !important;
    outline: none;
}

.footer-widgets .footer-widget-1 .widget_product_search .woocommerce-product-search input[type="search"]::placeholder {
    color: transparent !important;
}

.reserved {
    background-color: #8ed4cc;
    padding: 1em 0;
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-align: center;
}

.reserved p {
    width: 100%;
    /* color: #000000; */
    font-family: var(--main-font);
    /* font-size: 1.2em; */
    text-align: center;
    margin-bottom: 0 !important;

}

.reserved p:hover {
    cursor: default;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
    color: #333333 !important;
}



@media only screen and (min-width:768px) {
    .footer-widgets.col-4 .block {
        width: 28.7391304348%;
    }

    .footer-widgets {
        padding-top: 2.235801032em;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

    .product_list_widget li {
        border-bottom: 1px solid #8ed4cc0f;
    }

    .product_list_widget li:first-child {
        padding-top: 0 !important;
    }

    .product_list_widget li:last-child {
        border-bottom: 0 !important;
    }

    .footer-widget-2 .widget_products {
        margin: 0 0 0.706325903em;
    }
}







/** reviews **/
#reviews .commentlist li .avatar {
    margin-left: unset;
    display: none;
}

#reviews .commentlist li .comment_container .comment-text {
    float: right;
}

#reviews .commentlist li .comment_container {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#reviews .commentlist li {
    margin-bottom: 0.917924em;
}

#reviews p {
    margin: 0 0 0.81575em;
}

#reviews .commentlist li p.meta {
    margin-bottom: 0.41575em;
}


/*woocommerce-MyAccount-content*/
.woocommerce-MyAccount-content .woocommerce-notices-wrapper p:first-of-type {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;

}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper p:first-of-type a {
    display: block;
    background-color: red;
    color: white;
    width: 1em;
    height: 1em;
}



/** cart page**/

@media only screen and (min-width: 768px) {
    .woocommerce-cart .wc-block-components-sidebar-layout {
        display: flex;
        flex-direction: column;
        /* تغییر جهت نمایش به ستونی */
    }

    .woocommerce-cart .wc-block-components-main {
        order: -1;
        /* نمایش بخش اصلی در ابتدا */
    }

    .woocommerce-cart .wc-block-components-sidebar {
        order: 1;
        /* نمایش سایدبار زیر بخش اصلی */
    }

    .woocommerce-cart .wc-block-components-main {
        width: 100%;
        /* عرض کامل صفحه */
        padding-left: 0;
        /* حذف فضای داخلی */
        margin: 0;
        /* حذف فاصله‌های خارجی */
    }

    .woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {
        padding-left: unset !important;
        width: unset !important;
    }

    .woocommerce-cart .wc-block-components-sidebar {
        margin-top: 8px;
        padding-right: unset !important;
        width: unset !important;
    }

    .woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items {
        border-bottom: unset !important;
    }

    .woocommerce-cart .wc-block-cart table.wc-block-cart-items {
        margin: unset !important;
    }

    .woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title {
        display: none !important;
    }

    /* .woocommerce-cart .wc-block-cart__submit {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .woocommerce-cart .wc-block-cart .wc-block-cart__submit-container {
        flex: 0.5;
        flex-basis: 150px;
    } */

}

.woocommerce-cart .widget-area .widget_product_categories,
.woocommerce-cart .widget-area .widget_search,
.woocommerce-cart .widget-area .wp-block-woocommerce-filter-wrapper,
.woocommerce-shop .widget-area .widget_products,
.wp-block-woocommerce-cart-order-summary-totals-block,
.blog .widget-area,
.single-post .widget-area,
.category-41 .widget-area {
    display: none !important;
}

@media (max-width: 767px) {

    .woocommerce-cart .widget-area,
    .woocommerce-shop .widget-area,
    .tax-product_cat .widget-area{
        display: none !important;
    }
}

/* .woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link{
    border-bottom: 1px solid #134b42;
    text-decoration: none;
} */

/* */
.woocommerce-cart .wc-block-grid__products .wc-block-grid__product img {
    margin: 0 auto;
}

.woocommerce-cart .wc-block-grid__products .wc-block-grid__product {
    margin-bottom: 0;
}

.woocommerce-cart .hentry .entry-content .wp-block-button .wp-block-button__link {
    /* padding: unset; */
}

.woocommerce-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMWYxZjFmIj48cGF0aCBkPSJNNDgwLTU4NHEtMTQuNDUgMC0yNC4yMy05Ljc4UTQ0Ni02MDMuNTUgNDQ2LTYxOHQ5Ljc3LTI0LjIyUTQ2NS41NS02NTIgNDgwLTY1MnExNC40NSAwIDI0LjIzIDkuNzhRNTE0LTYzMi40NSA1MTQtNjE4dC05Ljc3IDI0LjIyUTQ5NC40NS01ODQgNDgwLTU4NFptLTMwLTEzNnYtMjAwaDYwdjIwMGgtNjBaTTI4OS43OS04MFEyNjAtODAgMjM5LTEwMS4yMXQtMjEtNTFRMjE4LTE4MiAyMzkuMjEtMjAzdDUxLTIxUTMyMC0yMjQgMzQxLTIwMi43OXQyMSA1MVEzNjItMTIyIDM0MC43OS0xMDF0LTUxIDIxWm00MDQgMFE2NjQtODAgNjQzLTEwMS4yMXQtMjEtNTFRNjIyLTE4MiA2NDMuMjEtMjAzdDUxLTIxUTcyNC0yMjQgNzQ1LTIwMi43OXQyMSA1MVE3NjYtMTIyIDc0NC43OS0xMDF0LTUxIDIxWk02Mi04MjB2LTYwaDExNmwxNzAgMzY0aDI4Ny43MUw3OTYtNzk2aDY3TDcwMS00OTNxLTExIDE5LTI4LjU2IDMwLjVUNjM0LTQ1MUgzMzFsLTU2IDEwNGg0OTF2NjBIMjg0cS0zNy42NiAwLTU3LjMzLTMwVDIyNC0zNzhsNjQtMTE4LTE0OC0zMjRINjJaIi8+PC9zdmc+);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 5em;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMWYxZjFmIj48cGF0aCBkPSJNNDgwLTU4NHEtMTQuNDUgMC0yNC4yMy05Ljc4UTQ0Ni02MDMuNTUgNDQ2LTYxOHQ5Ljc3LTI0LjIyUTQ2NS41NS02NTIgNDgwLTY1MnExNC40NSAwIDI0LjIzIDkuNzhRNTE0LTYzMi40NSA1MTQtNjE4dC05Ljc3IDI0LjIyUTQ5NC40NS01ODQgNDgwLTU4NFptLTMwLTEzNnYtMjAwaDYwdjIwMGgtNjBaTTI4OS43OS04MFEyNjAtODAgMjM5LTEwMS4yMXQtMjEtNTFRMjE4LTE4MiAyMzkuMjEtMjAzdDUxLTIxUTMyMC0yMjQgMzQxLTIwMi43OXQyMSA1MVEzNjItMTIyIDM0MC43OS0xMDF0LTUxIDIxWm00MDQgMFE2NjQtODAgNjQzLTEwMS4yMXQtMjEtNTFRNjIyLTE4MiA2NDMuMjEtMjAzdDUxLTIxUTcyNC0yMjQgNzQ1LTIwMi43OXQyMSA1MVE3NjYtMTIyIDc0NC43OS0xMDF0LTUxIDIxWk02Mi04MjB2LTYwaDExNmwxNzAgMzY0aDI4Ny43MUw3OTYtNzk2aDY3TDcwMS00OTNxLTExIDE5LTI4LjU2IDMwLjVUNjM0LTQ1MUgzMzFsLTU2IDEwNGg0OTF2NjBIMjg0cS0zNy42NiAwLTU3LjMzLTMwVDIyNC0zNzhsNjQtMTE4LTE0OC0zMjRINjJaIi8+PC9zdmc+);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMWYxZjFmIj48cGF0aCBkPSJNNDgwLTU4NHEtMTQuNDUgMC0yNC4yMy05Ljc4UTQ0Ni02MDMuNTUgNDQ2LTYxOHQ5Ljc3LTI0LjIyUTQ2NS41NS02NTIgNDgwLTY1MnExNC40NSAwIDI0LjIzIDkuNzhRNTE0LTYzMi40NSA1MTQtNjE4dC05Ljc3IDI0LjIyUTQ5NC40NS01ODQgNDgwLTU4NFptLTMwLTEzNnYtMjAwaDYwdjIwMGgtNjBaTTI4OS43OS04MFEyNjAtODAgMjM5LTEwMS4yMXQtMjEtNTFRMjE4LTE4MiAyMzkuMjEtMjAzdDUxLTIxUTMyMC0yMjQgMzQxLTIwMi43OXQyMSA1MVEzNjItMTIyIDM0MC43OS0xMDF0LTUxIDIxWm00MDQgMFE2NjQtODAgNjQzLTEwMS4yMXQtMjEtNTFRNjIyLTE4MiA2NDMuMjEtMjAzdDUxLTIxUTcyNC0yMjQgNzQ1LTIwMi43OXQyMSA1MVE3NjYtMTIyIDc0NC43OS0xMDF0LTUxIDIxWk02Mi04MjB2LTYwaDExNmwxNzAgMzY0aDI4Ny43MUw3OTYtNzk2aDY3TDcwMS00OTNxLTExIDE5LTI4LjU2IDMwLjVUNjM0LTQ1MUgzMzFsLTU2IDEwNGg0OTF2NjBIMjg0cS0zNy42NiAwLTU3LjMzLTMwVDIyNC0zNzhsNjQtMTE4LTE0OC0zMjRINjJaIi8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}




/** checkout page **/

/*change coupon name*/
/* rename in cart and checkout pages */
.wc-block-components-panel__button::before {
    content: "افزودن کد تخفیف" !important;
    font-size: inherit;
    color: #333;
}

.wc-block-components-panel__button>.wc-block-components-panel__button-icon {
    color: #333;
}

.wc-block-components-panel__button,
.wc-block-components-panel__button:active,
.wc-block-components-panel__button:focus,
.wc-block-components-panel__button:hover {
    color: #ffffff;
}

/* change field lable*/
.wc-block-components-form .wc-block-components-text-input label[for="billing-phone"],
.wc-block-components-text-input label[for="billing-phone"]::before {
    content: "شماره تماس ( ضروری )" !important;
    font-size: inherit;
    color: hsla(0, 0%, 7%, .7);
}

.wc-block-components-form .wc-block-components-text-input label[for="billing-phone"],
.wc-block-components-text-input label[for="billing-phone"] {
    color: white;
}

.wc-block-components-form .wc-block-components-text-input label[for="billing-address_1"],
.wc-block-components-text-input label[for="billing-address_1"]::before {
    content: "منطقه، خیابان، پلاک" !important;
    font-size: inherit;
    color: hsla(0, 0%, 7%, .7);
}

.wc-block-components-form .wc-block-components-text-input label[for="billing-address_1"],
.wc-block-components-text-input label[for="billing-address_1"] {
    color: white;
}


/**/
.woocommerce-account p.form-row>.woocommerce-form__label-for-checkbox {
    margin-bottom: 1.41575em;
}

/************** blog page ***************/
/* cards */
@media only screen and (min-width:768px) {

    .blog div.site-content div.content-area,
    .single-post div.site-content div.content-area,
    .category-41 div.site-content div.content-area {
        width: 100% !important;
    }
}

.blog #main.site-main,
.category #main.site-main {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    /*margin-top: 1rem;*/
}

.category header.page-header {
    order: -1;
    /* قرار دادن در ابتدای ترتیب */
    flex-basis: 100%;
    /* از جریان عادی خارج کردن */
    width: 100%;
}

/* card */
.blog article.post,
.category article.post {
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    width: 21rem;
    height: 28rem;
    flex-direction: column;
    overflow: hidden;
    /* cursor: pointer; */
    transition: all 0.2s ease-in-out;

}

/* card__preview */
/* img */
.blog .entry-content img.wp-post-image,
.category .entry-content img.wp-post-image {
    height: 12rem !important;
    width: 100% !important;
    object-fit: cover;
    transition: all 0.4s ease-out;
}

.blog .hentry .entry-header span,
.wp-theme-storefront .hentry .entry-header span,
.page-template-template-homepage .entry-content p:last-child {
    display: none;
}


.blog .hentry .entry-header,
.category .hentry .entry-header {
    margin-bottom: 0;
}

.blog .hentry .entry-header h2.alpha,
.category .hentry .entry-header h2.alpha {
    margin-bottom: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
    padding: 1.25rem;
    text-align: center;
}

.blog .entry-content,
.category .entry-content {
    /* margin-top: 0.5rem; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    /* padding: 1.25rem; */
}

.blog .entry-content p,
.category .entry-content p {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.blog .hentry .entry-taxonomy,
.category .hentry .entry-taxonomy {
    margin: 0;
    padding-top: 0;
    padding: 1.25rem;
}

.site-header .widget_shopping_cart p.total,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart li {
    padding-right: 0.5em;
    padding-left: 0.5em;
}



/************************ *******************/
.socials_share {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.socials_share ul {
    margin: 0 -20px;
    list-style: none;
    list-style-type: none;
    padding: 0;
    vertical-align: baseline;
}



.socials_share ul li {
    width: 25%;
    float: right;
    padding: 5px 20px;
}



.socials_share ul li a {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 10px 20px;
    text-align: center;
    border-radius: 9px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

.socials_share ul li i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

@media (max-width: 800px) {
    .socials_share ul {
        margin: 0 -5px;
    }

    .socials_share ul li {
        padding: 5px;
    }

    .socials_share ul li a {
        font-size: 14px;
    }

    .socials_share ul li i {
        font-size: 20px;
    }

}

@media (max-width: 600px) {
    .socials_share ul li a {
        font-size: 0;
        height: 30px;
        padding: 0;
        line-height: 30px;
    }

    .socials_share ul li i {
        margin: 0 !important;
    }
}

.instagram_urls {
    background: #E4405F;

}

.facebook_urls {
    background: #3b5998;
}

.telegram_urls {
    background: #0081c2;
}

.whatsapp_urls {
    background: #00a884;
}

.twitter_urls {
    background: #00acee;
}

.socials_share a {
    outline: unset;
}

/************ footer ************/
.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
    background-color: #f0f4f9;
}

.storefront-handheld-footer-bar ul li.search.active .site-search {
    background-color: #f0f4f9;

}

.site-footer .storefront-handheld-footer-bar ul li.shop>a::before {
    content: "\f54e";
}

.storefront-handheld-footer-bar ul li.cart>a::before {
    line-height: 2.518046972;
    font-size: 1.818em;
}

.storefront-handheld-footer-bar ul li>a::before {
    top: -10px;
}

.site-footer .storefront-handheld-footer-bar ul li>a {
    text-indent: unset;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 1px;
    font-weight: bold;
}

.site-footer a,
.site-search .widget_product_search input[type="search"]:focus {
    outline: unset;
}

.storefront-handheld-footer-bar ul li.cart .count {
    display: none;
}

.site-search .widget_product_search input[type="search"]::placeholder {
    font-family: var(--main-font);
    font-size: 16px;
    color: #666;
}

a:focus {
    outline: unset;
}

.woocommerce-cart.storefront-handheld-footer-bar {
    display: block !important;
}