:root {
    --sitePrimary: #1da370;
    --primary:#1da370;
    --siteSecondary: rgb(236, 239, 241);
    --swiper-navigation-size: 16px !important;
    --swiper-theme-color: #1da370 !important;
}

.swal2-title{
    font-size: large;
}
p {
    @apply font-light text-base;
}

h6, h5 {
    @apply font-normal text-base;
}

h4 {
    @apply font-semibold text-base;
}

h2, h3 {
    @apply font-bold text-xl;
}

h1 {
    @apply font-black text-2xl;
}

@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Thin-FD.woff") format("woff"),
    url("/fonts/Vazir-Thin-FD.woff2") format("woff2");
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Light-FD.woff") format("woff"),
    url("/fonts/Vazir-Light-FD.woff2") format("woff2");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Regular-FD.woff") format("woff"),
    url("/fonts/Vazir-Regular-FD.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}


@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Regular-FD.woff") format("woff"),
    url("/fonts/Vazir-Regular-FD.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Medium-FD.woff") format("woff"),
    url("/fonts/Vazir-Medium-FD.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Bold-FD.woff") format("woff"),
    url("/fonts/Vazir-Bold-FD.woff2") format("woff2");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Bold-FD.woff") format("woff"),
    url("/fonts/Vazir-Bold-FD.woff2") format("woff2");
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: "Vazir";
    src: url("/fonts/Vazir-Black-FD.woff") format("woff"),
    url("/fonts/Vazir-Black-FD.woff2") format("woff2");
    font-weight: 900;
    font-display: swap;
}

.wml-mega-menu-item-detail {
    display: none;
}

.wml-mega-menu-item:hover > .wml-mega-menu-item-detail {
    display: block;
}

.wml-sim-menu-item-detail {
    display: none;
}

.wml-sim-menu-item:hover > .wml-sim-menu-item-detail {
    display: block;
}

#main-overlay {
    @apply bg-black bg-opacity-60 fixed w-full h-full top-0 right-0 z-10 hidden;
}

#main-overlay.active {
    @apply block;
}

#page-header {
    @apply relative z-20;
}

.darooman-container {
    @apply container mx-auto w-full;
}


.brand-carousel-container {
    @apply container mx-auto;
}

.brand-carousel-wrapper {
    @apply flex flex-col rounded shadow-sm overflow-hidden;
}

.brand-carousel-title-container {
    @apply py-4 px-5 lg:px-6 w-full;
}

.brand-carousel-title-container h3 {
    @apply font-bold text-3xl;
}

.brand-carousel-title-container h4 {
    @apply text-gray-700;
}

.brand-carousel-container .swiper {
    @apply w-full overflow-hidden;
}
body{
    transition: all ease-in-out .3s;
}

#search-input:focus + #search-input-reset,#search-input-reset:focus,#search-input-reset:hover{
    display: inline-block;
}

.brand-item-c {
    transition: all ease-in-out .3s;
}

.brand-item-wrapper {
    @apply bg-white flex flex-col rounded-lg shadow-sm bg-white overflow-hidden border border-gray-100 hover:shadow;
}

.brand-item-wrapper-inner {
    @apply p-5 lg:p-6 grow w-full space-y-4;
}


.product-carousel-container {
    @apply container mx-auto;
}

.product-carousel-wrapper {
    @apply flex flex-col rounded shadow-sm overflow-hidden;
}

.product-carousel-title-container {
    @apply py-4 px-5 lg:px-6 w-full;
}

.product-carousel-title-container h3 {
    @apply font-bold;
}

.product-carousel-title-container h4 {
    @apply text-gray-700;
}

.product-carousel-container .swiper {
    @apply w-full overflow-hidden;
}

.product-carousel-container .swiper-wrapper {
    @apply mx-4;
}

/*.product-carousel:after {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    content: " ";*/
/*    height: 100%;*/
/*    width: 5%;*/
/*    z-index: 1;*/
/*    background: rgb(255, 255, 255);*/
/*    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 0) 100%);*/
/*}*/

.product-item-c, .product-item-add {
    transition: all ease-in-out .3s;
}

