.s-product-options-grid-mode-span,
.s-breadcrumb-item,
.s-slider-block__title-right,
.s-bought-together-item-name,
.s-bought-together-item-price,
#page-main-title,
#product-filter,
label[for="product-filter"] {
  color: #111827 !important;
}

/* =========================================================
   Chic Abaya header: espresso, with blurred sticky state
   ========================================================= */

:root {
  --chic-dark: #2A2420;
  --chic-ivory: #FAF7F4;
  --chic-taupe: #CFC3BB;
}

/* ---------- Base ---------- */
.gallery-main-header {
  --header-main-color: var(--chic-dark);
  height: auto !important; /* overrides the inline height: 160px */
  background-color: var(--chic-dark) !important;
  box-shadow: none !important;
  transition: background-color .4s ease, box-shadow .4s ease;
}

.gallery-main-header .inner {
  background: transparent !important;
}

/* Icons and text in the top bar */
.gallery-main-header .gallery-color-text,
.gallery-main-header .s-cart-summary-icon,
.gallery-main-header .s-search-icon,
.gallery-main-header .s-search-icon i,
.gallery-main-header .s-user-menu-login-btn {
  color: var(--chic-ivory) !important;
}
.gallery-main-header .s-cart-summary-icon svg path,
.gallery-main-header .s-user-menu-login-btn svg path {
  fill: var(--chic-ivory);
}

/* Slightly larger icons on desktop */
@media (min-width: 1024px) {
  .gallery-main-header .header-btn__icon {
    font-size: 1.35rem;
  }
}

/* ---------- Top bar spacing ---------- */
.gallery-top-navbar .py-4 {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  transition: padding .4s ease;
}

/* ---------- Logo ---------- */
.gallery-navbar-brand img {
  height: 80px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain;
  transition: height .4s ease;
}

@media (max-width: 1023px) {
  .gallery-navbar-brand img {
    height: 48px !important;
  }
}

/* ---------- Search ---------- */
.gallery-main-header .s-search-input {
  background: rgba(250, 247, 244, 0.08) !important;
  border: 1px solid rgba(207, 195, 187, 0.28) !important;
  color: var(--chic-ivory) !important;
  box-shadow: none !important;
  transition: border-color .3s ease, background .3s ease;
}
.gallery-main-header .s-search-input::placeholder {
  color: rgba(250, 247, 244, 0.6) !important;
}
.gallery-main-header .s-search-input:hover {
  border-color: rgba(207, 195, 187, 0.55) !important;
  background: rgba(250, 247, 244, 0.12) !important;
}

/* ---------- Cart badge ---------- */
.gallery-main-header .s-cart-summary-count {
  background: var(--chic-taupe) !important;
  color: var(--chic-dark) !important;
  font-weight: 600;
}

/* ---------- Menu row (desktop) ---------- */
.gallery-main-nav {
  border-top: 1px solid rgba(207, 195, 187, 0.18) !important;
}

@media (min-width: 1024px) {
  .gallery-main-nav .main-menu > li > a {
    position: relative;
    font-weight: 500;
    font-size: 0.95rem;
    color: rgba(250, 247, 244, 0.85) !important;
    transition: color .3s ease;
  }

  .gallery-main-nav .main-menu > li > a:hover {
    color: var(--chic-ivory) !important;
  }

  /* Thin underline that draws from the center on hover */
  .gallery-main-nav .main-menu > li > a::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: -6px;
    height: 1px;
    background: var(--chic-taupe);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .35s ease;
  }
  .gallery-main-nav .main-menu > li > a:hover::after {
    transform: scaleX(1);
  }

  /* "المزيد" dropdown */
  .gallery-main-nav .sub-menu {
    background: var(--chic-dark) !important;
    border: 1px solid rgba(207, 195, 187, 0.18);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
  }
  .gallery-main-nav .sub-menu a {
    color: rgba(250, 247, 244, 0.85) !important;
  }
  .gallery-main-nav .sub-menu a:hover {
    color: var(--chic-ivory) !important;
  }
}



/* ---------- Sticky state ---------- */

/* Never let the header container collapse or clip the menu row */
#mainnav,
.gallery-main-header,
.gallery-main-header .inner {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Parent goes transparent when scrolled; the rows carry the background */
#mainnav.chic-scrolled,
#mainnav.fixed-pinned,
.fixed-pinned #mainnav,
.fixed-pinned.gallery-main-header {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Both rows get the same translucent espresso + blur */
.chic-scrolled .gallery-top-navbar,
.chic-scrolled .gallery-main-nav,
.fixed-pinned .gallery-top-navbar,
.fixed-pinned .gallery-main-nav {
  background-color: rgba(42, 36, 32, 0.82) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Soft shadow under the menu row (bottom edge of the header) */
.chic-scrolled .gallery-main-nav,
.fixed-pinned .gallery-main-nav {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Compact logo and spacing while sticky */
.chic-scrolled .gallery-navbar-brand img,
.fixed-pinned .gallery-navbar-brand img {
  height: 46px !important;
}
.chic-scrolled .gallery-top-navbar .py-4,
.fixed-pinned .gallery-top-navbar .py-4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 1023px) {
  .chic-scrolled .gallery-navbar-brand img,
  .fixed-pinned .gallery-navbar-brand img {
    height: 38px !important;
  }
}

/* OPTIONAL: hide the menu row while sticky (slimmer header).
   To use it, remove the comment markers around the rule below.
.chic-scrolled .gallery-main-nav,
.fixed-pinned .gallery-main-nav {
  display: none !important;
}
*/

/* =========================================================
   مجموعات مختارة (gallery-collections)
   ========================================================= */

/* ---------- Mobile: horizontal swipe row ---------- */
@media (max-width: 767px) {
  .gallery-collections > .grid {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;

    /* let the swipe row run edge to edge, past the section's px-4 */
    margin-inline: -1rem;
    padding-inline: 1rem;
  }

  .gallery-collections > .grid::-webkit-scrollbar {
    display: none;
  }

  .gallery-collections > .grid > * {
    flex: 0 0 75%;
    min-width: 0;
    scroll-snap-align: center;
  }
}