/* ===================================================
   إصلاحات شاملة — thaljistore.com
   الإصدار: 4.0
   التاريخ: 2026-05-23
   يمكن حذف هذا الملف للتراجع عن كل التعديلات
   =================================================== */

/* ===== عام — منع السكرول الأفقي ===== */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

/* ===== إصلاح الصور المكسورة ===== */
img[src=""],
img:not([src]) {
  display: none !important;
}

/* ========================================
   الموبايل (≤ 767px)
   ======================================== */
@media (max-width: 767px) {

  /* ╔══════════════════════════════════════╗
     ║  1. الهيدر — مضغوط ونظيف           ║
     ╚══════════════════════════════════════╝ */

  /* تصغير الهيدر بالكامل */
  .site-header,
  .site-header__wrap,
  #masthead,
  .elementor-location-header {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  /* إزالة الفراغ الكبير في الهيدر */
  .elementor-145 .elementor-section,
  .elementor-145 .e-con {
    padding: 5px 10px !important;
    margin: 0 !important;
  }

  .elementor-145 .elementor-section-wrap > .elementor-section {
    margin-bottom: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  /* أعمدة الهيدر */
  .elementor-145 .elementor-column,
  .elementor-145 .elementor-col-25,
  .elementor-145 .elementor-col-33,
  .elementor-145 .elementor-col-50 {
    width: auto !important;
    flex: 1 !important;
  }

  .elementor-145 .elementor-row,
  .elementor-145 .elementor-container {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
  }

  /* اللوجو — أصغر */
  .jet-logo__img {
    max-width: 45px !important;
    max-height: 45px !important;
    height: auto !important;
  }

  /* إخفاء Menu المكرر (الشبح/الفارغ) */
  .elementor-element-72217a1,
  .elementor-widget-ekit-nav-menu.elementor-hidden-desktop.elementor-hidden-tablet {
    display: none !important;
  }

  /* إخفاء أيقونات السوشال على الموبايل (توفير مساحة) */
  .elementor-element-2d1d412 {
    display: none !important;
  }

  /* البحث — إصلاح الشكل */
  .elementor-145 .elementor-search-form,
  .elementor-145 .jet-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-145 .elementor-search-form__input,
  .elementor-145 .jet-search__field {
    width: 100% !important;
    height: 36px !important;
    font-size: 13px !important;
    border-radius: 18px !important;
    padding: 0 15px !important;
    border: 1px solid #ddd !important;
  }

  .elementor-145 .elementor-search-form__submit,
  .elementor-145 .jet-search__submit {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
  }

  /* السلة وLogin — مرئية ومرتبة */
  .elementor-145 .jet-blocks-cart__heading-icon,
  .elementor-145 .jet-woo-builder-cart,
  .elementor-145 .jet-auth-modal__trigger {
    font-size: 18px !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  2. إزالة الفراغات قبل المحتوى    ║
     ╚══════════════════════════════════════╝ */

  /* تقليل spacer/فراغ كبير */
  .elementor-widget-spacer .elementor-widget-container {
    height: auto !important;
    min-height: 0 !important;
  }

  .elementor-widget-spacer {
    display: none !important;
  }

  /* Hero section مضغوط */
  .elementor-element-63d551b,
  .elementor-1676 .elementor-element.elementor-element-63d551b {
    --min-height: 180px !important;
    min-height: 180px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 15px 10px !important;
  }

  /* عنوان Hero */
  .elementor-element-9eb5760 .elementor-heading-title,
  .elementor-1676 .elementor-element.elementor-element-9eb5760 .elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    text-align: center !important;
  }

  /* إزالة margin سلبي */
  .elementor-1676 .elementor-element-2178c47 {
    margin-top: 0 !important;
    padding: 0 !important;
  }

  .elementor-1676 .elementor-element-25ad5d3,
  .elementor-1676 .elementor-element-23decf4 {
    padding: 5px 0 !important;
  }

  /* Parallax — إخفاء على الموبايل */
  .jet-parallax-section__layout {
    display: none !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  3. الأعمدة والمحتوى               ║
     ╚══════════════════════════════════════╝ */

  .elementor-1676 .elementor-row,
  .elementor-1676 .elementor-container {
    flex-direction: column !important;
  }

  .elementor-1676 .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-1676 .elementor-element-70b9f7b > .elementor-element-populated,
  .elementor-1676 .elementor-element-f609001 > .elementor-element-populated {
    padding: 3px !important;
  }

  /* العنوان الثاني */
  .elementor-element-c1b441e {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-element-c1b441e > .elementor-widget-container {
    margin: 0 !important;
    padding: 8px 10px !important;
  }

  .elementor-element-c1b441e .elementor-heading-title {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  /* Sections */
  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding: 0 8px !important;
  }

  .e-con {
    --container-max-width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-1676 .elementor-section {
    margin-bottom: 5px !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  4. كروت المنتجات — نظيفة          ║
     ╚══════════════════════════════════════╝ */

  /* شبكة منتجات — عمودين متساوية */
  .woocommerce .products,
  .jet-woo-products,
  .jet-woo-products__list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 5px !important;
  }

  .woocommerce .products .product,
  .jet-woo-products .jet-woo-products__item {
    width: calc(50% - 3px) !important;
    max-width: calc(50% - 3px) !important;
    flex: 0 0 calc(50% - 3px) !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: hidden !important;
  }

  /* ارتفاع الكارت — تلقائي (لا ثابت) */
  .jet-woo-products__item,
  .jet-woo-products__inner-box {
    height: auto !important;
    min-height: auto !important;
  }

  /* صورة المنتج */
  .jet-woo-products .jet-woo-product-thumbnail img,
  .woocommerce .products .product img,
  .jet-woo-builder-archive-product-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
  }

  /* عنوان المنتج */
  .jet-woo-products .jet-woo-product-title,
  .jet-woo-products .jet-woo-product-title a,
  .woocommerce .products .product .woocommerce-loop-product__title {
    font-size: 12px !important;
    line-height: 1.3 !important;
    max-height: 32px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 4px 0 !important;
  }

  /* سعر المنتج */
  .jet-woo-products .jet-woo-product-price,
  .woocommerce .products .product .price {
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 3px 0 !important;
  }

  /* زر إضافة للسلة */
  .jet-woo-products .jet-woo-product-button,
  .woocommerce .products .product .button {
    font-size: 11px !important;
    padding: 5px 8px !important;
    width: 100% !important;
    text-align: center !important;
  }

  /* إخفاء الفراغات داخل الكروت */
  .jet-woo-products__item .elementor-widget-spacer {
    display: none !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  5. التصنيفات                       ║
     ╚══════════════════════════════════════╝ */

  .jet-woo-categories__item {
    --columns: 2 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 3px !important;
  }

  .jet-woo-categories:not(.swiper-wrapper) {
    margin: 0 !important;
  }

  .jet-woo-category-thumbnail img {
    border-radius: 6px !important;
  }

  .jet-woo-category-title,
  .jet-woo-category-title a {
    font-size: 11px !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  6. Tabs/Filters                    ║
     ╚══════════════════════════════════════╝ */

  /* RECENT PRODUCTS tabs */
  .jet-woo-products-nav,
  .woocommerce .wc-tabs,
  .jet-tabs__control-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 5px !important;
    padding-bottom: 5px !important;
    scrollbar-width: none !important;
  }

  .jet-woo-products-nav::-webkit-scrollbar,
  .jet-tabs__control-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  .jet-woo-products-nav__item,
  .jet-tabs__control {
    flex-shrink: 0 !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
    white-space: nowrap !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  7. البنرات                         ║
     ╚══════════════════════════════════════╝ */

  .jet-banner {
    margin-bottom: 5px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }

  .jet-banner__img {
    width: 100% !important;
    height: auto !important;
  }

  .jet-banner__title {
    font-size: 13px !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  8. Chat Button — لا يغطي المحتوى  ║
     ╚══════════════════════════════════════╝ */

  .gsb-button-container,
  .gsb-chat-widget,
  [class*="sticky-chat"],
  [class*="whatsapp-button"] {
    bottom: 8px !important;
    right: 8px !important;
    z-index: 999 !important;
    transform: scale(0.75) !important;
    transform-origin: bottom right !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  9. الفوتر                          ║
     ╚══════════════════════════════════════╝ */

  .elementor-149 .elementor-container,
  .elementor-149 .elementor-row {
    flex-direction: column !important;
  }

  .elementor-149 .elementor-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    text-align: center !important;
    padding: 8px 10px !important;
  }

  .elementor-149 .elementor-widget {
    text-align: center !important;
  }

  .elementor-149 .jet-logo__img {
    max-width: 60px !important;
    filter: contrast(1.5) brightness(0.9) !important;
  }

  /* ╔══════════════════════════════════════╗
     ║  10. عام                            ║
     ╚══════════════════════════════════════╝ */

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  body {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .elementor-widget:not(:last-child) {
    margin-bottom: 8px !important;
  }

  .elementor-hidden-mobile {
    display: none !important;
  }

  /* أزرار — حجم مناسب */
  .elementor-element-004a8e7 .elementor-button {
    font-size: 14px !important;
  }

  /* Mega Menu */
  .elementskit-megamenu-panel {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .elementskit-menu-container {
    max-width: 80vw !important;
  }

  /* WooCommerce tables */
  .woocommerce table.shop_table {
    display: block !important;
    overflow-x: auto !important;
    font-size: 12px !important;
  }
}

/* ========================================
   التابلت (768px - 1024px)
   ======================================== */
@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-element-63d551b {
    --min-height: 350px !important;
    min-height: 350px !important;
  }

  .elementor-element-9eb5760 .elementor-heading-title {
    font-size: 32px !important;
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
  }

  .jet-woo-categories__item {
    --columns: 3 !important;
  }

  .woocommerce .products .product,
  .jet-woo-products .jet-woo-products__item {
    width: 31% !important;
    margin: 1% !important;
  }

  .elementor-element-c1b441e .elementor-heading-title {
    font-size: 20px !important;
  }

  .gsb-button-container,
  [class*="sticky-chat"] {
    transform: scale(0.85) !important;
    transform-origin: bottom right !important;
  }

  .elementor-widget-spacer {
    display: none !important;
  }
}

/* ========================================
   Desktop — إصلاح الفراغ الكبير
   ======================================== */
@media (min-width: 1025px) {

  /* تقليل spacers على Desktop */
  .elementor-1676 .elementor-widget-spacer .elementor-widget-container {
    max-height: 30px !important;
  }

  /* إصلاح اللوجو الباهت بالفوتر */
  .elementor-149 .jet-logo__img {
    filter: contrast(1.3) brightness(0.95) !important;
  }
}