/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: قالب فرزند Astra برای شخصی‌سازی بدون تغییر در قالب اصلی.
Author: KKTCO
Author URI: https://kktco.com/
Template: astra 
Version: 1.0.0
Text Domain: astra-child
*/

/* استایل‌های سفارشی از اینجا به بعد */
/* Generated by script */
@font-face {
font-display:swap;
    font-family: 'Vazirmatn';
    src: url('/wp-content/themes/astra-child/fonts/Vazirmatn-RD-UI-FD-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html body,
html .elementor {
    font-family: "Roboto", sans-serif;
}
/* فونت فارسی */
html[lang="fa-IR"] body,
html[lang="fa-IR"] .elementor {
    font-family: 'Vazirmatn', sans-serif;
}

footer ul li i {
    margin-bottom: 10px;
}
/*For Header Mobile Menu*/
.header-menu-shadow{
  box-shadow: rgb(38 57 77 / 75%) 0px 20px 30px -10px, rgb(0 0 0 / 30%) 0px 30px 60px -30px, inset -1px -8px 6px -4px rgba(10, 37, 64, 0.35);
}
/* آیتم های منو اصلی داخل mob-menu */
.mob-menu .elementor-nav-menu a {
  color: #333;
  font-weight: 500;
  text-transform: uppercase;
  padding: 12px 20px;
  transition: all 0.3s ease; /* انیمیشن نرم برای هاور منو اصلی */
  border-radius: 6px;
}

/* هاور روی آیتم منو اصلی */
.mob-menu .elementor-nav-menu a:hover {
  background-color: #0056b3;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.ff-default .ff-el-form-control{
	font-family: 'Vazirmatn';
}
/* زیرمنوها */
.mob-menu .elementor-nav-menu--dropdown a {
  color: #555;
  padding: 10px 18px;
  position: relative;
  border-radius: 4px;
  transition: all 0.3s ease; /* انیمیشن نرم برای هاور زیرمنو */
}

/* هاور زیرمنو با افکت نرم */
.mob-menu .elementor-nav-menu--dropdown a:hover {
  background-color: #0056b3; /* رنگ بک‌گراند هنگام هاور */
  color: #fff; /* رنگ متن هنگام هاور */
  transform: translateX(3px); /* حرکت جزئی به سمت راست */
  box-shadow: 0 3px 10px rgba(0,0,0,0.08); /* سایه نرم */
}
.dialog-close-button {
	background: red;
}
#elementor-popup-modal-54878 .dialog-close-button {
    display: flex;
    top: 3.3%;
    font-size: 1.5rem;
}
/* For Pagination */
/* Container pagination */
.uc-posts-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 30px 0;
  flex-wrap: wrap;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Base style for all page numbers */
.uc-posts-pagination .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 50%;
  text-decoration: none;
  color: #000; /* متن سیاه */
  background: #f7f7f7;
  font-weight: 500;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  cursor: pointer;
}

/* Hover effect with gradient and floating effect */
.uc-posts-pagination .page-numbers:hover {
  background: linear-gradient(135deg, #00babe, #006a6a); /* رنگ اصلی سایت */
  color: #fff;
  transform: translateY(-4px) scale(1.1);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  border-color: #00babe;
}

/* Current active page */
.uc-posts-pagination .page-numbers.current {
  background: #00babe; /* رنگ اصلی سایت */
  color: #fff;
  font-weight: 600;
  transform: scale(1.15);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  cursor: default;
  border-color: transparent;
}

/* Dots */
.uc-posts-pagination .page-numbers.dots {
  background-color: transparent;
  color: #000; /* متن سیاه */
  cursor: default;
  transform: none;
  font-weight: 400;
  min-width: auto;
  padding: 0;
}

/* Responsive tweaks */
@media (max-width: 480px) {
  .uc-posts-pagination .page-numbers {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
  }

  .uc-posts-pagination .page-numbers.current {
    transform: scale(1.1);
  }
}
/*Page Number For Archives*/
/* Container اصلی pagination */
.archive_pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 30px 0;
}

