/*
Theme Name: تم فرزند کوکالواستور
Theme URI: https://www.cocalostore.ir/
Author: وب 24 
Author URI: https://web24.ir/
Description:   طراحی و توسعه تم توسط وب24 به دست علیرضا طایفی
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 7.4
Version: 1.0.1
Text Domain: cocalostorechild
Domain Path: /languages
Template: cocalostore

*/ 

.main-slider {
    max-height: 550px;
}
.main-slider * {
    max-height: 550px;
}

@media screen and (max-width: 599px){
	.main-slider {
    max-height: 250px;
}
.main-slider * {
    max-height: 250px;
}
	
}




.wp-video-shortcode video, video.wp-video-shortcode {
    max-width: 100%;
    display: inline-block;
    width: 100%!important;
}
.wp-video {
    max-width: 100%;
    height: auto;
    width: 100%!important;
    width: auto!important;
}




.woocommerce-product-details__short-description a {
    color: #ff00ff !important; /* تغییر رنگ لینک‌ها به بنفش جیغ */
    text-decoration: none !important; /* حذف خط زیر لینک‌ها */
}

.woocommerce-product-details__short-description a:hover {
    color: #e600e6 !important; /* تغییر رنگ لینک هنگام هاور */
    text-decoration: underline !important; /* اضافه کردن خط زیر لینک هنگام هاور */
}
/* تنظیمات عمومی برای حالت دسکتاپ */
.blog-category-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
}

.blog-sidebar {
  width: 25%; /* سایدبار 25٪ عرض در دسکتاپ */
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 5px;
}

.blog-content {
  width: 75%; /* بلاگ‌ها 75٪ عرض در دسکتاپ */
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}



/* تنظیمات موبایل */
@media (max-width: 768px) {
  .blog-category-wrapper {
    display: flex;
    flex-direction: column; /* ترتیب عمودی */
    gap: 10px;
  }

  .blog-sidebar,
  .blog-content {
    width: 100% !important; /* عرض کامل برای موبایل */
    max-width: 100%; /* اطمینان از عدم محدودیت در عرض */
    order: unset; /* ترتیب پیش‌فرض */
  }

  .main-posts-item {
    width: 100%; /* تک‌ستونی شدن پست‌ها */
  }
}
.blog-sidebar span{
	padding:10px;
	font-weight:600;
}
.section-title.sidebar-title.after-side{
	padding:25px
}
.woocommerce-variation-availability p{
	background-color:transparent;
}
/* --- اصلاح کامل چیدمان موبایل (هدر، فوتر و محتوا) --- */
@media only screen and (max-width: 991px) {
.main-menu > ul>li>ul {
    
    min-height: 100px;
	}
    /* 1. قفل کردن عرض صفحه برای جلوگیری از بیرون زدگی افقی */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative !important;
    }

    /* 2. آزاد کردن هدر (دیگر روی محتوا نمی‌افتد) */
    header.main-header,
    .main-header.position-fixed {
        position: relative !important; /* فیکس بودن حذف شد */
        top: auto !important;
        width: 100% !important;
        z-index: 100 !important; /* اولویت نمایش کمتر */
		
    }

    /* 3. اصلاح منوی دسترسی پایین (حل مشکل بیرون زدگی) */
    .mobile-access {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        position: fixed !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        z-index: 9999 !important; /* همیشه روی همه چیز باشد */
    }

    /* 4. هل دادن محتوا به پایین و اصلاح ستون بندی */
    #main-content,
    .multi-section-wrapper,
    .page-content-wrapper {
        display: block !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 80px !important; /* فاصله برای منوی پایین */
    }

    /* 5. جمع کردن فهرست دسته‌بندی اگر باز مانده */
    .main-menu {
                position: fixed !important;
        width: 100% !important;
        top: 0;
        height: 100%;
    }

    /* 6. فیکس کردن جدول سبد خرید */
    .woocommerce-cart-form {
        overflow-x: auto !important;
        display: block !important;
        width: 100% !important;
    }
}