/* ==========================================================================
   SmartResQ - ثيم رائد على سلة (متجر السيارات ومعدات الرفع)
   - لون اللوجو الأصفر المعتمد: #FFC400
   - الفوتر والهيدر: لون اللوجو الأصفر (#FFC400)
   - الخطوط العامة: أسود كربوني (#0D1117)
   - الشريط العلوي التكتيكي: كتابة بيضاء ناصعة 100% (#FFFFFF)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&family=Tajawal:wght@500;700;800&display=swap');

:root {
  --smartresq-yellow: #FFC400 !important;
  --smartresq-yellow-hover: #E6B000 !important;
  --smartresq-beige-bg: #F5F2EB !important;
  --smartresq-black: #0D1117 !important;
  --smartresq-black-soft: #1F2937 !important;
  --smartresq-white: #FFFFFF !important;
  --smartresq-border: #DDD7CA !important;
  
  --font-heading: 'Cairo', system-ui, -apple-system, sans-serif !important;
  --font-body: 'Tajawal', system-ui, -apple-system, sans-serif !important;
}

/* 2. جميع العناوين والنصوص باللون الأسود الكربوني الواضح */
h1, h2, h3, h4, h5, h6,
.s-title,
.s-product-title,
.section-title,
.s-header-title {
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  color: var(--smartresq-black) !important;
  letter-spacing: -0.3px !important;
}

p, li {
  color: var(--smartresq-black);
}

/* 3. شريط الإعلانات والعداد التنازلي التكتيكي (الكتابة بيضاء ناصعة 100% إجباري) */
#smartresq-auto-timer,
#smartresq-auto-timer *,
#smartresq-auto-timer div,
#smartresq-auto-timer span,
#smartresq-auto-timer strong,
#smartresq-auto-timer p,
.s-top-bar,
.s-top-bar *,
.announcement-bar,
.announcement-bar *,
.s-announcement-bar,
.s-announcement-bar * {
  color: #FFFFFF !important;
}

/* شارات العداد التنازلي وعرض الموسم الصفراء بأرقام سوداء واضحة */
#smartresq-auto-timer .timer-badge,
#smartresq-auto-timer span[style*="background"],
#smartresq-timer span#timer-h,
#smartresq-timer span#timer-m,
#smartresq-timer span#timer-s {
  background-color: var(--smartresq-yellow) !important;
  color: #0D1117 !important;
}

/* 4. الهيدر بلون الشعار الأصفر الذهبي المعتمد */
.s-header,
.site-header,
.header-wrapper,
header,
.s-header-wrapper {
  background: var(--smartresq-yellow) !important;
  border-bottom: 3px solid var(--smartresq-black) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* شريط الإعلانات العلوي الأصلي في سلة */
.s-top-bar,
.announcement-bar {
  background: var(--smartresq-black) !important;
  color: #FFFFFF !important;
  font-size: 0.88rem !important;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  border-bottom: 2px solid var(--smartresq-yellow) !important;
}

.s-top-bar strong, 
.announcement-bar strong {
  color: #FFFFFF !important;
}

/* روابط الهيدر باللون الأسود */
.s-main-nav a,
.nav-link,
.s-nav-item,
.s-header a {
  color: var(--smartresq-black) !important;
  font-weight: 800 !important;
  font-family: var(--font-heading) !important;
  transition: all 0.2s ease !important;
}

.s-main-nav a:hover,
.nav-link:hover,
.s-nav-item.active {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px !important;
}

/* 5. الفوتر بلون لوجو SmartResQ الأصفر بالكامل */
.s-footer,
.site-footer,
.footer {
  background: var(--smartresq-yellow) !important;
  border-top: 3px solid var(--smartresq-black) !important;
  color: var(--smartresq-black) !important;
  box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.08) !important;
  padding: 50px 0 25px !important;
}

.s-footer h4,
.s-footer-title {
  color: var(--smartresq-black) !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  border-bottom: 2.5px solid var(--smartresq-black) !important;
  padding-bottom: 6px !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
}

.s-footer p,
.s-footer span,
.s-footer li {
  color: #1F2937 !important;
  font-weight: 600 !important;
}

.s-footer a {
  color: var(--smartresq-black) !important;
  font-weight: 800 !important;
  transition: all 0.2s ease !important;
}

.s-footer a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* 6. أزرار الشراء بنمط أدوات السيارات (أسود كربوني مع كتابة صفراء) */
.s-button,
.s-button-primary,
.btn-primary,
.s-product-card__btn,
.s-add-to-cart-btn,
.s-cart-btn,
.button-primary {
  background: var(--smartresq-black) !important;
  color: var(--smartresq-yellow) !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.05rem !important;
  border-radius: 8px !important;
  border: 2px solid var(--smartresq-black) !important;
  padding: 12px 24px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.22s ease !important;
  cursor: pointer !important;
}

.s-button:hover,
.s-button-primary:hover,
.btn-primary:hover,
.s-product-card__btn:hover,
.s-add-to-cart-btn:hover {
  background: var(--smartresq-yellow) !important;
  color: var(--smartresq-black) !important;
  border-color: var(--smartresq-black) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-2px) !important;
}

