/* =====================================================
   MA GARAGE - CLEAN FIX CSS FOR SALLA
   نسخة إصلاح كاملة بعد مشاكل التعارض
===================================================== */

:root {
  --ma-orange: #f6a313;
  --ma-orange-dark: #d88900;
  --ma-black: #0b0b0b;
  --ma-white: #ffffff;
  --ma-light: #f8f8f8;
  --ma-border: #ececec;
  --ma-text: #111111;
  --ma-muted: #666666;
  --ma-radius: 18px;
}

/* عام */
html,
body {
  background: #fff !important;
  color: var(--ma-text) !important;
  overflow-x: hidden !important;
}

* {
  box-sizing: border-box !important;
}

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

/* =========================
   الهيدر
========================= */

header,
.s-header,
.store-header,
.main-header,
.site-header {
  background: #fff !important;
  color: #111 !important;
  border-bottom: 2px solid var(--ma-orange) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06) !important;
  overflow: visible !important;
}

header *,
.s-header *,
.store-header *,
.main-header *,
.site-header * {
  color: #111 !important;
}

/* الشعار */
header img,
.s-header img,
.store-header img,
.main-header img,
.site-header img {
  max-height: 58px !important;
  object-fit: contain !important;
}

/* أيقونات الهيدر */
header svg,
.s-header svg,
.store-header svg,
.main-header svg,
.site-header svg {
  color: var(--ma-orange) !important;
  fill: currentColor !important;
}

/* أزرار الهيدر */
.s-cart-summary-wrapper,
.s-cart-summary,
.s-user-menu-trigger,
.header-btn,
.sicon-user,
.sicon-shopping-bag,
.sicon-menu {
  color: var(--ma-orange) !important;
  border-color: var(--ma-orange) !important;
}

/* رقم السلة */
.s-cart-summary-count,
.cart-count {
  background: var(--ma-orange) !important;
  color: #fff !important;
}

/* البحث */
input[type="search"],
.s-search-input,
.search-input,
.s-search-container input {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #ddd !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  height: 44px !important;
}

input[type="search"]::placeholder,
.s-search-input::placeholder,
.search-input::placeholder {
  color: #999 !important;
}

/* =========================
   البنر الرئيسي
========================= */

.main-slider,
.hero-slider,
.s-slider-block,
.s-block--slider,
.swiper,
.swiper-container {
  background: #fff !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  margin: 16px 10px !important;
}

/* صورة البنر */
.main-slider img,
.hero-slider img,
.s-slider-block img,
.s-block--slider img,
.swiper-slide img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 20px !important;
  display: block !important;
}

/* لا تغطي البنر بطبقات سوداء تسبب مشاكل */
.main-slider .swiper-slide::before,
.hero-slider .swiper-slide::before,
.s-slider-block .swiper-slide::before,
.s-block--slider .swiper-slide::before {
  display: none !important;
}

/* نقاط السلايدر */
.swiper-pagination-bullet {
  background: #ddd !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: var(--ma-orange) !important;
}

/* =========================
   عناوين الأقسام
========================= */

.s-block__title,
.section-title,
.home-section h2,
.s-slider-block__title h2,
.s-block h2,
.s-products-list-title {
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  margin: 22px 12px 16px !important;
  text-align: right !important;
}

/* الخط البرتقالي */
.s-block__title::after,
.section-title::after,
.home-section h2::after,
.s-slider-block__title h2::after,
.s-block h2::after,
.s-products-list-title::after {
  content: "" !important;
  display: block !important;
  width: 70px !important;
  height: 4px !important;
  background: var(--ma-orange) !important;
  border-radius: 20px !important;
  margin-top: 8px !important;
}

/* إزالة الزخارف/الأيقونات الغريبة عند العناوين */
.s-block__title::before,
.section-title::before,
.home-section h2::before,
.s-slider-block__title h2::before,
.s-products-list-title::before {
  display: none !important;
  content: none !important;
}

/* عرض الكل */
.s-block__title a,
.s-slider-block__title a,
a[href*="categories"],
a[href*="products"] {
  color: var(--ma-orange) !important;
  font-weight: 800 !important;
}

