/* Add custom CSS styles below */ 
/* =========================================
   SEASON SOUQ — SAUDI NATIONAL DAY
   COMPLETE RAED THEME CSS
   ========================================= */

:root {
  --season-utility: #002B30;
  --season-navigation: #00343A;
  --season-page: #E1ECE5;
  --season-green: #00894A;
  --season-purple: #6753A5;
  --season-white: #FFFFFF;
  --season-ink: #172325;
}

/* =========================================
   CONTINUOUS LIGHT-GREEN PAGE BACKGROUND
   ========================================= */

body.theme-raed,
body.theme-raed .app-inner,
body.theme-raed #main-content,
body.theme-raed #main-content .s-blocks-wrapper {
  background-color: var(--season-page) !important;
}

/* Remove white section wrappers so the tint
   continues beside and between the sections */
body.theme-raed
  #main-content
  .s-block:not(.s-block--full-bg):not(.s-block--slider-with-bg) {
  background-color: transparent !important;
}

/* Product and information cards remain white */
body.theme-raed #main-content .s-product-card-entry,
body.theme-raed #main-content .product-entry,
body.theme-raed #main-content .slide--cat-entry,
body.theme-raed #main-content .s-block--features__item {
  background-color: var(--season-white) !important;
}

/* =========================================
   UPPER UTILITY AND SEARCH BAR
   ========================================= */

body.theme-raed .top-navbar {
  background-color: var(--season-utility) !important;
  color: var(--season-white) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

body.theme-raed .top-navbar a,
body.theme-raed .top-navbar button,
body.theme-raed .top-navbar i,
body.theme-raed .top-navbar salla-contacts,
body.theme-raed .top-navbar salla-localization-modal {
  color: var(--season-white) !important;
}

body.theme-raed .top-navbar .s-search-input {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--season-white) !important;
}

body.theme-raed .top-navbar .s-search-input::placeholder {
  color: rgba(255, 255, 255, 0.70) !important;
}

/* =========================================
   MAIN NAVIGATION AND STICKY HEADER
   ========================================= */

body.theme-raed #mainnav,
body.theme-raed #mainnav .inner {
  background-color: var(--season-navigation) !important;
  color: var(--season-white) !important;
}

body.theme-raed #mainnav .inner {
  box-shadow: 0 5px 18px rgba(0, 43, 48, 0.14);
}

/* Main category names */
body.theme-raed #mainnav .main-menu > li > a {
  color: var(--season-white) !important;
  transition: background-color 0.2s ease;
}

/* Green hover with readable white text */
body.theme-raed #mainnav .main-menu > li > a:hover {
  color: var(--season-white) !important;
  background-color: rgba(0, 137, 74, 0.25) !important;
}

/* Purple accent under the selected category */
body.theme-raed #mainnav .main-menu > li.active > a,
body.theme-raed #mainnav .main-menu > li.is-active > a,
body.theme-raed #mainnav .main-menu > li > a.active,
body.theme-raed #mainnav .main-menu > li > a[aria-current="page"] {
  color: var(--season-white) !important;
  box-shadow: inset 0 -3px 0 var(--season-purple);
}

/* =========================================
   ACCOUNT, CART AND MENU ICONS
   ========================================= */

body.theme-raed #mainnav salla-user-menu,
body.theme-raed #mainnav salla-cart-summary,
body.theme-raed #mainnav .header-btn,
body.theme-raed #mainnav .header-btn__icon,
body.theme-raed #mainnav .s-cart-summary-total,
body.theme-raed #mainnav .sicon-menu {
  color: var(--season-white) !important;
}

body.theme-raed #mainnav .header-btn__icon,
body.theme-raed #mainnav .s-user-menu-trigger {
  border-color: rgba(255, 255, 255, 0.40) !important;
}

/* Correct the dark profile symbol */
body.theme-raed #mainnav .s-user-menu-trigger,
body.theme-raed #mainnav .s-user-menu-trigger i,
body.theme-raed #mainnav .s-user-menu-trigger svg,
body.theme-raed #mainnav .s-user-menu-trigger svg * {
  color: var(--season-white) !important;
  stroke: var(--season-white) !important;
}

/* =========================================
   DROPDOWN MENUS
   ========================================= */

body.theme-raed #mainnav .main-menu .sub-menu,
body.theme-raed #mainnav .main-menu .dropdown-menu,
body.theme-raed #mainnav .main-menu .sub-menu li,
body.theme-raed #mainnav .main-menu .sub-menu a,
body.theme-raed #mainnav .main-menu .dropdown-menu a {
  background-color: var(--season-white) !important;
  color: var(--season-ink) !important;
}