.s-button *,
.s-button-primary *,
.btn-primary *,
.s-product-card__btn *,
.s-add-to-cart-btn *,
.s-cart-btn *,
.button-primary *,
#sticky-order-btn * {
  color: inherit !important;
}

/* 8. أسعار الرافعة */
.s-price,
.s-product-price,
.price-tag,
.total-price {
  color: #B45309 !important;
  font-family: var(--font-heading) !important;
  font-weight: 900 !important;
  font-size: 1.85rem !important;
}

.s-price-old,
.before-price {
  color: #6B7280 !important;
  text-decoration: line-through !important;
  font-size: 1.1rem !important;
}

/* 9. شارات العروض وقوة الرفع 5 طن */
.s-badge,
.product-badge {
  background: var(--smartresq-yellow) !important;
  color: var(--smartresq-black) !important;
  font-weight: 900 !important;
  font-family: var(--font-heading) !important;
  border-radius: 6px !important;
  border: 1.5px solid var(--smartresq-black) !important;
  padding: 4px 12px !important;
}

/* 10. حقول النماذج والإدخال */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select,
.s-form-control {
  background-color: var(--smartresq-white) !important;
  border: 2px solid var(--smartresq-border) !important;
  color: var(--smartresq-black) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--smartresq-black) !important;
  box-shadow: 0 0 0 3px rgba(255, 196, 0, 0.4) !important;
}

/* 11. شريط التمرير */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: var(--smartresq-beige-bg);
}
::-webkit-scrollbar-thumb {
  background: #C7C0B0;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--smartresq-yellow);
}
/* ==========================================================================
   SmartResQ - تلوين الفوتر بالكامل بلون اللوجو الأصفر (#FFC400)
   ========================================================================== */

footer,
footer.store-footer,
.store-footer,
.store-footer__inner,
.store-footer__sub,
.sub-footer,
[data-testid="store-footer"],
.s-footer,
.site-footer,
.footer,
.footer-main,
.footer-wrapper,
.store-footer-container,
[data-section="footer"],
[data-component="footer"] {
  background-color: #000000 !important;
  background: #000000 !important;
  border-top: 3px solid #0D1117 !important;
  color: #0D1117 !important;
  box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.08) !important;
}

/* إزالة أي خلفيات رمادية أو بيضاء داخل عناصر الفوتر لضمان ثبات الأصفر */
footer *,
.store-footer *,
.store-footer__inner,
.store-footer__inner > div,
.sub-footer,
[data-testid="store-footer"] * {
  background-color: transparent !important;
}

/* عناوين أقسام الفوتر (روابط مهمة، تواصل معنا، السجل التجاري) */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.store-footer h1, .store-footer h2, .store-footer h3, .store-footer h4,
.store-footer__inner h3, .store-footer__inner h4,
.s-footer h4, .s-footer-title,
footer .title, .store-footer .title {
  color: #FFC400 !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.25rem !important;
  border-bottom: 2.5px solid #FFC400 !important;
  padding-bottom: 6px !important;
  display: inline-block !important;
  margin-bottom: 14px !important;
}

/* نصوص الفوتر والبيانات وأرقام السجل والتواصل */
footer p, footer span, footer li, footer div,
.store-footer p, .store-footer span, .store-footer li, .store-footer div,
.s-footer p, .s-footer span, .s-footer li,
[data-testid="store-footer"] * {
  color: #ffffff !important;
  font-family: 'Tajawal', sans-serif !important;
  font-weight: 700 !important;
}

/* روابط الفوتر التفاعلية باللون الأسود الواضح */
footer a,
.store-footer a,
.s-footer a {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

footer a:hover,
.store-footer a:hover,
.s-footer a:hover {
  color: #000000 !important;
  text-decoration: underline !important;
}

/* أيقونات وشارات الفوتر */
footer svg,
.store-footer svg,
footer i,
.store-footer i {
  color: #0D1117 !important;
  fill: currentColor !important;
}
/* توسيط المنتج */
section[component-id="417649667"] .s-products-list-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 24px !important;
  width: 100% !important;
}

section[component-id="417649667"] .s-products-list-wrapper > custom-salla-product-card {
  flex: 0 1 430px !important;
  width: 100% !important;
  max-width: 430px !important;
  min-width: 0 !important;
  margin-inline: auto !important;
}

/* صندوق وسائل الدفع */
#smartresq-product-payments {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
  margin: 18px auto 0;
  padding: 16px 12px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  text-align: center;
}

#smartresq-product-payments p {
  margin: 0 0 12px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

#smartresq-product-payments salla-payments {
  display: block;
}

#smartresq-product-payments .s-payments-list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

#smartresq-product-payments .s-payments-list-item {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 40px;
  margin: 0 !important;
  padding: 4px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
}

#smartresq-product-payments img {
  display: block;
  width: auto !important;
  height: 28px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
@media (max-width: 767px) {
  section[component-id="1791095564"] > .grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  section[component-id="1791095564"] .s-block--features__item {
    grid-column: 1 / -1 !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
  }
}