.product-item-img {
    @apply pt-1 px-2 mb-2 text-center;
}

.product-item-c img {
    @apply rounded-lg mb-3 mx-auto ;
}

.swiper-button-prev, .swiper-button-next {
    @apply bg-gray-100 bg-opacity-40 p-6 hover:bg-opacity-70;
    border-radius: 100%;
    transition: all ease-in-out .3s;

}

.swiper-button-prev:after, .swiper-button-next:after {
    @apply text-sm font-bold text-black;
}

.product-item-down-price {
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    margin-top: 4px;
}

.product-item-wrapper {
    @apply bg-white flex flex-col rounded-lg shadow-sm bg-white overflow-hidden border border-gray-100 hover:shadow;
}

.product-item-wrapper-inner {
    @apply p-5 lg:p-6 grow w-full space-y-4;
}

.product-item-add {
    @apply rounded-lg border border-gray-100 text-primary-color p-1 hover:border-primary-color-400;
}

.product-item-m{
    width: 30vw;
}


@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
    .product-item-m{
        width: 25vw;
    }
}
@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
    .product-item-m{
        width: 25vw;
    }
}
@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
    .product-item-m{
        width: 27vw;
    }
}
@media only screen and (max-width: 768px) {
    /* default iPad screens */
    .product-item-m{
        width: 45vw;
    }
}
@media only screen and (max-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
    .product-item-m{
        width: 80vw;
    }
}


.side-bar-post-item {
    @apply flex items-center pb-3;
}

.side-bar-post-item:not(:last-child) {
    border-bottom: 1px gray solid;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

.rate:not(:checked) > input {
    position: absolute;
    top: -9999px;
}

.rate:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: #ccc;
}

.rate:not(:checked) > label:before {
    content: '★ ';
}

.rate > input:checked ~ label {
    color: #ffc700;
}

.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}

.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


.show-more {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(0, 0, 0, 0) 100%);
}


.input-wo-ar::-webkit-outer-spin-button,
.input-wo-ar::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-wo-ar[type=number] {
    -moz-appearance: textfield;
}


.wml-content {
    @apply prose;
    max-width: 100% !important;
}

.wml-content img {
    max-width: 100% !important;
    display: initial;
}

.wml-content a {
    color: var(--primary);
}

.wml-content a * {
    color: var(--primary);
}

.wml-content * {
    max-width: 100% !important;
    font-family: "Vazir", sans-serif !important;
    background-color: inherit;
    border-color: inherit !important;
    color: inherit;
}

.wml-content ol, .wml-content ul {
    list-style: circle;
}

.wml-content h1 {
    font-size: 26px;
}

.wml-content h2 {
    font-size: 22px;
}

.wml-content h3 {
    font-size: 18px;
}



.wml-content a span {
    color: var(--primary);
}

.content-category a {
    color: var(--primary);
}

.content-category a span {
    color: var(--primary);
}

/*.wml-content table, .wml-content tbody, .wml-content td, .wml-content th, .wml-content thead, .wml-content tr {*/
/*    background-color: inherit !important;*/
/*    border-color: inherit !important;*/
/*    color: inherit;*/
/*    display: initial;*/
/*}*/

.wml-content table{
    @apply table-auto;
    direction: rtl;
    text-align: right;
    width: auto;
    max-width: 90%;
    /*margin: auto;*/
}
.spec-table {

}

.spec-table div {
    @apply rounded-md bg-primary-color-50 p-3 text-gray-800 shadow;
}


.spec-title {
    @apply bg-primary-color-100 font-semibold text-lg;
}

.spec-det {

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

*::-webkit-scrollbar {
    width: 0px !important;
    background-color: white !important;
}

*::-webkit-scrollbar-thumb {
    width: 0px !important;
    background-color: whitesmoke !important;
    border-radius: 0px !important;
}

*::-webkit-scrollbar:horizontal {
    width: 0px !important;
    background-color: white !important;
}

*::-webkit-scrollbar-thumb:horizontal {
    width: 0px !important;
    background-color: whitesmoke !important;
    border-radius: 0px;
}
.ill-item-more{
    display: none;
}
.ill-item:hover  .ill-item-more{
    display: block;
}