body.theme-raed #mainnav .main-menu .sub-menu a:hover,
body.theme-raed #mainnav .main-menu .dropdown-menu a:hover {
  background-color: #F1F6F2 !important;
  color: var(--season-green) !important;
}/* Season Souq — enlarged transparent HD logo */
body.theme-raed #mainnav .navbar-brand {
  --ss-logo-width: 118px;
  --ss-logo-height: 69px;
  --ss-logo-image: 138.5px;
  --ss-logo-left: -11.63px;
  --ss-logo-top: -24.1px;

  position: relative !important;
  width: var(--ss-logo-width) !important;
  min-width: var(--ss-logo-width) !important;
  height: var(--ss-logo-height) !important;
  flex: 0 0 var(--ss-logo-width) !important;
  margin-block: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-raed #mainnav .navbar-brand > img {
  content: url("https://cdn.files.salla.network/theme/1980317119/32d9ed06-cfee-4099-9eba-5418f23136b4-original.webp") !important;
  position: absolute !important;
  width: var(--ss-logo-image) !important;
  min-width: var(--ss-logo-image) !important;
  max-width: none !important;
  height: var(--ss-logo-image) !important;
  max-height: none !important;
  left: var(--ss-logo-left) !important;
  top: var(--ss-logo-top) !important;
  object-fit: fill !important;
  background: transparent !important;
}

/* iPad and smaller desktop screens */
@media (min-width: 1024px) and (max-width: 1279px) {
  body.theme-raed #mainnav .navbar-brand {
    --ss-logo-width: 104px;
    --ss-logo-height: 60.79px;
    --ss-logo-image: 122.07px;
    --ss-logo-left: -10.25px;
    --ss-logo-top: -21.24px;
  }
}

/* Mobile */
@media (max-width: 1023px) {
  body.theme-raed #mainnav .navbar-brand {
    --ss-logo-width: 92px;
    --ss-logo-height: 53.77px;
    --ss-logo-image: 107.98px;
    --ss-logo-left: -9.07px;
    --ss-logo-top: -18.79px;
  }
}

/* Compact logo while scrolling */
@media (min-width: 1024px) {
  body.theme-raed #mainnav.fixed-pinned .navbar-brand {
    --ss-logo-width: 88px;
    --ss-logo-height: 51.44px;
    --ss-logo-image: 103.29px;
    --ss-logo-left: -8.68px;
    --ss-logo-top: -17.97px;
  }
}

@media (max-width: 1023px) {
  body.theme-raed #mainnav.fixed-pinned .navbar-brand {
    --ss-logo-width: 80px;
    --ss-logo-height: 46.76px;
    --ss-logo-image: 93.9px;
    --ss-logo-left: -7.89px;
    --ss-logo-top: -16.34px;
  }
}/* =========================================
   SEASON SOUQ — PRODUCT TILES AND CARDS
   ========================================= */

:root {
  --season-card: #FAF7EF;
  --season-card-image: #EDF4EF;
  --season-card-border: #B7CABD;
  --season-card-green: #007A42;
  --season-card-gold: #C49A54;
}

/* Shop by Product — all six category tiles */
body.theme-raed #main-content .s-block--banners
.banner-entry.square-photos:not(.has-overlay):is(
  [href*="c1578237664"],
  [href*="c522045423"],
  [href*="c486902269"],
  [href*="c810967796"],
  [href*="c1033046030"],
  [href*="c976238047"]
) {
  background-color: var(--season-card-image) !important;
  border: 1px solid var(--season-card-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 20px rgba(0, 52, 58, 0.08) !important;
  overflow: hidden !important;
}

/* Gently replace the white framing without
   stretching, cropping or altering the layout */
body.theme-raed #main-content .s-block--banners
.banner-entry.square-photos:not(.has-overlay):is(
  [href*="c1578237664"],
  [href*="c522045423"],
  [href*="c486902269"],
  [href*="c810967796"],
  [href*="c1033046030"],
  [href*="c976238047"]
) > .lazy__bg {
  background-color: var(--season-card-image) !important;
  background-blend-mode: multiply !important;
  border-radius: inherit !important;
}

/* Product card shell */
body.theme-raed #main-content .s-product-card-entry {
  background-color: var(--season-card) !important;
  border: 1px solid var(--season-card-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 52, 58, 0.08) !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Product photograph area stays neutral */
body.theme-raed #main-content .s-product-card-image {
  background-color: var(--season-card-image) !important;
}

/* Product information area */
body.theme-raed #main-content .s-product-card-content,
body.theme-raed #main-content .s-product-card-content-main,
body.theme-raed #main-content .s-product-card-content-sub,
body.theme-raed #main-content .s-product-card-content-footer {
  background-color: var(--season-card) !important;
}

