/* BG */
body.bg-background {
  background-color: #111;
}
body.bg-background:not(.index) * {
  color: #fff;
}

/* Header */
#mainnav,
#mainnav .the-logo {
  height: unset !important;
}
.NG-header .navbar-brand.the-logo img {
  height: 7rem;
}
.mm-ocd--open {
  background: rgb(255 255 255 / 46%);
}
@media (max-width: 576px) {
  .NG-header .navbar-brand.the-logo img {
    height: 4rem;
  }
}

/* Main Banner */
[dir=rtl] .NG-hero-section .wrapper {
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .NG-hero-section .wrapper h1 {
  max-width: 700px;
}
[dir=rtl] .NG-hero-section .wrapper p {
  display: none !important;
}

/* First Banner */
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide { width: 100%; }
section.s-block.s-block--photos-slider .carousel-slider .swiper-wrapper > div { padding: 0 !important; }
section:first-of-type.s-block.s-block--photos-slider { margin-top: 0; }
[dir=rtl] salla-slider.photos-slider .swiper { padding: 0; }
section.s-block.s-block--photos-slider .s-slider-block__title-nav { display: none !important; }
img, .banner-entry { background-color: unset !important; }

/* Categories */
.NG-categories { margin-top: 2rem; }
.NG-categories h1,
.NG-categories p { text-align: center; }
@media (min-width: 1024px) {
  .NG-categories .container { max-width: 1400px; }
  .NG-categories .grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .NG-categories .card {
    height: unset;
    border: 1px solid #edb792;
    border-radius: 16px;
  }
  .NG-categories .card-inner img { border-radius: 16px; }
  .NG-categories div.text-xs { padding-inline: 8px; }
}

/* Banners */
section.s-block.s-block--banners.container {
  margin-bottom: 3rem;
  margin-top: 1rem;
}
section.s-block.s-block--banners.container .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
a.banner-entry {
  height: 305px;
  background-color: unset;
  transition: 0.2s;
}
a.banner-entry:hover { transform: scale(1.04); }
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
  background-size: contain;
  background-repeat: no-repeat;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-bottom: 3rem;
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 1200px) { a.banner-entry { height: 225px; } }
@media (max-width: 768px) { a.banner-entry { height: 250px; } }
@media (max-width: 576px) {
  section.s-block.s-block--banners.container .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  a.banner-entry { height: 170px; }
}

/* Promotional Banner */
section.GL-promotional-banner .container > .flex > div { border: 1px solid var(--color-primary); }
@media (min-width: 1024px) {
  section.GL-promotional-banner .container > .flex { height: 520px !important; }
  section.GL-promotional-banner h2 { font-size: 34px; }
}
@media (max-width: 1024px) {
  section.GL-promotional-banner .container > .flex { height: 500px !important; }
  section.GL-promotional-banner h2 { font-size: 24px; }
}

/* Misc */
.sticky { max-height: 400px; }
body.index h4.s-product-card-price { color: var(--color-primary) !important; }
.unicode { text-align: right; }

/* Footer */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner {
  background-color: var(--color-primary);
  color: #fff;
  border: none;
}
.footer-is-light .store-footer .contact-social { border: none; }
.copyright-text p { color: #fff; }
span.s-contacts-icon { border-color: #fff; }
.store-footer .copyright-text a:hover { opacity: 0.7; color: #fff; }
@media (width < 1024px) {
  footer * {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/* ===== اللون الرئيسي #edb792 ===== */

/* بطاقات المنتجات - اسم وسعر موحد */
.s-product-card-content-title a,
.s-product-card-content-title,
.s-product-card-content-sub,
.s-product-card-content-footer,
.s-product-card-content-footer *,
[class*="price"],
[class*="Price"] {
  color: #edb792 !important;
}

/* سلة الشراء */
.cartdetails.bg-background,
.cartdetails .bg-background * {
  background-color: #1a1a1a !important;
  color: #edb792 !important;
}
.cartdetails img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* زر تحميل المزيد */
.s-infinite-scroll-wrapper {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}
.s-infinite-scroll-btn,
button.s-infinite-scroll-btn {
  background-color: #edb792 !important;
  color: #1a1a1a !important;
  opacity: 1 !important;
  visibility: visible !important;
  border: 2px solid #edb792 !important;
  padding: 12px 24px !important;
  display: block !important;
  margin: 0 auto !important;
}

/* فلتر الترتيب */
.NG-index #product-filter,
.mm-ocd #product-filter,
select#product-filter {
  background-color: #1a1a1a !important;
  color: #edb792 !important;
  border: 1px solid #edb792 !important;
  border-radius: 4px !important;
}
#product-filter option,
select#product-filter option {
  background-color: #1a1a1a !important;
  color: #edb792 !important;
}

/* رقم الموديل */
.mb-4.flex.justify-between.sm\:grid.sm\:grid-cols-3.bg-background,
.mb-4.flex.justify-between.sm\:grid.sm\:grid-cols-3.bg-background * {
  background-color: #1a1a1a !important;
  color: #edb792 !important;
}

/* القائمة الجانبية موبايل */
.mm-ocd,
.mm-ocd-right,
.mm-ocd__content,
.mm-ocd__content #mobile-menu,
.mm-spn,
.mm-spn ul,
.mobile-menu {
  background-color: #1a1a1a !important;
  color: #edb792 !important;
}
.mm-spn li a,
.mm-ocd__content *,
nav#mobile-menu *,
.mobile-menu a {
  color: #edb792 !important;
}
/* Sticky Bar */
section.sticky-product-bar,
section.sticky-product-bar.bg-background {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}
section.sticky-product-bar .btn,
section.sticky-product-bar button {
  background-color: #edb792 !important;
  color: #1a1a1a !important;
  opacity: 1 !important;
}
section.sticky-product-bar * {
  color: #edb792 !important;
}
.s-button-element.s-button-primary {
    background-color: #1a1a1a !important;
    color: #edb792 !important;
}

.s-button-element.s-button-primary:hover {
    background-color: #2a2a2a !important;
    color: #edb792 !important;
}
.s-tabs-header-item span {
    color: #ffffff !important;
}

.s-tabs-header-item.s-tabs-active span {
    color: #edb792 !important;
}.s-tabs-header-item {
    background-color: #1a1a1a !important;
}

.s-tabs-header-item span {
    color: #edb792 !important;
}

.s-tabs-header-item.s-tabs-active {
    background-color: #1a1a1a !important;
}

.s-tabs-header-item.s-tabs-active span {
    color: #edb792 !important;
}