/* Quick Shop - dark navy + purple gaming theme (Salla Raed custom CSS) */
:root {
  --qs-navy: #0B1024;
  --qs-purple: #7C3AED;
  --qs-purple-light: #A78BFA;
  --qs-card: #171F38;
  --qs-text: #F8FAFC;
  --qs-muted: #9AA4C0;
  --color-primary: #7C3AED;
  --color-primary-dark: #6D28D9;
  --color-primary-light: #8B5CF6;
  --color-primary-reverse: #FFFFFF;
}

body {
  background-color: var(--qs-navy);
  color: var(--qs-text);
}

a, button { transition: all .3s ease; }

/* Header and footer */
.main-nav-container, .store-header, header, .store-footer, footer {
  background: var(--qs-navy) !important;
  color: var(--qs-text);
  border-color: rgba(167, 139, 250, .15) !important;
}
.main-nav-container a, .store-header a, .store-footer a { color: var(--qs-text); }
.main-nav-container a:hover, .store-footer a:hover { color: var(--qs-purple-light); }
.navbar-brand, .main-menu > li > a { font-weight: 700; }

/* Sections and headings */
section, .s-block { background: transparent; }
.s-block__title h2, .section-title, h1, h2, h3 { color: var(--qs-text); }
.s-block__title p, .text-gray-500, .text-gray-400 { color: var(--qs-muted) !important; }

/* Primary buttons */
.btn-primary, .s-button-primary, .s-button-primary-outline:hover,
.s-product-card-content .s-button-element, .s-add-product-button-main {
  background: var(--qs-purple) !important;
  border-color: var(--qs-purple) !important;
  color: #fff !important;
  border-radius: 10px;
}
.btn-primary:hover, .s-button-primary:hover, .s-add-product-button-main:hover {
  background: #8B5CF6 !important;
  filter: brightness(1.1);
}