/* Nav links container */
.archive_pagination .nav-links {
  display: flex;
  flex-wrap: wrap;

  justify-content: center;
  align-items: center;
  gap: 10px;
}
.archive_pagination a {
    margin: 0 5px;
}
/* Base style برای شماره صفحات */
.archive_pagination .page-numbers {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 50%;
  text-decoration: none;
  color: #000; /* متن سیاه */
  background: #f7f7f7;
  font-weight: 500;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  cursor: pointer;
}

/* Hover effect */
.archive_pagination .page-numbers:hover {
  background: linear-gradient(135deg, #00babe, #006a6a);
  color: #fff;
  transform: translateY(-4px) scale(1.1);
  box-shadow: 0 8px 15px rgba(0,0,0,0.2);
  border-color: #00babe;
}

/* Current page */
.archive_pagination .page-numbers.current {
  background: #00babe;
  color: #fff;
  font-weight: 600;
  transform: scale(1.15);
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  cursor: default;
  border-color: transparent;
}

/* Dots */
.archive_pagination .page-numbers.dots {
  background-color: transparent;
  color: #000;
  cursor: default;
  transform: none;
  font-weight: 400;
  min-width: auto;
  padding: 0;
}

/* Next & Prev buttons */
.archive_pagination .next.page-numbers,
.archive_pagination .prev.page-numbers {
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  height: 40px;
  border-radius: 50px;
  background: #00babe;
  color: #fff;
  font-weight: 500;
  transition: all 0.3s ease;
  text-decoration: none;
  gap: 6px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

.archive_pagination .next.page-numbers:hover,
.archive_pagination .prev.page-numbers:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 480px) {
  .archive_pagination .page-numbers,
  .archive_pagination .next.page-numbers,
  .archive_pagination .prev.page-numbers {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
  }

  .archive_pagination .page-numbers.current {
    transform: scale(1.1);
  }
}
a.next.page-numbers {
    color: white !important;
}
/*Categories*/
.babylandCategories ul.products li.product-category.product {
    margin: 5px !important;
    padding: 0 30px;
    box-sizing: content-box;
    border-style: double;
    border-color: #ced8dd;
    box-shadow: 0px 0px 10px 0px rgb(148 151 158 / 49%);
    transition: background .3s, border 1s, border-radius 1s, box-shadow 1s;
    text-align: center;
    border-radius: 15px;
}

/*Hover*/
.babylandCategories ul.products li.product-category.product:hover {
    border-style: double;
    border-color: #94979E;
    box-shadow: 0px 0px 32px 0px rgb(126 126 126 / 50%) inset;
}

/*Titles*/
.woocommerce-js ul.products li.product .woocommerce-loop-category__title, .woocommerce-page ul.products li.product .woocommerce-loop-category__title {
    bottom: 0;
    background-color: transparent;
}
.woocommerce-js ul.products li.product.product-category>a:hover .woocommerce-loop-category__title, .woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title {
    background-color: transparent;
}
.woocommerce-js ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    margin-top: -9px;
}
.woocommerce-js ul.products li.product.product-category a img{
	object-fit:none;
	height:65%
}

/*Hide counts to match old style*/
.babylandCategories ul.products li.product-category.product h2 mark.count,.hidentCategories ul.products li.product-category.product h2 mark.count {
    display: none !important;
}

