/* Add custom CSS styles below */ 

body,
main,
.container,
.content,
.s-main-content {
  background-color: #F8F6F2 !important;
}

/* ===== زر إضافة للسلة (يظل زي ما هو - شغال) ===== */
.s-product-card .s-button-btn,
.s-product-card .btn--primary,
.s-product-card button,
.s-product-card-content .s-button-btn,
.s-product-card-content .btn--primary,
.s-product-card-content button {
  background-color: #8B1E2D !important;
  color: #FFFFFF !important;
  border: 1px solid #8B1E2D !important;
  border-radius: 10px !important;
}

.s-product-card button:hover {
  background-color: #6E1824 !important;
  border-color: #6E1824 !important;
}

/* ===== الفوتر (التعديل الحقيقي) ===== */
footer,
.footer,
.store-footer,
.s-footer,
.site-footer {
  background-color: #EFEAE4 !important;
  padding: 40px 20px !important;
}

/* نصوص الفوتر */
footer *,
.footer *,
.store-footer *,
.s-footer *,
.site-footer * {
  color: #2C3E50 !important;
}

/* عناوين الفوتر */
footer h2,
footer h3,
footer h4 {
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

/* روابط الفوتر */
footer a {
  opacity: 0.85;
}

footer a:hover {
  opacity: 1;
}

/* ترتيب الفوتر (center شوي ويكون أنيق) */
footer .container,
footer .row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 20px;
}

/* موبايل */
@media (max-width: 768px) {
  footer .container,
  footer .row {
    flex-direction: column !important;
    text-align: center !important;
  }
}
/* ====== FOOTER FORCE LAYOUT ====== */

/* خلفية الفوتر كاملة */
footer,
.footer,
.store-footer,
.s-footer,
.site-footer {
  background: #EFEAE4 !important;
  padding: 48px 24px 28px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* أي طبقات داخلية في الفوتر */
footer > div,
footer section,
footer .container,
footer .row,
.footer > div,
.footer section,
.footer .container,
.footer .row,
.store-footer > div,
.store-footer section,
.store-footer .container,
.store-footer .row,
.s-footer > div,
.s-footer section,
.s-footer .container,
.s-footer .row,
.site-footer > div,
.site-footer section,
.site-footer .container,
.site-footer .row {
  background: #EFEAE4 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* إجبار الفوتر يصير 3 أعمدة */
footer .container,
footer .row,
.footer .container,
.footer .row,
.store-footer .container,
.store-footer .row,
.s-footer .container,
.s-footer .row,
.site-footer .container,
.site-footer .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 32px !important;
  align-items: start !important;
}

/* كل عمود */
footer .container > *,
footer .row > *,
.footer .container > *,
.footer .row > *,
.store-footer .container > *,
.store-footer .row > *,
.s-footer .container > *,
.s-footer .row > *,
.site-footer .container > *,
.site-footer .row > * {
  min-width: 0 !important;
}

/* ترتيب الأعمدة */
footer .container > *:nth-child(1),
footer .row > *:nth-child(1),
.footer .container > *:nth-child(1),
.footer .row > *:nth-child(1),
.store-footer .container > *:nth-child(1),
.store-footer .row > *:nth-child(1),
.s-footer .container > *:nth-child(1),
.s-footer .row > *:nth-child(1),
.site-footer .container > *:nth-child(1),
.site-footer .row > *:nth-child(1) {
  grid-column: 1 !important;
  text-align: right !important;
}

footer .container > *:nth-child(2),
footer .row > *:nth-child(2),
.footer .container > *:nth-child(2),
.footer .row > *:nth-child(2),
.store-footer .container > *:nth-child(2),
.store-footer .row > *:nth-child(2),
.s-footer .container > *:nth-child(2),
.s-footer .row > *:nth-child(2),
.site-footer .container > *:nth-child(2),
.site-footer .row > *:nth-child(2) {
  grid-column: 2 !important;
  text-align: center !important;
}

footer .container > *:nth-child(3),
footer .row > *:nth-child(3),
.footer .container > *:nth-child(3),
.footer .row > *:nth-child(3),
.store-footer .container > *:nth-child(3),
.store-footer .row > *:nth-child(3),
.s-footer .container > *:nth-child(3),
.s-footer .row > *:nth-child(3),
.site-footer .container > *:nth-child(3),
.site-footer .row > *:nth-child(3) {
  grid-column: 3 !important;
  text-align: left !important;
}

/* النصوص */
footer,
footer p,
footer a,
footer li,
footer h2,
footer h3,
footer h4,
.footer,
.footer p,
.footer a,
.footer li,
.footer h2,
.footer h3,
.footer h4,
.store-footer,
.store-footer p,
.store-footer a,
.store-footer li,
.store-footer h2,
.store-footer h3,
.store-footer h4,
.s-footer,
.s-footer p,
.s-footer a,
.s-footer li,
.s-footer h2,
.s-footer h3,
.s-footer h4,
.site-footer,
.site-footer p,
.site-footer a,
.site-footer li,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: #2C3E50 !important;
}

/* موبايل */
@media (max-width: 768px) {
  footer .container,
  footer .row,
  .footer .container,
  .footer .row,
  .store-footer .container,
  .store-footer .row,
  .s-footer .container,
  .s-footer .row,
  .site-footer .container,
  .site-footer .row {
    grid-template-columns: 1fr !important;
  }

  footer .container > *,
  footer .row > *,
  .footer .container > *,
  .footer .row > *,
  .store-footer .container > *,
  .store-footer .row > *,
  .s-footer .container > *,
  .s-footer .row > *,
  .site-footer .container > *,
  .site-footer .row > * {
    grid-column: auto !important;
    text-align: center !important;
  }
}
/* ===== الترتيب النهائي الصحيح للفوتر ===== */

/* العمود 1 (يسار) = روابط مهمة */
footer .container > *:nth-child(2),
footer .row > *:nth-child(2) {
  grid-column: 1 !important;
  text-align: left !important;
}

/* العمود 2 (وسط) = Soulvina */
footer .container > *:nth-child(3),
footer .row > *:nth-child(3) {
  grid-column: 2 !important;
  text-align: center !important;
}

/* العمود 3 (يمين) = تواصل معنا */
footer .container > *:nth-child(1),
footer .row > *:nth-child(1) {
  grid-column: 3 !important;
  text-align: right !important;
}