/*
Theme Name: پارس کالا - ابر پوسته وردپرسی فروشگاهی
Theme URI: https://www.rtl-theme.com/parskala-wordpress-theme/
Author: مسیر وردپرس | حسین اسماعیلیان
Author URI: https://www.parskalas.com/
Version: 4.0.1

Tags: ابر پوسته وردپرس, فروشگاهی, ووکامرس, المنتور, واکنش‌گرا, پرسرعت, منعطف
Text Domain: parskala
Domain Path: /languages/

Description:  پارس کالا - قدرت بی‌همتای فروشگاهی وردپرس!
قالبی ساخته‌شده با تعصب، دقت و عشق به دنیای وردپرس.
هدف ما ارائه بهترین تجربه فروشگاهی با استانداردهای مدرن و انعطاف بی‌نظیر است.
با استفاده از پارس کالا، شما صاحب بی‌رقیب‌ترین و کامل‌ترین قالب فروشگاهی ایران هستید.
این قالب حاصل سال‌ها تجربه و تلاش است؛ پس با خرید نسخه اصلی، از ما حمایت کنید و در مسیر پیشرفت همراه شوید.
*/



* {
margin:0;
padding:0;
}
body {
line-height:1;
background-color: #fff;
}
ol,ul {
list-style:none
}
span,h2,p,label,div{
  font-family:prk-font
}
li {
list-style:none
}

a {
color:#000;
text-decoration:none;
font-family:prk-font
}
input,button {
font-family:prk-font
}
.continer {
    width: 96%;
    margin: 0 auto;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1590px;
}


/* ParsKala global page start gap system */
:root {
  --prk-page-gap-default-mobile: 16px;
  --prk-page-gap-default-desktop: 32px;

  --prk-page-gap-cart-mobile: 16px;
  --prk-page-gap-cart-desktop: 26px;

  --prk-page-gap-checkout-mobile: 16px;
  --prk-page-gap-checkout-desktop: 26px;

  --prk-page-gap-thankyou-mobile: 10px;
  --prk-page-gap-thankyou-desktop: 20px;

  --prk-page-gap-myaccount-mobile: 0px;
  --prk-page-gap-myaccount-desktop: 40px;

  --prk-page-gap-archive-mobile: 12px;
  --prk-page-gap-archive-desktop: 24px;

  --prk-page-gap-blog-mobile: 16px;
  --prk-page-gap-blog-desktop: 28px;

  --prk-page-gap-page-mobile: 16px;
  --prk-page-gap-page-desktop: 32px;

  --prk-page-gap-product-mobile: 0px;
  --prk-page-gap-product-desktop: 0px;
}

.prk-page-shell {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-default-mobile, 16px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-default-desktop, 32px);
  --prk-page-current-gap: var(--prk-page-shell-gap-mobile);
}

.prk-page-shell--cart {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-cart-mobile, 16px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-cart-desktop, 26px);
}

.prk-page-shell--checkout {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-checkout-mobile, 16px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-checkout-desktop, 26px);
}

.prk-page-shell--thankyou {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-thankyou-mobile, 10px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-thankyou-desktop, 20px);
}

.prk-page-shell--myaccount {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-myaccount-mobile, 0px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-myaccount-desktop, 40px);
}

.prk-page-shell--archive {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-archive-mobile, 12px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-archive-desktop, 24px);
}

.prk-page-shell--blog-archive,
.prk-page-shell--blog-single,
.prk-page-shell--post-archive,
.prk-page-shell--post-single {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-blog-mobile, 16px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-blog-desktop, 28px);
}

.prk-page-shell--page,
.prk-page-shell--blog-page {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-page-mobile, 16px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-page-desktop, 32px);
}

.prk-page-shell--product {
  --prk-page-shell-gap-mobile: var(--prk-page-gap-product-mobile, 0px);
  --prk-page-shell-gap-desktop: var(--prk-page-gap-product-desktop, 0px);
}

@media (min-width: 1024px) {
  .prk-page-shell {
    --prk-page-current-gap: var(--prk-page-shell-gap-desktop);
  }
}

.prk-page-shell:not(.prk-page-shell--self-spaced) {
  padding-top: var(--prk-page-current-gap, 16px);
}