/* Product cards */
.s-product-card-entry, .product-entry, .s-product-card-vertical {
  background: var(--qs-card) !important;
  border: 1px solid rgba(167, 139, 250, .18);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .35);
}
.s-product-card-entry:hover, .product-entry:hover {
  border-color: var(--qs-purple);
  transform: translateY(-3px);
}
.s-product-card-image { background: #0F1630; }
.s-product-card-content-title a, .s-product-card-content-title { color: var(--qs-text) !important; }
.s-product-card-price, .s-product-card-sale-price h4 { color: var(--qs-text) !important; font-weight: 700; }
.s-product-card-promotion-title, .s-product-card-quantity { border-radius: 999px; }

/* Category / feature cards */
.s-block--features__item, .s-block--square-photos a, .s-block--fixed-banners a {
  background: var(--qs-card);
  border: 1px solid rgba(167, 139, 250, .2);
  border-radius: 16px;
}
.s-block--features__item:hover { border-color: var(--qs-purple); }
.s-block--features__item i, .s-block--features__item .sicon { color: var(--qs-purple-light); }

/* Search box */
.s-search-input, .main-nav-container input[type="search"], .main-nav-container .form-control {
  background: var(--qs-card) !important;
  border: 1px solid rgba(167, 139, 250, .2) !important;
  color: var(--qs-text) !important;
  border-radius: 12px;
}

/* Hero slider */
.s-slider-block__title, .hero-title { color: var(--qs-text); font-weight: 800; }
.s-slider-block__title-nav, .s-slider-block__description { color: var(--qs-purple-light); }

/* Inputs, modals, cart */
.form-input, .s-form-control, input, select, textarea {
  background: var(--qs-card);
  color: var(--qs-text);
  border-color: rgba(167, 139, 250, .25);
}
.s-cart-summary-wrapper, .s-modal-body, .mobile-menu, .sidebar {
  background: var(--qs-card);
  color: var(--qs-text);
}
.s-cart-summary-total { color: var(--qs-purple-light); }

/* ===== Section background (change this one color to restyle both sections) ===== */
:root { --qs-section-bg: #121A35; }

/* ===== Browse by category (real selectors from the live page) ===== */
.s-block--categories {
  background: var(--qs-section-bg) !important;
  border-top: 1px solid rgba(167, 139, 250, .12);
  border-bottom: 1px solid rgba(167, 139, 250, .12);
  padding-top: 28px;
  padding-bottom: 28px;
}
.s-block--categories .s-slider-block__title h2,
.s-block--categories .s-slider-block__title-right h2 {
  color: #FFFFFF !important;
  font-size: 28px !important;
  font-weight: 800 !important;
}
.slide--cat-entry {
  background: var(--qs-card) !important;
  border: 1px solid rgba(167, 139, 250, .3) !important;
  border-radius: 16px !important;
}
.slide--cat-entry:hover { border-color: var(--qs-purple) !important; transform: translateY(-2px); }
.slide--cat-entry h2 {
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}
.slide--cat-entry i { color: var(--qs-purple-light) !important; font-size: 28px !important; }

/* ===== FAQ (real selectors from the live page) ===== */
.s-block--faqs, .s-block--bundle-questions {
  background: var(--qs-section-bg) !important;
}
.s-block--faqs .lp-title__main {
  color: #FFFFFF !important;
  font-size: 30px !important;
  font-weight: 800 !important;
}
.s-block--faqs .lp-title__sub {
  color: #E3E8FA !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}
.faq-item__inner {
  background: var(--qs-card) !important;
  border: 1px solid rgba(167, 139, 250, .3);
  border-radius: 14px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .3) !important;
}
.faq-item label {
  color: #FFFFFF !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
}
.faq-item label::after {
  background: var(--qs-purple) !important;
  color: #FFFFFF !important;
  font-size: 1.4rem !important;
  font-weight: 700;
  width: 2.2rem !important;
  height: 2.2rem !important;
}
.faq-item input:checked ~ .faq-item__inner label::after { background: #8B5CF6 !important; }
.faq-answer__content {
  color: #E3E8FA !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  line-height: 2 !important;
}

/* ===== Professional polish (v3) ===== */

/* Hero: dark gradient so the text is always readable over the busy image */
.s-block--hero-slider .swiper-slide { position: relative; }
.s-block--hero-slider .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(11,16,36,.85) 0%, rgba(11,16,36,.25) 55%, rgba(11,16,36,.15) 100%);
  z-index: 1;
  pointer-events: none;
}
.s-block--hero-slider .swiper-slide h2,
.s-block--hero-slider .swiper-slide p,
.s-block--hero-slider .swiper-slide a,
.s-block--hero-slider .swiper-slide button { position: relative; z-index: 2; }
.s-block--hero-slider .swiper-slide h2 {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.6);
}
.s-block--hero-slider .swiper-slide p.description {
  color: #E3E8FA !important;
  font-size: 1.1rem !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.6);
}

