/* ============================================================
   مرشد | تصميم مستوحى من Blanco — مينيمال راقي
   ============================================================ */

:root {
  --ink:      #0a0a0a;
  --ink-soft: #555555;
  --bone:     #fafaf8;
  --line:     rgba(0,0,0,0.08);
  --gold:     #c4a35a;
  --t:        0.3s ease;
}

/* ══════════════════════════════════════
   إخفاء الشريط العلوي نهائياً
══════════════════════════════════════ */
.top-navbar,
div.top-navbar,
.store-header .top-navbar {
  display:     none !important;
  height:      0    !important;
  overflow:    hidden !important;
  padding:     0    !important;
  margin:      0    !important;
  visibility:  hidden !important;
  opacity:     0    !important;
}

/* ══════════════════════════════════════
   الهيدر — نظيف ومركزي
══════════════════════════════════════ */
body {
  background: #fff !important;
  -webkit-font-smoothing: antialiased !important;
}

#mainnav,
.main-nav-container {
  background:    #fff !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow:    none !important;
  padding:       0 !important;
}

/* الشعار — أكبر وأوضح */
.navbar-brand img {
  max-height: 56px !important;
  width: auto !important;
  transition: opacity var(--t);
}
.navbar-brand:hover img { opacity: 0.7; }

/* ══════════════════════════════════════
   بطاقات المنتجات — نمط Blanco
══════════════════════════════════════ */
salla-product-card {
  display: block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  transition: transform var(--t) !important;
  overflow: visible !important;
}

/* صورة المنتج — تكبر خفيفاً */
salla-product-card img,
.product-card img {
  transition: transform 0.5s ease !important;
  border-radius: 4px !important;
}
salla-product-card:hover img,
.product-card:hover img {
  transform: scale(1.04) !important;
}

/* اسم المنتج */
salla-product-card [class*="title"],
salla-product-card [class*="name"],
.product-card [class*="title"] {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: var(--ink) !important;
  letter-spacing: 0.02em !important;
  margin-top: 10px !important;
}

/* السعر */
salla-product-card [class*="price"],
.product-card [class*="price"] {
  color: var(--ink-soft) !important;
  font-size: 0.88rem !important;
  font-weight: 400 !important;
}

/* ══════════════════════════════════════
   عنوان الأقسام — بسيط وأنيق
══════════════════════════════════════ */
.s-block--best-offers {
  padding: 48px 0 !important;
}

/* ══════════════════════════════════════
   البانر — بلا إطار، يملأ الشاشة
══════════════════════════════════════ */
.s-block--fixed-banner {
  padding: 0 !important;
  margin: 0 !important;
}
.banner--fixed {
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  display: block;
  transition: opacity var(--t);
}
.banner--fixed:hover { opacity: 0.95; }

/* ══════════════════════════════════════
   زر إضافة للسلة — خط رفيع أنيق
══════════════════════════════════════ */
salla-add-product-button button,
salla-add-product-button [part="base"],
salla-button[type="submit"] button {
  background:    transparent !important;
  color:         var(--ink) !important;
  border:        1px solid var(--ink) !important;
  border-radius: 0 !important;
  font-weight:   500 !important;
  font-size:     0.88rem !important;
  letter-spacing: 0.08em !important;
  padding:       14px 24px !important;
  transition:    all var(--t) !important;
  text-transform: uppercase !important;
}
salla-add-product-button button:hover {
  background: var(--ink) !important;
  color:      #fff !important;
}

/* ══════════════════════════════════════
   صفحة المنتج
══════════════════════════════════════ */
h1.text-xl, h1.text-2xl, h1.leading-10 {
  font-size:   1.5rem !important;
  font-weight: 400 !important;
  color:       var(--ink) !important;
  letter-spacing: 0.01em !important;
}

h2.product-entry__sub-title {
  color:       var(--ink-soft) !important;
  font-size:   0.9rem !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
}

.total-price, p.total-price {
  font-size:   1.1rem !important;
  font-weight: 400 !important;
  color:       var(--ink-soft) !important;
}

.details-slider {
  border-radius: 4px !important;
  box-shadow:    none !important;
  border:        1px solid var(--line) !important;
}

.sticky-product-bar {
  border-radius: 0 !important;
  box-shadow:    0 -1px 0 var(--line) !important;
  border:        none !important;
  background:    #fff !important;
}

.article--main {
  color:       var(--ink-soft) !important;
  line-height: 2 !important;
  font-size:   0.92rem !important;
  font-weight: 300 !important;
}

#btn-show-more {
  color:      var(--ink) !important;
  font-size:  0.85rem !important;
  border-bottom: 1px solid var(--ink) !important;
  text-decoration: none !important;
  letter-spacing: 0.04em !important;
}

/* ══════════════════════════════════════
   Breadcrumb
══════════════════════════════════════ */
.breadcrumbs {
  font-size: 0.78rem !important;
  opacity: 0.5 !important;
  letter-spacing: 0.04em !important;
}

/* ══════════════════════════════════════
   زر المفضلة
══════════════════════════════════════ */
.btn--wishlist {
  border:        1px solid var(--line) !important;
  border-radius: 50% !important;
  transition:    all var(--t) !important;
}
.btn--wishlist:hover {
  border-color: #e57373 !important;
  color:        #e57373 !important;
}

/* ══════════════════════════════════════
   الفوتر — نظيف مثل Blanco
══════════════════════════════════════ */
.store-footer {
  background:  #fff !important;
  border-top:  1px solid var(--line) !important;
  margin-top:  80px;
}
.store-footer h3 {
  color:       var(--ink) !important;
  font-size:   0.85rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
.store-footer p {
  color:       var(--ink-soft) !important;
  font-size:   0.88rem !important;
  line-height: 1.9 !important;
}
.store-footer a:hover { color: var(--ink) !important; opacity: 0.6; }
.store-footer .copyright-text p {
  color:     #aaa !important;
  font-size: 0.78rem !important;
}

/* ══════════════════════════════════════
   Fade-in بطيء وناعم
══════════════════════════════════════ */
@keyframes softIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.s-block { animation: softIn 0.6s ease both; }
.s-block:nth-child(2) { animation-delay: 0.15s; }
.s-block:nth-child(3) { animation-delay: 0.3s;  }

/* ══════════════════════════════════════
   الجوال
══════════════════════════════════════ */
@media (max-width: 768px) {
  h1.text-xl { font-size: 1.2rem !important; }
  .store-footer .store-footer__inner { text-align: center; }
}