/*Wrapper alignment*/
.babylandCategories ul.products {
    margin: 2px !important;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

/*Fixed size items like before*/
.babylandCategories ul.products li.product-category.product {
    width: 135px !important;
    height: 135px !important;
}

/*Hover special for babyland categories*/
.term-description .babylandCategories ul.products li.product-category.product:hover{
    border-color: #e3051b;
    box-shadow: 0px 0px 32px 0px rgb(227 5 27 / 50%) inset;
}
.woocommerce-js ul.products li.product.product-category>a, .woocommerce-page ul.products li.product.product-category>a {
    display: contents;
}
.term-description {
    box-shadow: rgb(0 0 0 / 40%) 0px 2px 4px, rgb(0 0 0 / 30%) 0px 7px 13px -3px, rgb(0 0 0 / 20%) 0px -3px 0px inset;
    border-radius: 2px 2px 10px 10px;
    padding: 10px;
    text-align: justify;
}
@media (max-width: 492px) {

.babylandCategories ul.products li.product-category.product {
  width: 65px !important;
}
}
/* --- Hident Categories Main Style --- */
.hidentCategories ul.products li.product-category.product {
    margin: 5px !important;
    padding: 0 30px;
    box-sizing: content-box;
    border-style: double;
    border-color: #ced8dd;
    box-shadow: 0px 0px 10px 0px rgb(148 151 158 / 49%);
    transition: background .3s, border 1s, border-radius 1s, box-shadow 1s;
    text-align: center;
    border-radius: 15px;

    width: 135px !important;
    height: 135px !important;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* --- Hover (Blue for Hident) --- */
.term-description .hidentCategories ul.products li.product-category.product:hover {
    border-style: double;
    border-color: #003777;
    box-shadow: 0px 0px 32px 0px rgb(0 53 115 / 50%) inset;
}

/* --- Center Items (same as BabyLand) --- */
.hidentCategories ul.products {
    margin: 2px !important;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

/* --- Images Fix (same as BabyLand) --- */
.hidentCategories ul.products li.product-category.product a img {
    margin-top: -9px;
    object-fit: none;
}

/* --- Hide Woo Titles Wrapper (because Babyland uses direct h2) --- */
.hidentCategories ul.products li.product-category.product .woocommerce-loop-category {
    margin-top: 5px;
}


/* --- Title Hover --- */
.hidentCategories ul.products li.product-category.product:hover h2.woocommerce-loop-category__title a {
    background: transparent;
    color: #003777; /* optional */
}

/* --- Mobile Fix --- */
@media (max-width: 492px) {
    .hidentCategories ul.products li.product-category.product {
        width: 65px !important;
        height: 65px !important;
        padding: 0 10px;
    }

    .hidentCategories ul.products li.product-category.product h2 {
        font-size: 10px !important;
    }
}
/* --- Soother-like Categories --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product {
    margin: 5px !important;
    padding: 0 30px;
    box-sizing: content-box;
    border-style: double;
    border-color: #ced8dd;
    box-shadow: 0px 0px 10px 0px rgb(148 151 158 / 49%);
    transition: background .3s, border 1s, border-radius 1s, box-shadow 1s;
    text-align: center;
    border-radius: 15px;

    width: 135px !important;
    height: 135px !important;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* --- Hover (BabyLand Red) --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product:hover {
    border-style: double;
    border-color: #e3051b;
    box-shadow: 0px 0px 32px 0px rgb(227 5 27 / 50%) inset;
}

/* --- Center Items --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 {
    margin: 2px !important;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

/* --- Images --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product a img {
    margin-top: -9px;
    object-fit: none;
}

/* --- Hide counts --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product h2 mark.count {
    display: none !important;
}

/* --- Title Hover --- */
.term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product:hover h2.woocommerce-loop-category__title a {
    background: transparent;
}

/* --- Mobile Fix --- */
@media (max-width: 492px) {
    .term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product {
        width: 65px !important;
        height: 65px !important;
        padding: 0 10px;
    }

    .term-description > .woocommerce.columns-5 > ul.products.columns-5 > li.product-category.product h2 {
        font-size: 10px !important;
    }
}
.add-to-cart button.single_add_to_cart_button {
    display: none;
}
.product_meta .detail-label {
    font-size: 1rem;
}
.woocommerce-js div.product .product_meta .sku {
    color: #000000;
    font-size: 1rem;
    font-weight: bold;
}
.iconic-woothumbs-all-images-wrap {
    box-shadow: 0 0 15px 5px #00bebe7a;
    border-radius: 10px;
}
.iconic-woothumbs-thumbnails__image-wrapper {
    margin: 4px 4px 0 0;
	border-radius: 3px;
}
table.woocommerce-product-attributes tr, table.woocommerce-product-attributes th, table.woocommerce-product-attributes td {
    border-radius: 10px;
    border: 1px solid #727374 !important;
}
.woocommerce-tabs #tab-additional_information table.shop_attributes > tbody > tr {
    background: #fff;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #00babe;
    border-radius: 50% 100% 100% 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce div.ast-product-tabs-layout-vertical .woocommerce-tabs ul.tabs li:hover::before {
    background: #00babe;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel {
	border-top: 0 !important;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a {
    border: 1px solid #00babe;
}
.related-products a.button.product_type_variable.add_to_cart_button,.related-products .review-rating,.related-products .price,.related-products .astra-shop-summary-wrap .product_type_simple {
    display: none !important;
}
.related-products .astra-shop-summary-wrap {
    text-align: center;
}
section.related.products {
    box-shadow: inset 0 0 10px 0 #00bebe;
    border-radius: 7px;
    padding: 25px;
}
img.kkt-brand-logo {
    width: 70%;
}
.text-center{
	text-align:center;
}
.kkt-feature-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.kkt-feature-item img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    transition: .25s ease;
}
.kkt-brand-logo{
	transition: .25s ease;
}

.kkt-feature-item:hover img,.kkt-brand-logo:hover{
    transform: scale(1.2);
}
/* استایل کلی باکس ویدئو */
.aparat-product-video {
    width: 100%;
    max-width: 800px; /* جلوگیری از پهن شدن بیش از حد */
    margin: 0 auto 30px auto; /* وسط‌چین کردن باکس */
}

/* استایل خودِ پلیر آپارات */
.aparat-product-video iframe {
    border-radius: 20px; 
    /* سایه فیروزه‌ای با شفافیت 30 درصد */
    box-shadow: 0 10px 25px rgba(0, 186, 190, 0.3); 
    transition: all 0.3s ease-in-out; 
    display: block; 
}

/* افکت وقتی موس روی ویدئو می‌رود */
.aparat-product-video iframe:hover {
    /* سایه فیروزه‌ای پررنگ‌تر (50 درصد) و بزرگتر هنگام هاور */
    box-shadow: 0 20px 40px rgba(0, 186, 190, 0.5); 
    transform: translateY(-5px); 
}

/* استایل تیتر (اختیاری: رنگ خط کنار تیتر را هم با رنگ جدید ست کردم) */
.aparat-video-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: right;
    margin-bottom: 15px;
    padding-right: 10px;
    line-height: 1.6;
    /* خط کنار تیتر هم همرنگ سایه شد */
    border-right: 4px solid #00babe; 
}

/* استایل کلی باکس ویدئو */
.local-product-video {
    width: 100%;
    max-width: 800px; /* جلوگیری از پهن شدن بیش از حد */
    margin: 0 auto 30px auto; /* وسط‌چین کردن باکس */
}

/* استایل خودِ پلیر ویدیو (جایگزین iframe) */
.local-product-video video {
    width: 100%;
    height: auto;
    border-radius: 20px; 
    /* همان سایه فیروزه‌ای با شفافیت 30 درصد */
    box-shadow: 0 10px 25px rgba(0, 186, 190, 0.3); 
    transition: all 0.3s ease-in-out; 
    display: block; 
    object-fit: cover; /* باعث می‌شود تصویر کاور دفرمه نشود */
    background: #000; /* پس‌زمینه مشکی برای وقتی ویدیو هنوز لود نشده */
}

/* افکت وقتی موس روی ویدئو می‌رود */
.local-product-video video:hover {
    /* سایه فیروزه‌ای پررنگ‌تر (50 درصد) و بزرگتر هنگام هاور */
    box-shadow: 0 20px 40px rgba(0, 186, 190, 0.5); 
    transform: translateY(-5px); 
    cursor: pointer;
}

/* استایل تیتر */
.local-product-video .video-title,.annotation h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: right;
    margin-bottom: 15px;
    padding-right: 10px;
    line-height: 1.6;
    /* خط کنار تیتر به رنگ فیروزه‌ای */
    border-right: 4px solid #00babe; 
}
.local-product-video video {
    max-height: 450px;
}

/* --- استایل‌های پایه (مشترک) --- */
.ar-wrapper { position: relative; width: 100%; margin-bottom: 40px; font-family: inherit; }
.model-viewer-custom { width: 100%; height: 450px; background-color: #f4f4f4; border-radius: 16px; border: 1px solid #afafaf; overflow: hidden; }
.ar-trigger-btn { background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; border: 1px solid #ddd; position: absolute; bottom: 16px; right: 16px; padding: 8px 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); cursor: pointer; font-weight: 600; backdrop-filter: blur(4px); }

/* رنگ‌ها */
.product-colors-container { margin-top: 20px; text-align: center; }
.color-label { display: block; margin-bottom: 10px; font-size: 14px; color: #666; font-weight: bold; }
.product-colors { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.product-colors span { display: block; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border: 2px solid transparent; transition: all 0.3s; }
.product-colors span:hover { transform: scale(1.2); }
.product-colors span.active-color { border-color: #333; transform: scale(1.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }

/* تعریف رنگ‌ها */
.color-blue { background: #2196F3; } .color-green { background: #4CAF50; } .color-orange { background: #FF9800; } .color-pink { background: #E91E63; } .color-hident-lemon { background: #CDDC39; } .noColor { background: #eee url('https://kktco.com/ar/no-color.png') center/cover; } .color-gray { background: #9E9E9E; } .color-white { background: #FFFFFF; border: 1px solid #ddd !important; } .color-yellow { background: #FFEB3B; } .color-purple { background: #9C27B0; } .color-black { background: #000000; } .color-red { background: #F44336; }

/* --- طراحی Action Card (دسکتاپ) --- */
.ar-action-card {
    margin-top: 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    overflow: hidden;
    /* انیمیشن */
    transition: all 0.3s ease;
}

.ar-card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.ar-action-col { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }

.arBtn-modern {
    display: flex; align-items: center; gap: 10px; background: #222; color: #fff !important;
    padding: 12px 20px; border-radius: 8px; text-decoration: none; transition: background 0.3s;
    width: 100%; max-width: 220px; justify-content: center;
}
.arBtn-modern:hover { background: #000; transform: translateY(-2px); }
.arBtn-modern .icon { font-size: 24px; line-height: 1; }
.arBtn-modern .text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.arBtn-modern .text small { font-size: 11px; opacity: 0.8; font-weight: normal; }

.ar-divider { width: 1px; height: 60px; background: #eee; margin: 0 20px; }

.ar-qr-col { flex-direction: row; gap: 15px; justify-content: center; }
.qr-text { text-align: right; display: flex; flex-direction: column; justify-content: center; }
.qr-text strong { font-size: 14px; color: #333; }
.qr-text small { font-size: 12px; color: #888; }
.qrcodeLink { width: 70px; height: 70px; border-radius: 8px; border: 1px solid #eee; padding: 3px; }

/* --- تغییرات مهم برای موبایل (Sticky Bar) --- */
@media (max-width: 768px) {
    /* تبدیل کارت به نوار چسبان */
    .ar-action-card {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        border-radius: 16px 16px 0 0; /* گرد کردن گوشه‌های بالا */
        z-index: 99999; /* بالاتر از همه چیز */
        box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
        border: none;
        border-top: 1px solid #eee;
        padding-bottom: env(safe-area-inset-bottom); /* برای آیفون‌های جدید */
        animation: slideUpMobile 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .ar-card-content {
        padding: 15px 20px;
        justify-content: center;
    }

    /* مخفی کردن QR کد در موبایل (چون کاربردی نیست) */
    .ar-qr-col, .ar-divider {
        display: none !important;
    }

    /* تمام صفحه کردن دکمه در موبایل */
    .ar-btn-col {
        width: 100%;
        flex: none;
    }
    
    .arBtn-modern {
        max-width: 100%;
        width: 100%;
        padding: 14px;
        background: #007bff; /* رنگ آبی جذاب‌تر برای دکمه موبایل */
    }
    
    /* فاصله دادن پایین بادی برای اینکه محتوا زیر نوار نرود */
    body.ar-active {
        padding-bottom: 80px; 
    }
}

@keyframes slideUpMobile {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
.ar-close-mobile{
	position: absolute;
    top: 0px;
    right: 5px;
    font-weight: bold;
    font-size: 1.5rem;
    color: black;
    cursor: pointer;
}
button.ar-trigger-btn {
    color: black;
}
/* حذف پدینگ و مارجین اضافه دور آیتم‌های دسته‌بندی */
.woocommerce ul.products li.product-category a {
    padding: 0 !important;
    text-align: center;
}

/* تنظیم اندازه و فاصله عکس */
.woocommerce ul.products li.product-category img {
    margin-bottom: 5px !important; /* کاهش فاصله عکس تا متن */
    margin-top: 0 !important;
    width: auto !important; /* جلوگیری از کشیده شدن الکی عکس */
    max-height: 150px; /* محدود کردن ارتفاع عکس اگر خیلی بزرگ است */
    display: inline-block;
}

/* تنظیم فاصله تیتر پایین عکس */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.woocommerce ul.products li.product-category {
    border: 3px double #CED8DD;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #CED8DD;
}
.woocommerce ul.products li.product-category:hover {
    border: 3px double #7a7a7a;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #7a7a7a;
    transition: 0.5s;
}
span.ast-woo-product-category {
    color: #000000 !important;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel {
	text-align: justify;
}
span.price {
    display: none;
}
.woocommerce-js div.product form.cart .reset_variations {
    color: red;
    font-size: 1rem;
	font-weight: bold;
	text-decoration: underline;
}
/* کانتینر اصلی ویدئو */
.kkt-video-container {
    width: 100%;
    margin: 20px 0;
    border-radius: 15px; /* گرد کردن گوشه‌ها */
    overflow: hidden; /* مخفی کردن اضافات */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* سایه ملایم */
    background-color: #000; /* رنگ پس زمینه برای حالت لودینگ */
}

/* استایل پلیر لینک مستقیم */
.kkt-video-container video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* استایل رسپانسیو برای آپارات */
/* نکته: کد جدید آپارات خودش رسپانسیو است اما این برای اطمینان است */
.kkt-video-container .aparat-wrapper {
    position: relative;
    width: 100%;
}
.kkt-video-title {
    margin-bottom: 15px; /* فاصله از پایین */
    font-size: 1.2rem; /* اندازه فونت */
    color: #333; /* رنگ متن */
    font-weight: bold;
}
article p img {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15)  !important;
    max-width: 500px;
	width: 500px;
    border-radius: 10px !important;
	margin: 10px 0;
}
article .gallery-item .gallery-icon {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15)  !important;
    border-radius: 10px !important;
	margin: 10px 0;
}
h3.kkt-video-title {
    background: black;
    color: white;
    border-radius: 25px;
    padding: 5px;
    box-shadow: 5px 5px 5px #a7a7a7;
	text-align: center;
}
.ast-article-single figure, .ast-article-single img:not(figure img) {
    box-shadow: none !important;
}
/* خواندن متن هاور از عنوان صحیح زبان جاری */
[data-wvstooltip]:hover::before,
[data-wvstooltip]:hover::after {
    content: attr(data-title) !important;
}