/* Product cards: consistent image area, clear price */
.s-product-card-entry { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.s-product-card-entry:hover { box-shadow: 0 12px 32px rgba(124,58,237,.25) !important; }
.s-product-card-image { background: #0F1630 !important; border-radius: 12px; overflow: hidden; }
.s-product-card-image img { object-fit: contain !important; }
.s-product-card-content-title, .s-product-card-content-title a {
  color: #FFFFFF !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}
.s-product-card-price { color: #FFFFFF !important; font-size: 1.3rem !important; font-weight: 800 !important; }
.s-product-card-price i { color: var(--qs-purple-light) !important; }
.s-product-card-wishlist-btn button { border-color: rgba(167,139,250,.4) !important; color: var(--qs-purple-light) !important; }

/* FAQ: align the + circle with the question text */
.faq-item label { min-height: 4.5rem; display: flex !important; align-items: center; }
.faq-item label::after { top: 50% !important; margin-top: -1.1rem; }
.faq-item__inner { transition: border-color .25s ease; }
.faq-item__inner:hover { border-color: var(--qs-purple) !important; }
.s-block--faqs .list { gap: 1rem !important; }

/* Smooth consistent spacing and section rhythm */
.s-block { scroll-margin-top: 80px; }
.s-block--categories { padding-top: 36px; padding-bottom: 36px; }
.store-footer { border-top: 1px solid rgba(167,139,250,.2); }
.store-footer, .store-footer p, .store-footer a { color: #D5DBF0 !important; }
.store-footer h3, .store-footer h4 { color: #FFFFFF !important; }

/* ===== v4 final touches ===== */
.s-block__title h2 { color: #FFFFFF !important; font-size: 28px !important; font-weight: 800 !important; }
.s-block__title .right-side { margin-bottom: 6px; }
.s-block--faqs .lp-title__sub { opacity: 1 !important; }
.s-block--hero-slider .swiper-slide h2 { font-size: clamp(1.4rem, 4vw, 2.4rem) !important; }

/* ===== v5: a different icon for each platform card ===== */
.slide--cat-entry[href*="/c74870580"] i::before { content: "\ec52" !important; } /* PlayStation: controller */
.slide--cat-entry[href*="/c89578628"] i::before { content: "\eb51" !important; } /* Xbox: d-pad */
.slide--cat-entry[href*="/c1463024517"] i::before { content: "\ec54" !important; } /* Steam: game board */
.slide--cat-entry[href*="/c555227782"] i::before { content: "\efa8" !important; } /* Roblox: star */
.slide--cat-entry[href*="/c1287805056"] i::before { content: "\eff3" !important; } /* PUBG: target */
.slide--cat-entry[href*="/c514811777"] i::before { content: "\ec55" !important; } /* Nintendo: handheld */
.slide--cat-entry[href*="/c1752532610"] i::before { content: "\e94d" !important; } /* Other: gift card */

/* ===== Product page ===== */
h1.text-gray-800, .container--product-details h1 { color:#fff !important; font-weight:800 !important; }
p.text-red-800, .text-red-800 { color:#F87171 !important; }
.s-add-product-button-mini-checkout-content,
.s-add-product-button-mini-checkout-content * { color:#fff !important; }
.s-add-product-button-mini-checkout-content { background:#7C3AED !important; border-radius:10px; }
salla-product-options, salla-product-options * { color:#F8FAFC; }
salla-product-options select { background:#171F38 !important; border:1px solid rgba(167,139,250,.35) !important; border-radius:10px; padding:10px; }
salla-product-options small { color:#9AA4C0 !important; }
.product__description, .product__description * { color:#E3E8FA; }
.product__description h1, .product__description h2, .product__description h3, .product__description strong { color:#fff !important; }
.breadcrumbs, .breadcrumbs a { color:#9AA4C0 !important; }

/* ===== Product page fixes (white boxes, price, options, comments, footer) ===== */
salla-product-options.s-product-options-wrapper, section.bg-white, .sticky-product-bar, .main-content .bg-white {
  background:#171F38 !important; border:1px solid rgba(167,139,250,.2); border-radius:16px !important;
}
.sticky-product-bar *, section.bg-white * { color:#F8FAFC; }
.sticky-product-bar .s-add-product-button-mini-checkout-content,
.sticky-product-bar .s-add-product-button-mini-checkout-content *,
.sticky-product-bar .s-button-primary * { color:#fff !important; }
.sticky-product-bar [class*=price] { color:#fff !important; font-weight:800; }
.s-comments, .s-comments-product { background:#171F38 !important; border-radius:16px; }
.store-footer__inner { background:#0B1024 !important; border-top:1px solid rgba(167,139,250,.15); }
salla-product-options label, salla-product-options .s-form-label, salla-product-options span { color:#F8FAFC !important; }
salla-product-options select, .s-quantity-input-input { background:#0F1630 !important; color:#fff !important; border:1px solid rgba(167,139,250,.35) !important; }

/* ===== Unify bottom colors ===== */
.s-comments, .s-comments-product { background:transparent !important; border-radius:0 !important; }
salla-comments, .s-comments * { background-color:transparent !important; }
.store-footer, .store-footer__inner, footer { background:#0B1024 !important; }
.sticky-product-bar { background:#121A35 !important; }

/* ===== White breadcrumb + dark mobile menu ===== */
.s-breadcrumb-item, .s-breadcrumb-item a, .s-breadcrumb-arrow, .breadcrumbs, .breadcrumbs a { color:#fff !important; }
.s-breadcrumb-item:last-child { font-weight:700; }
.mm-ocd__content, .mobile-menu, nav.mobile-menu, .mobile-menu ul, .mobile-menu li,
.mm-spn, .mm-spn ul, .mm-spn li { background:#0B1024 !important; color:#fff !important; }
.mobile-menu a, .mm-spn a, .mm-spn span, .mobile-menu li a.text-gray-500 { color:#fff !important; }
.mm-spn li { border-color:rgba(167,139,250,.15) !important; }
.mm-spn a:hover { color:#A78BFA !important; }
.mm-spn .mm-spn__navbar, .mm-spn .mm-spn__navbar * { background:#121A35 !important; color:#fff !important; }

/* ===== v10 ===== */

/* 1) (v28) القائمة العلوية تظهر الآن على الكمبيوتر */

/* 2) Product card: clear, bright price */
.s-product-card-content-main,
.s-product-card-content-sub { color:#fff !important; }
.s-product-card-entry .text-red-800,
.s-product-card-entry [class*="text-red"] { color:#fff !important; }
.s-product-card-starting-price,
.s-product-card-starting-price *,
.s-product-card-price,
.s-product-card-price *,
.s-product-card-sale-price *,
.s-product-card-entry .text-sm { color:#fff !important; font-weight:700 !important; }
.s-product-card-starting-price h4,
.s-product-card-sale-price h4,
.s-product-card-price h4 { color:#C4B5FD !important; font-size:1.4rem !important; font-weight:800 !important; }
.s-product-card-starting-price i,
.s-product-card-price i { color:#C4B5FD !important; }
.s-product-card-entry del, .s-product-card-entry .line-through { color:#9AA4C0 !important; }

/* 3) Cart summary: whole card dark and readable */
.s-cart-summary-wrapper,
.s-cart-summary-wrapper [class*="bg-"],
.s-cart-summary-content,
.cart-submit-wrap {
  background:#171F38 !important;
  color:#F8FAFC !important;
  border:1px solid rgba(167,139,250,.2);
  border-radius:16px;
}
.s-cart-summary-wrapper *, .cart-submit-wrap * { color:#F8FAFC; }
.s-cart-summary-total, .s-cart-summary-total * { color:#C4B5FD !important; font-weight:800; }
.s-cart-summary-wrapper input { background:#0F1630 !important; color:#fff !important; border:1px solid rgba(167,139,250,.35) !important; }
.s-cart-summary-wrapper .s-button-primary,
.s-cart-summary-wrapper .s-button-primary *,
.cart-submit-wrap .s-button-primary,
.cart-submit-wrap .s-button-primary * { background:#7C3AED !important; color:#fff !important; }

/* 4) Login window: readable text and purple button */
salla-login-modal h1, salla-login-modal h2, salla-login-modal h3, salla-login-modal h4,
salla-login-modal p, salla-login-modal label, salla-login-modal span,
salla-login-modal a { color:#F8FAFC !important; background:transparent !important; }
salla-login-modal input,
salla-login-modal .iti input { background:#fff !important; color:#0B1024 !important; }
salla-login-modal .iti__selected-dial-code,
salla-login-modal [class*="dial"] { color:#0B1024 !important; }
salla-login-modal button[type="submit"],
salla-login-modal .s-button-primary { background:#7C3AED !important; color:#fff !important; border:1px solid #7C3AED !important; border-radius:10px; }
salla-login-modal button[type="submit"] *,
salla-login-modal .s-button-primary * { color:#fff !important; }
salla-login-modal .s-button-outline,
salla-login-modal [class*="outline"] { background:transparent !important; border:1px solid rgba(167,139,250,.5) !important; color:#F8FAFC !important; }

/* ===== v11: language and currency window + modal close button ===== */
salla-localization-modal h1, salla-localization-modal h2, salla-localization-modal h3,
salla-localization-modal h4, salla-localization-modal h5, salla-localization-modal h6,
salla-localization-modal p, salla-localization-modal label, salla-localization-modal span,
salla-localization-modal div, salla-localization-modal li, salla-localization-modal a {
  color:#F8FAFC !important;
}
salla-localization-modal [class*="title"],
salla-localization-modal [class*="heading"],
salla-localization-modal [class*="label"] { color:#FFFFFF !important; font-weight:800 !important; }
salla-localization-modal [class*="symbol"],
salla-localization-modal [class*="code"] { color:#C4B5FD !important; font-weight:700 !important; }
salla-localization-modal button[type="submit"],
salla-localization-modal .s-button-primary { background:#7C3AED !important; color:#fff !important; border-radius:10px; }
salla-localization-modal button[type="submit"] *,
salla-localization-modal .s-button-primary * { color:#fff !important; }

/* Close (X) button on all windows: dark square instead of a light box */
.s-modal-close, salla-modal .s-modal-close, button.s-modal-close {
  background:#171F38 !important;
  border:1px solid rgba(167,139,250,.35) !important;
  border-radius:10px !important;
}
.s-modal-close i, .s-modal-close svg, .s-modal-close span { color:#F87171 !important; fill:#F87171 !important; background:transparent !important; }

/* ===== v12: generic modal rules (login, language, any Salla window) ===== */
.s-modal-body, .s-modal-wrapper .s-modal-body { background:#171F38 !important; color:#F8FAFC !important; }
.s-modal-body h1, .s-modal-body h2, .s-modal-body h3, .s-modal-body h4, .s-modal-body h5, .s-modal-body h6,
.s-modal-body p, .s-modal-body label, .s-modal-body li, .s-modal-body a,
.s-modal-body [class*="title"], .s-modal-body [class*="label"], .s-modal-body [class*="heading"] {
  color:#FFFFFF !important; background:transparent !important;
}
.s-modal-body span, .s-modal-body div { color:#F8FAFC; }
.s-modal-body input[type="tel"], .s-modal-body input[type="text"], .s-modal-body input[type="email"],
.s-modal-body input[type="password"], .s-modal-body input[type="number"] {
  background:#FFFFFF !important; color:#0B1024 !important; border:1px solid rgba(167,139,250,.4) !important;
}
.s-modal-body .iti__selected-dial-code, .s-modal-body [class*="dial"] { color:#0B1024 !important; }
.s-modal-body button[type="submit"], .s-modal-body .s-button-solid, .s-modal-body .s-button-primary,
.s-modal-body .s-button-element.s-button-solid {
  background:#7C3AED !important; border:1px solid #7C3AED !important; color:#fff !important; border-radius:10px !important;
}
.s-modal-body button[type="submit"] *, .s-modal-body .s-button-solid *, .s-modal-body .s-button-primary * { color:#fff !important; background:transparent !important; }
.s-modal-body .s-button-outline, .s-modal-body .s-button-outline * {
  background:transparent !important; color:#F8FAFC !important;
}
.s-modal-body .s-button-outline { border:1px solid rgba(167,139,250,.5) !important; border-radius:10px !important; }

/* ===== v19: real container names (from the live page) ===== */

/* Login window: its content is an iframe from Salla, so make the card light and readable */
salla-modal.s-login-modal .s-modal-body,
.s-login-modal .s-modal-body {
  background:#F8FAFC !important;
  border-radius:16px !important;
  border:1px solid rgba(167,139,250,.4) !important;
}
.s-login-modal .s-modal-header,
.s-login-modal iframe { background:transparent !important; color-scheme:light; }
.s-login-modal .s-modal-close {
  background:#FFFFFF !important;
  border:1px solid #CBD5E1 !important;
  border-radius:10px !important;
}
.s-login-modal .s-modal-close i, .s-login-modal .s-modal-close svg { color:#F87171 !important; fill:#F87171 !important; }

/* Language and currency window (normal page elements, so white text works) */
.s-localization-modal .s-modal-body,
salla-localization-modal .s-modal-body { background:#171F38 !important; }
.s-localization-modal .s-modal-body h1, .s-localization-modal .s-modal-body h2,
.s-localization-modal .s-modal-body h3, .s-localization-modal .s-modal-body h4,
.s-localization-modal .s-modal-body h5, .s-localization-modal .s-modal-body label,
.s-localization-modal .s-modal-body p, .s-localization-modal .s-modal-body span,
.s-localization-modal .s-modal-body div, .s-localization-modal .s-modal-body li {
  color:#FFFFFF !important;
}

/* v20: policy / single pages - dark card matching the site */
.content--single-page {
  background: #171F38 !important;
  border: 1px solid rgba(167,139,250,.3) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.content--single-page h1,
.content--single-page h2,
.content--single-page h3 {
  color: #FFFFFF !important;
}
.content--single-page p,
.content--single-page li,
.content--single-page span,
.content--single-page strong,
.content--single-page .content-entry,
.content--single-page .content-entry * {
  color: #E9E5FF !important;
  line-height: 1.9;
}
.content--single-page a,
.content--single-page .content-entry a {
  color: #C4B5FD !important;
  text-decoration: underline;
}
/* v21: white text on account / orders pages */
.s-user-menu-dropdown-list,
.s-user-menu-dropdown-list *,
.s-user-menu-dropdown-item,
.s-user-menu-dropdown-item * {
  color: #FFFFFF !important;
}
.main-content .text-gray-400,
.main-content .text-gray-500,
.main-content .text-gray-600,
.main-content .text-gray-700,
.main-content .text-gray-800,
.main-content .text-gray-900,
.main-content .text-gray-400 *,
.main-content .text-gray-500 *,
.main-content .text-gray-600 *,
.main-content .text-gray-700 *,
.main-content .text-gray-800 *,
.main-content .text-gray-900 * {
  color: #FFFFFF !important;
}

/* v22: account menu - dark background and white text */
.s-user-menu-dropdown-list,
.s-user-menu-dropdown-list ul,
.s-user-menu-dropdown-list li,
.s-user-menu-dropdown-item {
  background: #171F38 !important;
}
.s-user-menu-dropdown-list,
.s-user-menu-dropdown-list *,
.s-user-menu-dropdown-item,
.s-user-menu-dropdown-item * {
  color: #FFFFFF !important;
}

/* ===== v24: account pages (orders, notifications, empty states) - unified dark style ===== */

/* 1) Every white / light-gray box becomes the site's dark card (login window stays light on purpose) */
body [class*="bg-white"]:not(input):not(select):not(textarea),
body [class*="bg-gray-"]:not(input):not(select):not(textarea),
body [class*="bg-slate-"]:not(input):not(select):not(textarea),
body [class*="notification"],
body [class*="s-notifications"],
body [class*="empty"] [class*="rounded-full"],
body [class*="empty"] [class*="circle"],
body [class*="user-menu-trigger"],
body [class*="user-menu"] [class*="avatar"],
body [class*="user-menu"] img {
  background-color: #171F38 !important;
  background-image: none !important;
  border-color: rgba(167,139,250,.25) !important;
}
.s-login-modal [class*="bg-white"],
.s-login-modal [class*="bg-gray-"],
salla-login-modal [class*="bg-white"] { background-color: #F8FAFC !important; }

/* 2) White text on those dark cards */
body [class*="bg-white"]:not(input) *,
body [class*="bg-gray-"]:not(input) *,
body [class*="notification"] *,
body [class*="s-notifications"] *,
body [class*="empty"] * {
  color: #FFFFFF !important;
}
.s-login-modal [class*="bg-white"] *, salla-login-modal [class*="bg-white"] * { color: #0B1024 !important; }

/* 3) Icons in empty states and notifications: purple */
body [class*="empty"] i, body [class*="empty"] svg,
body [class*="notification"] i, body [class*="notification"] svg {
  color: #A78BFA !important; fill: #A78BFA !important;
}

/* 4) Tabs (الكل / بانتظار تقييمك): active = purple, others = dark */
body [role="tab"], body [class*="s-tabs"] a, body [class*="s-tabs"] button {
  background: #171F38 !important; color: #FFFFFF !important;
  border: 1px solid rgba(167,139,250,.3) !important; border-radius: 10px !important;
}
body [role="tab"][aria-selected="true"],
body [role="tab"].is-active, body [role="tab"].active,
body [class*="s-tabs"] .is-active, body [class*="s-tabs"] .active,
body [class*="s-tabs"] [aria-selected="true"] {
  background: #7C3AED !important; border-color: #7C3AED !important; color: #FFFFFF !important;
}

/* 5) Orders table: clean rows, no nested borders */
table, table th, table td, [class*="s-orders"], [class*="order-item"] {
  background-color: transparent !important; border-radius: 0 !important;
}
table { border-collapse: separate; border-spacing: 0 8px; width: 100%; }
table tr td, table tr th {
  background-color: #171F38 !important; color: #FFFFFF !important;
  border: 0 !important; border-top: 1px solid rgba(167,139,250,.2) !important;
  border-bottom: 1px solid rgba(167,139,250,.2) !important; padding: 12px !important;
}
table tr td:first-child, table tr th:first-child { border-right: 1px solid rgba(167,139,250,.2) !important; border-radius: 0 12px 12px 0 !important; }
table tr td:last-child, table tr th:last-child { border-left: 1px solid rgba(167,139,250,.2) !important; border-radius: 12px 0 0 12px !important; }
table tr th { color: #C4B5FD !important; font-weight: 800; }
table td [class*="text-red"], table td [class*="cancel"] { color: #F87171 !important; }

/* ===== v25: سلة التسوق (ملخص الطلب + الهدية) ===== */
.s-cart-summary-wrapper,
.s-cart-summary-content,
.cart-summary,
.s-gifting-widget,
.s-gifting-wrapper,
salla-gifting,
salla-gifting > div,
.s-gifting-widget > div,
.s-cart-summary-wrapper > div,
.s-cart-summary-wrapper .bg-white,
.s-cart-summary-wrapper .bg-gray-100,
.s-cart-summary-wrapper .bg-gray-50,
.cart-submit-wrap,
.s-cart-summary-total,
.s-cart-summary-sub-total {
  background: var(--qs-card) !important;
  color: var(--qs-text) !important;
  border-color: rgba(167,139,250,.25) !important;
  border-radius: 14px;
}
.s-cart-summary-wrapper *,
.s-gifting-widget *,
salla-gifting * {
  color: var(--qs-text) !important;
}
.s-cart-summary-wrapper .text-gray-400,
.s-cart-summary-wrapper .text-gray-500,
.s-cart-summary-wrapper .text-gray-600,
.s-cart-summary-wrapper [class*="text-gray"],
.s-cart-summary-wrapper label {
  color: var(--qs-muted) !important;
}
.s-cart-summary-wrapper hr,
.s-cart-summary-wrapper .border-t,
.s-cart-summary-wrapper [class*="border"] {
  border-color: rgba(167,139,250,.2) !important;
}
.s-gifting-widget svg,
salla-gifting svg,
.s-gifting-widget i,
salla-gifting i {
  color: var(--qs-purple-light) !important;
  fill: var(--qs-purple-light) !important;
}

/* ===== v26: سلة التسوق - توسيع الاستهداف ===== */
[class*="cart-summary"],
[class*="cart-summary"] > *,
[class*="cart-submit"],
[class*="cart-submit"] > *,
[class*="order-summary"],
[class*="gifting"],
[class*="gifting"] > *,
.cart-page [class*="bg-"],
.cart-page [class*="summary"],
#cart-form [class*="bg-"],
form[id*="cart"] [class*="bg-"],
main [class*="summary"] {
  background-color: var(--qs-card) !important;
  background-image: none !important;
  color: var(--qs-text) !important;
  border-color: rgba(167,139,250,.25) !important;
}
[class*="cart-summary"] *,
[class*="cart-submit"] *,
[class*="order-summary"] *,
[class*="gifting"] *,
main [class*="summary"] * {
  color: var(--qs-text) !important;
  opacity: 1 !important;
}
/* زر إتمام الطلب يبقى بنفسجي */
[class*="cart-submit"] button,
[class*="cart-summary"] button[class*="btn"],
[class*="cart-summary"] .s-button-element,
[class*="cart-submit"] .s-button-element {
  background-color: var(--qs-purple) !important;
  color: #fff !important;
}
[class*="cart-summary"] button *,
[class*="cart-submit"] button * { color: #fff !important; }

/* ===== v27: بطاقات التصنيفات في الصفحة الرئيسية ===== */
.banner-entry.square-photos,
.banner-entry.square-photos .lazy__bg,
.square-photos-grid .banner-entry {
  background-color: var(--qs-navy, #0B1024) !important;
}
.banner-entry.square-photos {
  border-radius: 16px;
  border: 1px solid rgba(167,139,250,.22);
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.banner-entry.square-photos:hover {
  transform: translateY(-4px);
  border-color: rgba(167,139,250,.6);
  box-shadow: 0 12px 30px rgba(124,58,237,.25);
}

/* ===== v28: لمسة نهائية (عناوين الأقسام، الأزرار، الجوال) ===== */

/* عناوين الأقسام: خط بنفسجي صغير تحت العنوان */
.s-block__title h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  font-weight: 800;
}
.s-block__title h2::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 44px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, #7C3AED, #A78BFA);
}

/* الأزرار الرئيسية: تدرج + توهج خفيف عند المرور */
.btn-primary, .s-button-primary, .s-add-product-button-main {
  background: linear-gradient(135deg, #7C3AED, #8B5CF6) !important;
  box-shadow: 0 6px 18px rgba(124,58,237,.28);
  font-weight: 700;
}
.btn-primary:hover, .s-button-primary:hover, .s-add-product-button-main:hover {
  box-shadow: 0 10px 26px rgba(124,58,237,.45);
  transform: translateY(-1px);
}

/* بطاقات المميزات (فوري، آمن...) */
.s-block--features__item {
  box-shadow: 0 6px 20px rgba(0,0,0,.28);
  transition: transform .25s ease, border-color .25s ease;
}
.s-block--features__item:hover { transform: translateY(-3px); }

/* الجوال */
@media (max-width: 640px) {
  .s-block__title h2 { font-size: 1.25rem; }
  .s-product-card-content-title, .s-product-card-content-title a { font-size: .92rem !important; }
  .s-product-card-price { font-size: 1.15rem !important; }
  .banner-entry.square-photos { border-radius: 12px; }
}

/* احترام من يفضّل تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

/* ===== القائمة العلوية بنفس لون المتجر ===== */
.main-nav-container,
.main-nav-container .inner,
.main-nav-container .container,
.store-header nav.main-nav,
.main-nav-container .main-menu,
.main-nav-container .main-menu > li,
.main-nav-container .main-menu .sub-menu,
.main-nav-container .main-menu .sub-menu li {
  background: var(--qs-navy, #0B1024) !important;
  border-color: rgba(167,139,250,.15) !important;
}
.main-nav-container .main-menu > li > a,
.main-nav-container .main-menu a,
.store-header nav.main-nav a {
  color: #F8FAFC !important;
}
.main-nav-container .main-menu a:hover,
.store-header nav.main-nav a:hover {
  color: #A78BFA !important;
}
.main-nav-container .main-menu .sub-menu {
  border: 1px solid rgba(167,139,250,.2) !important;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}