/* =========================
   Theme Colors
========================= */
:root{
  --store-bg: #F2CFB8;   /* لون خلفية المتجر */
  --navy:     #092635;   /* الكحلي */
}

/* =========================
   Global Background
========================= */
body {
  background-color: var(--store-bg);
}

/* =========================
   Header Background
========================= */
#edit-header,
header .inner.bg-inherit.w-full {
  background-color: var(--store-bg);
}

/* =========================
   Product Card (Frame + Hover)
========================= */
custom-salla-product-card.s-product-card-entry {
  background-color: var(--store-bg);
  border: 2px solid var(--navy);
  border-radius: 18px;
  box-shadow: none;
  overflow: hidden;
}

custom-salla-product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

custom-salla-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* =========================
   Features Block
========================= */
.s-block--features__item {
  background-color: var(--navy);
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.s-block--features__item h2,
.s-block--features__item p,
.s-block--features__item .feature-icon,
.s-block--features__item .feature-icon i {
  color: var(--store-bg);
}

/* =========================
   Category Slide Card
========================= */
.slide--cat-entry {
  background-color: var(--navy);
  border-radius: 16px;
  padding: 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.slide--cat-entry i {
  color: var(--store-bg);
  font-size: 34px;
}

.slide--cat-entry h2 {
  color: var(--store-bg);
  font-size: 16px;
}

/* =========================
   Footer Background + Text Color
========================= */
footer.store-footer,
footer.store-footer .store-footer__inner,
footer.store-footer .store-footer__inner .container,
footer.store-footer > .container.py-4 {
  background-color: var(--store-bg);
}

footer.store-footer,
footer.store-footer h1,
footer.store-footer h2,
footer.store-footer h3,
footer.store-footer h4,
footer.store-footer h5,
footer.store-footer h6,
footer.store-footer p,
footer.store-footer span,
footer.store-footer a,
footer.store-footer li,
footer.store-footer .unicode,
footer.store-footer .copyright-text {
  color: var(--navy);
}
/* =========================
   User Menu (Avatar Box)
========================= */
.s-user-menu-trigger-avatar-wrap {
  background-color: #F2CFB8;
  border-radius: 12px;
}

/* في حال كان فيه ظل أو بوردر أبيض */
.s-user-menu-trigger {
  background-color: transparent;
  box-shadow: none;
}
/* =========================
   Square Banners Background
========================= */
.banner-entry.square-photos {
  background-color: #F2CFB8;
  border-radius: 16px;
  overflow: hidden;
}

/* خلفية العنصر اللي شايل الصورة */
.banner-entry.square-photos .lazy__bg {
  background-color: #F2CFB8;
}
.banner-entry.square-photos {
  transition: transform 0.2s ease;
}

.banner-entry.square-photos:hover {
  transform: translateY(-3px);
}
/* =========================
   Square Banners Frame
========================= */
.banner-entry.square-photos {
  border: 2px solid #092635;
  border-radius: 16px;
  overflow: hidden;
  background-color: #F2CFB8;
}
.banner-entry.square-photos {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.banner-entry.square-photos:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(9, 38, 53, 0.25);
}
/* =========================
   Product Page Background
   (Fix white background issue)
========================= */

/* الخلفية العامة للصفحة */
body,
main,
section,
.page-wrapper,
.app-content {
  background-color: var(--store-bg) !important;
}

/* صفحة المنتج نفسها */
.s-product-page,
.s-product,
.product-page,
.product-content,
.product-details,
.product-main,
.product-section {
  background-color: var(--store-bg) !important;
}

/* البوكسات الداخلية اللي بتطلع أبيض */
.s-product-card,
.s-product-info,
.s-product-summary,
.s-product-options,
.s-product-description,
.s-product-tabs,
.s-product-tabs-content,
.s-comments,
.s-comments-container {
  background-color: var(--store-bg) !important;
}

/* منطقة السعر + تابي */
.s-product-price,
.s-product-price-wrapper,
.s-product-payment,
.s-product-installments,
[class*="tabby"],
[class*="tamara"] {
  background-color: var(--store-bg) !important;
}

/* التابات نفسها */
.s-product-tabs-nav,
.s-product-tabs-nav li,
.s-product-tabs-nav button {
  background-color: var(--store-bg) !important;
}

/* إزالة أي خلفية بيضاء مفروضة */
[class*="bg-white"] {
  background-color: var(--store-bg) !important;
}