/* Add custom CSS styles below */ 
/* ===================================
   زينكو - تحسين فوتر سلة (القسم السفلي والخلفية)
   يتكامل مع كود الجافاسكريبت المضاف للقسم العلوي
=================================== */

/* --- إخفاء الفراغات الافتراضية --- */
.store-footer .container.without-apps-footer {
  display: none !important;
}

/* --- Background لـ الفوتر --- */
.store-footer {
  background-color: #071d31 !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

/* ===================================
   مواد البوتم بار (القسم السفلي الافتراضي لسلة)
=================================== */

/* --- الفاصل والمسافات --- */
.store-footer .yv-footer-bottom-box {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.store-footer .yv-footer-bottom-box .row {
  padding: 20px 40px !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  direction: rtl !important;
  align-items: center !important;
}

/* --- حقوق الملكية --- */
.store-footer .yv-copyright-content,
.store-footer .copyright-text {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 13px !important;
}

/* --- معلومات السجل التجاري والضريبي --- */
.store-footer .vat-crn-sections {
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.store-footer .maroof-icon {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
}

.store-footer .maroof-icon span:last-child {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* --- أيقونات الدفع العام --- */
.store-footer .footer-payment .list-payment {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  padding: 0 !important;
  list-style: none !important;
}

.store-footer .footer-payment .list-payment__item {
  background: #ffffff !important;
  border-radius: 5px !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  height: 30px !important;
}

.store-footer .footer-payment .list-payment__item svg,
.store-footer .footer-payment .list-payment__item img {
  height: 20px !important;
  width: auto !important;
}

/* --- أيقونات تابي وتمارا وغيرها --- */
.store-footer .payment_static {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-top: 10px !important;
}

.store-footer .pay_icon {
  background: #ffffff !important;
  border-radius: 5px !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  height: 30px !important;
}

.store-footer .pay_icon svg,
.store-footer .pay_icon img {
  height: 20px !important;
  width: auto !important;
}

/* ===== ريسبونسف لجوال (القسم السفلي فقط) ===== */
@media (max-width: 640px) {
  .store-footer .yv-footer-bottom-box .row {
    padding: 16px 18px !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 15px !important;
  }

  .store-footer .vat-crn-sections {
    justify-content: center !important;
  }

  .store-footer .footer-payment .list-payment {
    justify-content: center !important;
  }
}
/* يشتغل على الكمبيوتر فقط - ميأثرش على الجوال */
@media (min-width: 992px) {
  [class*="quicklinks"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    align-items: center;
  }

  .quicklinks-item {
    padding-inline: 5px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}
/* ═══════════════════════════════════════════════
   زينكو — الهيدر والقائمة المنسدلة  |  v1.0
   المكان: تصميم المتجر ← الأكواد المخصصة ← CSS
   ═══════════════════════════════════════════════ */

/* ─── 1) شريط القوائم ─── */
.quicklinks {
  background-color: #071d31 !important;
}

.quicklinks::before {
  display: none !important;
}

/* ─── 2) نصوص الشريط الرئيسي ─── */
.quicklinks .main-menu > li.root-level > a,
.quicklinks .main-menu > li.root-level > a span,
.quicklinks .quicklinks-item,
.quicklinks .quicklinks-item span {
  color: #ffffff !important;
  opacity: 1 !important;
}

.quicklinks .main-menu:hover > li > a,
.quicklinks .main-menu > li:not(:hover) > a {
  opacity: 1 !important;
}

/* ─── 3) القائمة المنسدلة ─── */
.quicklinks .sub-menu {
  background-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  border-top: 3px solid #071d31 !important;
  z-index: 9999 !important;
  opacity: 1 !important;
}

.quicklinks .sub-menu a,
.quicklinks .sub-menu a span,
.quicklinks .sub-menu i {
  color: #1f2937 !important;
}

.quicklinks .sub-menu a:hover {
  background-color: #f1f5f9 !important;
}

.quicklinks .sub-menu a:hover span {
  color: #071d31 !important;
}

/* ─── 4) سطر "تسوق كل المنتجات في..." ─── */
.quicklinks .sub-menu--title {
  background-color: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}

.quicklinks .sub-menu--title a,
.quicklinks .sub-menu--title span,
.quicklinks .sub-menu--title strong {
  color: #071d31 !important;
}

/* ─── 5) الأزرار الدائرية ─── */
.quicklinks .header-rounded-btn {
  background-color: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
}

.quicklinks .header-rounded-btn:hover {
  background-color: rgba(255,255,255,.22) !important;
}

/* ─── 6) أيقونات اللغة والسلة ─── */
.quicklinks .sicon-earth,
.quicklinks .s-cart-summary-icon,
.quicklinks .sicon-shopping-bag,
.quicklinks .s-cart-summary-total,
.quicklinks .s-cart-summary-total i {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ─── 7) قائمة المستخدم ─── */
.quicklinks salla-user-menu,
.quicklinks .s-user-menu-wrapper,
.quicklinks .s-user-menu-trigger {
  opacity: 1 !important;
  visibility: visible !important;
}

.quicklinks .s-user-menu-trigger-hello,
.quicklinks .s-user-menu-trigger-name,
.quicklinks .s-user-menu-trigger-icon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* ─── 8) الصورة الرمزية ─── */
.quicklinks .s-user-menu-avatar-wrap {
  background-color: #ffffff !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* بنر فيديو بعرض كامل — لمعارض الفيديو ذات المقطع الواحد فقط */
.s-block--videos-gallery .videos-grid[data-video-count="1"] {
  display: block !important;
}

.s-block--videos-gallery .videos-grid[data-video-count="1"] .video-item {
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.s-block--videos-gallery .videos-grid[data-video-count="1"] .video-wrapper {
  aspect-ratio: auto !important;
  height: auto !important;
}

.s-block--videos-gallery .videos-grid[data-video-count="1"] video {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
}
.zi