/* =========================
   كروت المنتجات
========================= */

.s-product-card-entry,
.product-card,
.product-item,
.s-product-card-vertical,
.s-product-card-horizontal {
  background: #fff !important;
  border: 1px solid var(--ma-border) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.07) !important;
  margin: 6px !important;
}

/* منع قص الكروت في السلايدر */
.s-slider-container,
.s-products-slider,
.s-products-list-wrapper,
.swiper-wrapper,
.s-block {
  overflow: visible !important;
}

/* صور المنتجات */
.s-product-card-image,
.s-product-card-image a,
.product-card img,
.s-product-card-entry img {
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.s-product-card-image img,
.product-card img,
.s-product-card-entry img {
  object-fit: contain !important;
  padding: 10px !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-title,
.product-card h3 {
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  text-align: right !important;
}

/* السعر */
.s-product-card-price,
.s-product-card-sale-price,
.product-price,
.price {
  color: var(--ma-orange) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

/* السعر القديم */
del,
.s-product-card-price-before,
.price-before {
  color: #999 !important;
  font-size: 13px !important;
}

/* شارات المنتج */
.s-product-card-promotion-title,
.s-product-card-out-badge,
.badge,
.sale-badge {
  background: var(--ma-orange) !important;
  color: #111 !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

/* زر إضافة للسلة */
.s-product-card-content-footer button,
.s-product-card-entry button,
.add-to-cart,
.s-button-primary,
.s-button-btn,
button {
  background: var(--ma-orange) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}

.s-product-card-content-footer button:hover,
.s-product-card-entry button:hover,
.add-to-cart:hover,
.s-button-primary:hover,
.s-button-btn:hover,
button:hover {
  background: #111 !important;
  color: #fff !important;
}

/* =========================
   الأقسام / صور التصنيفات
========================= */

.s-categories-card,
.category-card,
.s-category-card {
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid var(--ma-border) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
}

/* =========================
   مميزات المتجر
========================= */

.features,
.store-features,
.s-features-list,
.s-block--features,
.s-store-features {
  background: #0b0b0b !important;
  color: #fff !important;
  border-radius: 22px !important;
  padding: 18px 12px !important;
  margin: 20px 10px !important;
  border: 1px solid var(--ma-orange) !important;
  overflow: hidden !important;
}

.features *,
.store-features *,
.s-features-list *,
.s-block--features *,
.s-store-features * {
  color: #111 !important;
}

.features .s-block,
.store-features .s-block,
.s-features-list .s-block,
.s-block--features .s-block,
.s-store-features .s-block {
  background: #fff !important;
  border: 1px solid var(--ma-orange) !important;
  border-radius: 16px !important;
}

/* =========================
   صفحة المنتج
========================= */

.product-single,
.product-details,
.s-product-details,
.s-product-page,
.product-main {
  background: #fff !important;
  color: #111 !important;
  overflow-x: hidden !important;
}

.product-single h1,
.product-details h1,
.s-product-details h1,
.s-product-page h1,
.product-main h1 {
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* صور المنتج */
.product-single img,
.product-details img,
.s-product-details img,
.s-product-page img {
  border-radius: 18px !important;
}

/* سعر صفحة المنتج */
.product-single .price,
.product-details .price,
.s-product-details .price,
.s-product-page .price {
  color: #b01818 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

/* الوسوم */
.product-tags a,
.s-product-tags a {
  color: #777 !important;
  background: transparent !important;
  text-decoration: underline !important;
}

/* زر المشاركة */
.share-btn,
.s-social-share,
.s-button-share {
  color: var(--ma-orange) !important;
  border-color: var(--ma-orange) !important;
}

/* =========================
   شريط الشراء المثبت
========================= */

/* تصغير وتنظيف شريط الشراء */
.s-sticky-product-bar,
.sticky-product-bar,
.product-fixed-bar,
.s-product-sticky-bar {
  background: rgba(255,255,255,0.96) !important;
  border-top: 1px solid #eee !important;
  box-shadow: 0 -8px 24px rgba(0,0,0,0.08) !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 8px !important;
}

/* أزرار الكمية */
.s-quantity-input,
.quantity-input {
  border-radius: 14px !important;
  border: 1px solid #eee !important;
  overflow: hidden !important;
}

.s-quantity-input button,
.quantity-input button {
  background: var(--ma-orange) !important;
  color: #111 !important;
  border-radius: 12px !important;
}

/* Apple Pay */
.apple-pay,
.s-apple-pay,
button[aria-label*="Apple"] {
  background: #000 !important;
  color: #fff !important;
  border-radius: 14px !important;
}

/* =========================
   الفوتر وخانات التواصل
========================= */

footer,
.s-footer,
.store-footer,
.footer {
  background: #fff !important;
  color: #111 !important;
  border-top: 1px solid #eee !important;
  overflow: visible !important;
  min-height: auto !important;
  padding: 24px 12px !important;
}

/* إظهار كل شيء داخل الفوتر */
footer *,
.s-footer *,
.store-footer *,
.footer * {
  visibility: visible !important;
  opacity: 1 !important;
  color: #111 !important;
}

/* روابط التواصل */
footer a,
.s-footer a,
.store-footer a,
.footer a,
.s-footer a[href*="wa.me"],
.s-footer a[href*="whatsapp"],
.s-footer a[href*="instagram"],
.s-footer a[href^="tel:"],
.s-footer a[href^="mailto:"],
footer a[href*="wa.me"],
footer a[href*="instagram"],
footer a[href^="tel:"],
footer a[href^="mailto:"] {
  display: inline-flex !important;
  color: var(--ma-orange) !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* أيقونات التواصل */
footer svg,
.s-footer svg,
.store-footer svg,
.footer svg {
  color: var(--ma-orange) !important;
  fill: currentColor !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* دوائر التواصل اللي كانت مخفية */
footer .rounded-full,
.s-footer .rounded-full,
.store-footer .rounded-full,
.footer .rounded-full,
footer .social a,
.s-footer .social a,
.s-social-links a,
.footer-social a {
  background: #fff !important;
  border: 1px solid #eee !important;
  color: var(--ma-orange) !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* حقوق المتجر */
.copyright,
.s-footer__copyright,
.store-footer__copyright {
  color: var(--ma-orange) !important;
  text-align: center !important;
  font-weight: 700 !important;
}

/* شعارات الدفع */
.s-footer img,
.store-footer img,
.footer img,
footer img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================
   إصلاح الجوال
========================= */

@media (max-width: 768px) {
  body {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }

  header,
  .s-header,
  .store-header,
  .main-header,
  .site-header {
    padding: 8px 0 !important;
  }

  header img,
  .s-header img,
  .store-header img,
  .main-header img,
  .site-header img {
    max-height: 48px !important;
  }

  .main-slider,
  .hero-slider,
  .s-slider-block,
  .s-block--slider {
    margin: 12px 8px !important;
    border-radius: 18px !important;
  }

  .main-slider img,
  .hero-slider img,
  .s-slider-block img,
  .s-block--slider img,
  .swiper-slide img {
    border-radius: 16px !important;
  }

  .s-block__title,
  .section-title,
  .home-section h2,
  .s-slider-block__title h2,
  .s-block h2,
  .s-products-list-title {
    font-size: 21px !important;
    margin: 20px 12px 14px !important;
  }

  .s-product-card-entry,
  .product-card,
  .product-item {
    border-radius: 16px !important;
    margin: 5px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-title {
    font-size: 14px !important;
  }

  .s-product-card-price,
  .s-product-card-sale-price,
  .product-price,
  .price {
    font-size: 16px !important;
  }

  .product-single h1,
  .product-details h1,
  .s-product-details h1,
  .s-product-page h1,
  .product-main h1 {
    font-size: 22px !important;
  }

  /* الفوتر في الجوال */
  footer,
  .s-footer,
  .store-footer,
  .footer {
    padding: 22px 12px 90px !important;
  }

  /* تقليل ضخامة شريط الشراء */
  .s-sticky-product-bar,
  .sticky-product-bar,
  .product-fixed-bar,
  .s-product-sticky-bar {
    padding: 6px !important;
  }
}