/* Product titles */
body.theme-raed #main-content
.s-product-card-content-title,
body.theme-raed #main-content
.s-product-card-content-title a {
  color: #00343A !important;
}

/* Product subtitles */
body.theme-raed #main-content
.s-product-card-content-subtitle {
  color: #4B625B !important;
  opacity: 1 !important;
}

/* Product prices */
body.theme-raed #main-content .s-product-card-price {
  color: var(--season-card-green) !important;
  font-weight: 700 !important;
}

/* Promotional labels */
body.theme-raed #main-content
.s-product-card-promotion-title {
  background-color: #00343A !important;
  color: #FFFFFF !important;
  border-inline-start: 3px solid var(--season-card-gold) !important;
}

/* Add-to-cart buttons */
body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline {
  background-color: var(--season-card-green) !important;
  border-color: var(--season-card-green) !important;
  color: #FFFFFF !important;
}

body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline .s-button-text,
body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline i {
  color: #FFFFFF !important;
}

body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline:hover {
  background-color: #00343A !important;
  border-color: #00343A !important;
}

/* Desktop hover polish */
@media (hover: hover) {
  body.theme-raed #main-content .s-product-card-entry:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0, 52, 58, 0.13) !important;
  }
}/* =========================================
   STRONG SAUDI NATIONAL DAY CARD PALETTE
   ========================================= */

:root {
  --season-card: #00343A;
  --season-card-image: #B7D0BE;
  --season-card-border: #C69A52;
  --season-card-green: #007A42;
  --season-card-gold: #F2CB77;
}

/* Stronger product-category tiles */
body.theme-raed #main-content .s-block--banners
.banner-entry.square-photos:not(.has-overlay):is(
  [href*="c1578237664"],
  [href*="c522045423"],
  [href*="c486902269"],
  [href*="c810967796"],
  [href*="c1033046030"],
  [href*="c976238047"]
) {
  background-color: var(--season-card-image) !important;
  border: 2px solid var(--season-card-border) !important;
  box-shadow: 0 8px 22px rgba(0, 52, 58, 0.16) !important;
}

/* Replaces the pale/white framing with visible sage */
body.theme-raed #main-content .s-block--banners
.banner-entry.square-photos:not(.has-overlay):is(
  [href*="c1578237664"],
  [href*="c522045423"],
  [href*="c486902269"],
  [href*="c810967796"],
  [href*="c1033046030"],
  [href*="c976238047"]
) > .lazy__bg {
  background-color: var(--season-card-image) !important;
  background-blend-mode: multiply !important;
}

/* Deep-teal merchandise cards */
body.theme-raed #main-content .s-product-card-entry {
  background-color: var(--season-card) !important;
  border-color: var(--season-card-border) !important;
  box-shadow: 0 9px 25px rgba(0, 52, 58, 0.18) !important;
}

/* Neutral but visibly colored photograph area */
body.theme-raed #main-content .s-product-card-image {
  background-color: var(--season-card-image) !important;
}

/* Dark product information area */
body.theme-raed #main-content .s-product-card-content,
body.theme-raed #main-content .s-product-card-content-main,
body.theme-raed #main-content .s-product-card-content-sub,
body.theme-raed #main-content .s-product-card-content-footer {
  background-color: var(--season-card) !important;
}

/* Gold separator below product photograph */
body.theme-raed #main-content .s-product-card-content {
  border-block-start: 3px solid var(--season-card-border) !important;
}

/* White product names */
body.theme-raed #main-content
.s-product-card-content-title,
body.theme-raed #main-content
.s-product-card-content-title a {
  color: #FFFFFF !important;
}

/* Soft sage subtitles */
body.theme-raed #main-content
.s-product-card-content-subtitle {
  color: #D6E4DB !important;
  opacity: 1 !important;
}

/* Gold prices */
body.theme-raed #main-content .s-product-card-price,
body.theme-raed #main-content .s-product-card-price i {
  color: var(--season-card-gold) !important;
}

/* Official-identity purple promotional labels */
body.theme-raed #main-content
.s-product-card-promotion-title {
  background-color: #6753A5 !important;
  color: #FFFFFF !important;
  border-inline-start: 3px solid var(--season-card-gold) !important;
}

/* Strong green add-to-cart button */
body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline {
  background-color: var(--season-card-green) !important;
  border-color: var(--season-card-green) !important;
  color: #FFFFFF !important;
}

body.theme-raed #main-content
.s-product-card-content-footer
.s-button-primary-outline:hover {
  background-color: #005F36 !important;
  border-color: #005F36 !important;
}