/* css costom single page */
.variations_form.cart{
	width: 100% !important;
	display: inline-block !important;
	background: transparent !important;
} 
.variations_form.cart .variations{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.prk-disabled{
  pointer-events:none;
  opacity: 0.4;
}
.variations_form.cart .variations tr{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin-top: .75rem;
}

.variations_form.cart .variations tr .label{
    font-weight: 600;
}
.variations_form.cart .variations tr .label label{
    display: flex;
    align-items: center;
    gap: 6px;
}
.variations_form.cart .variations tr .label .pars-var-picked{
    font-size: 13px;
    color: #0a0a0a;
}

.variations_form.cart .variations tr .label{
    font-weight: 600;
}
.variations_form.cart .variations tr .value{
    
}
/* 1) جدول ووکامرس رو در موبایل "بلاک" کن؛ نه flex نه table  */
@media (max-width: 768px){
  table.variations,
  table.variations tbody,
  table.variations tr,
  table.variations td,
  table.variations th{
    display:block;
    width:100%;

  }
}



/* 2) سوایپر رو بالاتر از هر لایه‌ای ببر */
.product-color-text-swiper-container,
.product-color-text-swiper-container .swiper{
  position: relative;
  z-index: 5;
}

/* 3) گرادیان‌های کنار اسلایدر تو موبایل کلاً حذف (یا حداقل تاچ نگیرن) */
.product-variable-swiper-prev-box,
.product-variable-swiper-next-box{ pointer-events:none; }
.product-variable-swiper-prev-btn,
.product-variable-swiper-next-btn{ pointer-events:auto; }  /* دسکتاپ */
@media (max-width: 1024px){
  .product-variable-swiper-prev-box,
  .product-variable-swiper-next-box{ display:none; }
}

/* 4) به خود سوایپر بگو حرکت افقی رو بگیر (خصوصاً iOS) */
.product-color-text-swiper-container .swiper{
  touch-action: pan-x;
  -ms-touch-action: pan-x;             /* قدیمی‌ها */
  -webkit-overflow-scrolling: touch;   /* iOS */
}

/* 5) اطمینان از اینکه td والد تاچ رو قطع نمی‌کند */
table.variations td.value{ position:relative; pointer-events:auto; }

.prk-modal.is-builder{
  width: -webkit-fill-available;
  /* background: transparent; */
}

.footer-s{
  position: relative;
  z-index: 1;
}

button, input, optgroup, select, textarea{
  font-family: prk-font !important;

}

/* چک باکس */
.upload-option-checkbox input[type="checkbox"] {
  display: none;
}

.upload-option-lbl {
  display: block;
  position: relative;
  cursor: pointer;
}

.upload-option-lbl::before {
  content: "";
  position: absolute;
  top: -9px;
  right: -10px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 4px;
}

.upload-option-checkbox input[type="checkbox"]:checked+.upload-option-lbl::before {
  background-color: var(--prk-color-primary, #FF650B);
  border: 1px solid var(--prk-color-primary, #FF650B);
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.3575 5.7975C2.1675 5.7975 1.9775 5.7275 1.8275 5.5775L0.2175 3.9675C-0.0725 3.6775 -0.0725 3.1975 0.2175 2.9075C0.5075 2.6175 0.987499 2.6175 1.2775 2.9075L2.3575 3.9875L6.12775 0.2175C6.4175 -0.0725 6.8975 -0.0725 7.1875 0.2175C7.4775 0.5075 7.4775 0.9875 7.1875 1.2775L2.88775 5.5775C2.7375 5.7275 2.5475 5.7975 2.3575 5.7975Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}






#header {
  position: sticky;
  top: 0;
  z-index: 999;
}




/* Desktop sticky-menu layout is owned by app/Header/DefaultHeader assets.
   Keep style.css free of global .pr-desktop-menu/.pr-main-container patches. */
@layer utilities {
  .prk-font {
    font-family: "prk-font", sans-serif !important;
  }
}

.prk-cart-metric__value{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
}
.prk-cart-metric__count,
.prk-cart-metric__amount{
  display:inline-flex;
  align-items:center;
}

.navigation-overlay.active{
  display: block;
  transition: ease-in-out .25s;
}
.navigation-overlay{
  display: none;
  transition: ease-in .25s;
}

.prk-cart-metric__amount .woocommerce-Price-amount.amount bdi{
  display:inline-flex;
  align-items:center;
  gap:3px;
  direction:rtl;
}

.prk-cart-metric__amount .woocommerce-Price-currencySymbol{
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.prk-cart-metric__currency-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--prk-cart-metric-currency-icon-size);
  height:var(--prk-cart-metric-currency-icon-size);
  line-height:1;
  vertical-align:middle;
  flex:0 0 auto;
}

.prk-cart-metric__currency-icon svg{
  display:block;
  width:100%;
  height:100%;
}

.prk-cart-metric__currency-icon i{
  font-size:var(--prk-cart-metric-currency-icon-size);
  line-height:1;
}

.prk-loop-fast-card{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.prk-loop-fast-card__body{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.prk-loop-fast-price{
    display:block;
}

body .prk-mav4-shell {
  padding: 40px 0;
}

/* استایل های تکمیلی و کاستوم حساب کاربری که بعدها حتما در فایل مربوطه قرار گیرد */

.prk-mav4-nav__badge.is-empty{
  display: none;
}

.prk-single-product-wc-breadcrumb .woocommerce-breadcrumb{
  font-family: prk-font;
  font-weight: 500;
  color: #c5c5c5;
  font-size: 13px;
}


.navigation-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99998;
    display: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, visibility .5s ease-in-out;
    transition: background .5s ease-in-out, visibility .5s ease-in-out;
    cursor: url("assets/img/close.png") 16 16, default;
}

.remodal-overlay, .navigation-overlay, .modal__overlay {
    background-color: #0000004d !important;
}