/*
  GLITCHZONE theme tokens.
  Change brand colors here first; most pages read these CSS variables.
*/
:root{
  --bg:#f7f8fb;
  --surface:#ffffff;
  --surface2:#f1f4f8;
  --surface3:#e8edf4;
  --surface4:#dfe6ef;
  --border:#e1e7f0;
  --border2:#cfd8e6;

  --accent:#111827;
  --accent2:#4b5563;
  --accent-dim:rgba(17,24,39,.08);
  --accent-light:#2f3a4a;

  --brand-ink:#1b2430;
  --brand-muted:#687385;
  --brand-dim:#98a3b3;
  --brand-line:rgba(28,39,54,.10);
  --brand-soft:rgba(255,255,255,.72);
  --brand-glow:rgba(17,24,39,.08);
  --brand-warm:#4b5563;

  --green:#78a7c7;
  --green-dim:rgba(120,167,199,.14);
  --red:#e27d88;
  --red-dim:rgba(226,125,136,.14);
  --amber:#e3b56b;
  --amber-dim:rgba(227,181,107,.16);
  --pink:#e9a5b0;
  --pink-dim:rgba(233,165,176,.15);

  --text:#1b2430;
  --text-muted:#687385;
  --text-dim:#9aa5b5;

  --font-display:'Space Mono',monospace;
  --font-body:'IBM Plex Sans Arabic',sans-serif;

  /* Legacy page token aliases. */
  --s1:var(--surface);
  --s2:var(--surface2);
  --s3:var(--surface3);
  --s4:var(--surface4);
  --sf:var(--surface);
  --sf2:var(--surface2);
  --sf3:var(--surface3);
  --sf4:var(--surface4);
  --b:var(--border);
  --b1:var(--border);
  --b2:var(--border2);
  --b3:var(--border2);
  --ac:var(--accent);
  --ac2:var(--accent2);
  --ac3:var(--accent-light);
  --acd:var(--accent-dim);
  --acl:var(--accent-light);
  --gr:var(--green);
  --grd:var(--green-dim);
  --rd:var(--red);
  --rdd:var(--red-dim);
  --am:var(--amber);
  --amd:var(--amber-dim);
  --tx:var(--text);
  --txm:var(--text-muted);
  --txd:var(--text-dim);
  --fd:var(--font-display);
  --fb:var(--font-body);
}

body{
  background:
    linear-gradient(135deg,#ffffff 0%,#f8f9fb 42%,#eef1f5 100%);
  color:var(--text);
}

::selection{
  background:rgba(17,24,39,.14);
  color:var(--text);
}

body,
.page-shell,
.site-page-shell,
.checkout-shell,
.content,
.main,
.layout{
  color:var(--text);
}

.navbar,
.topbar,
.sidebar,
.steps-bar,
.steps-wrap{
  background:rgba(255,255,255,.84) !important;
  border-color:var(--border) !important;
  box-shadow:0 12px 34px rgba(27,36,48,.06) !important;
}

.navbar.scrolled{
  background:rgba(255,255,255,.94) !important;
  border-bottom-color:var(--border2) !important;
}

.nav-logo,
.logo-mark,
.sidebar-brand,
.brand,
.hero-brand-word{
  color:var(--text) !important;
}

.nav-menu a,
.nav-icon-btn,
.mobile-menu-btn,
.topbar-btn,
.btn-ghost,
.hero-btn-ghost{
  color:var(--text-muted) !important;
}

.nav-search-bar,
.topbar-search,
.tbl-search,
.auth-tabs,
.filter-tab,
.cat-tab,
.quick-btn{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

.modal,
.dropdown,
.admin-notifications-panel,
.confirm-wrap .box{
  background:rgba(255,255,255,.96) !important;
  border-color:var(--border) !important;
  box-shadow:0 22px 60px rgba(27,36,48,.12) !important;
}

.nav-menu{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

.nav-menu a:hover,
.nav-menu a.active{
  background:transparent !important;
  color:var(--text) !important;
}

@media (min-width:901px){
  .nav-menu a{
    position:relative;
  }

  .nav-menu a::after{
    content:"";
    position:absolute;
    right:12px;
    left:12px;
    bottom:3px;
    height:1px;
    background:currentColor;
    opacity:0;
    transform:scaleX(.45);
    transition:opacity .18s ease,transform .18s ease;
  }

  .nav-menu a:hover::after,
  .nav-menu a.active::after{
    opacity:.38;
    transform:scaleX(1);
  }
}

@media (max-width:900px){
  .nav-menu{
    background:rgba(255,255,255,.96) !important;
    border:1px solid var(--border) !important;
    box-shadow:0 22px 60px rgba(27,36,48,.12) !important;
  }

  .nav-menu a:hover,
  .nav-menu a.active{
    background:var(--surface2) !important;
  }
}

.panel,
.card,
.contact-card,
.store-card,
.summary-panel,
.order-card,
.track-card,
.product-card,
.prod-card,
.feat-card,
.deal-card,
.rel-card,
.form-section,
.block,
.right-panel,
.left-panel,
.box,
.table-card,
.stat-card,
.chart-card,
.dashboard-order-card,
.cart-item,
.ship-option,
.address-card,
.payment-method-option,
.quick-add-overlay,
.status-card,
.mini-card{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 16px 46px rgba(27,36,48,.08) !important;
}

.panel-head,
.summary-head,
.table-toolbar,
thead th,
.status-card,
.mini-card,
.ship-item,
.promo-actions,
.sum-item,
.detail-section{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
}

input,
select,
textarea,
.form-input,
.form-select,
.form-textarea,
.field-input,
.promo-input,
.contact-input,
.contact-textarea,
.store-input,
.store-textarea{
  background:#fff !important;
  border-color:var(--border2) !important;
  color:var(--text) !important;
}

input::placeholder,
textarea::placeholder{
  color:var(--text-dim) !important;
}

.hero{
  background:
    linear-gradient(115deg,#ffffff 0%,#f7f8fa 48%,#eceff3 100%) !important;
  color:var(--text) !important;
}

.hero::after{
  background:linear-gradient(180deg,transparent,var(--bg)) !important;
}

.hero-grid{
  opacity:.32 !important;
  background-image:
    linear-gradient(rgba(17,24,39,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,24,39,.055) 1px,transparent 1px) !important;
}

.orb{
  opacity:.18 !important;
  filter:blur(90px) !important;
}

.orb1,
.orb2,
.orb3{background:rgba(17,24,39,.08) !important;}

.hero-eyebrow,
.hero-category-chip,
.hero-stock-chip,
.hero-trust-row span,
.hero-value-item,
.hero-stat,
.hero-search,
.hero-btn-ghost{
  background:rgba(255,255,255,.72) !important;
  border-color:var(--border) !important;
  color:var(--text-muted) !important;
  box-shadow:none !important;
}

.hero-search:focus-within{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 4px rgba(17,24,39,.10) !important;
}

.hero-card-main,
.hero-mobile-showcase{
  background:
    linear-gradient(180deg,#ffffff,#f4f5f7) !important;
  border-color:var(--border) !important;
  box-shadow:0 28px 70px rgba(27,36,48,.12) !important;
}

.hero-product-img,
.hero-mobile-media,
.item-img,
.sum-img,
.thumb-img{
  background:
    radial-gradient(circle at 50% 42%, rgba(17,24,39,.055), transparent 44%),
    var(--surface2) !important;
  border-color:var(--border) !important;
}

.prod-card,
.product-card,
.deal-card,
.rel-card,
.feat-card{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 16px 46px rgba(27,36,48,.08) !important;
}

.prod-card:hover,
.product-card:hover,
.deal-card:hover,
.rel-card:hover,
.feat-card:hover{
  border-color:var(--border2) !important;
  box-shadow:0 20px 54px rgba(27,36,48,.12) !important;
}

.prod-img,
.product-img,
.deal-img,
.rel-img,
.feat-img{
  background:
    radial-gradient(circle at 50% 42%, rgba(17,24,39,.055), transparent 44%),
    var(--surface2) !important;
  border-color:var(--border) !important;
}

.prod-img::after,
.product-img::after,
.deal-img::after,
.feat-img::after{
  background:linear-gradient(180deg,transparent 58%,rgba(255,255,255,.72)) !important;
}

.prod-wish,
.wish-btn,
.quick-view-btn,
.card-action{
  background:rgba(255,255,255,.88) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 10px 26px rgba(27,36,48,.10) !important;
}

.prod-wish:hover,
.wish-btn:hover,
.quick-view-btn:hover,
.card-action:hover{
  background:var(--surface2) !important;
  border-color:var(--border2) !important;
  color:var(--text) !important;
}

.quick-add-overlay,
.quick-add{
  background:rgba(255,255,255,.94) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 -18px 44px rgba(27,36,48,.10) !important;
}

.qa-title,
.quick-add-title,
.prod-cat,
.product-cat,
.rating{
  color:var(--text-muted) !important;
}

.qa-chip,
.qs-chip,
.size-chip,
.filter-tag,
.list-add-btn{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  color:var(--text-muted) !important;
}

.qa-chip:hover,
.qa-chip.sel,
.qs-chip:hover,
.qs-chip.sel,
.size-chip:hover,
.size-chip.selected,
.filter-tag,
.list-add-btn:hover{
  background:var(--accent-dim) !important;
  border-color:rgba(17,24,39,.22) !important;
  color:var(--accent-light) !important;
}

.qa-btn,
.add-to-cart-btn,
.prod-add-btn,
.list-add-btn.added{
  background:linear-gradient(135deg,var(--accent),var(--accent-light)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 14px 30px rgba(17,24,39,.16) !important;
}

.qa-btn:hover,
.add-to-cart-btn:hover,
.prod-add-btn:hover{
  background:linear-gradient(135deg,#000000,var(--accent)) !important;
  color:#fff !important;
}

.hero .hero-h1,
.hero-product-name,
.hero-product-price,
.hero-stat-num,
.sec-title,
.summary-title,
.title,
.page-header h1{
  color:var(--text) !important;
}

.hero .hero-title-accent,
.hero-sub,
.hero-value-note,
.section-sub,
.sec-sub,
.form-sub,
.sub,
.site-page-summary{
  color:var(--text-muted) !important;
}

.hero-search button,
.hero-btn-primary,
.checkout-btn,
.btn-next,
.apply-btn,
.topbar-btn.primary,
.btn-primary,
.confirm-wrap .btn{
  background:linear-gradient(135deg,var(--accent),var(--accent-light)) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(17,24,39,.16) !important;
}

.hero-search button:hover,
.hero-btn-primary:hover,
.checkout-btn:hover,
.btn-next:hover,
.apply-btn:hover,
.btn-primary:hover,
.confirm-wrap .btn:hover{
  background:linear-gradient(135deg,#000000,var(--accent)) !important;
  color:#fff !important;
}

.hero-offer-chip,
.badge-pending,
.pb-hot,
.deal-b-hot{
  color:#8a5e13 !important;
  background:var(--amber-dim) !important;
}

.pb-new,
.deal-b-new,
.confirm-wrap .status-badge,
.badge-confirmed,
.badge-delivered,
.badge-active{
  color:#2f6f91 !important;
  background:var(--green-dim) !important;
}

.pb-sale,
.deal-b-sale,
.badge-cancelled,
.badge-low,
.nav-menu .badge-sale,
.nav-cart-btn .cart-badge{
  color:#fff !important;
  background:var(--red) !important;
}

.confirm-wrap .order{
  color:var(--accent-light) !important;
  background:var(--accent-dim) !important;
  border-color:rgba(17,24,39,.18) !important;
  box-shadow:0 12px 32px rgba(27,36,48,.08) !important;
}

.payment-page{
  --pay-bg:#f7f8fb;
  --pay-panel:#ffffff;
  --pay-panel-2:#f1f4f8;
  --pay-line:rgba(28,39,54,.10);
  --pay-soft:rgba(17,24,39,.045);
  --pay-green:var(--accent);
  --pay-purple:var(--accent2);
  background:
    linear-gradient(135deg,#ffffff 0%,#f7f8fb 52%,#eef1f5 100%) !important;
}

.payment-page nav,
.payment-page .panel,
.payment-page .summary-panel,
.payment-page .pay-box{
  background:var(--surface) !important;
  border-color:var(--border) !important;
}

.payment-page .pay-icon,
.guest-checkout-banner{
  background:var(--accent-dim) !important;
  border-color:rgba(17,24,39,.14) !important;
}

.payment-page .payment-method-option:has(input:checked){
  border-color:rgba(17,24,39,.36) !important;
  background:linear-gradient(135deg,#ffffff,#eef1f5) !important;
  box-shadow:0 0 0 3px rgba(17,24,39,.08) !important;
}

body,
.hero,
.payment-page,
.page-header,
.section,
.featured-section,
.deals-section,
.collections-section,
.reviews-section,
.related-section{
  background-color:var(--bg) !important;
}

[style*="background:#111827"],
[style*="background: #111827"],
[style*="background:#0b1220"],
[style*="background: #0b1220"],
[style*="background:#050507"],
[style*="background: #050507"],
[style*="background:#0d0d14"],
[style*="background: #0d0d14"],
[style*="background:#0a0d12"],
[style*="background: #0a0d12"],
[style*="background:#0d0a12"],
[style*="background: #0d0a12"],
[style*="background:#1a1a1a"],
[style*="background: #1a1a1a"],
[style*="background:#1f2937"],
[style*="background: #1f2937"],
[style*="background:#222"],
[style*="background: #222"]{
  background:#f1f4f8 !important;
}

[style*="background:linear-gradient(135deg,#111827"],
[style*="background: linear-gradient(135deg,#111827"],
[style*="background:linear-gradient(135deg, #111827"],
[style*="background: linear-gradient(135deg, #111827"]{
  background:linear-gradient(135deg,#ffffff,#eef1f5) !important;
}

[style*="border:2px solid #4b5563"],
[style*="border: 2px solid #4b5563"],
[style*="border:2px solid #534AB7"],
[style*="border: 2px solid #534AB7"]{
  border-color:var(--border2) !important;
}

[stroke="#AFA9EC"],
[stroke="#7B68EE"],
[stroke="#378ADD"]{
  stroke:var(--accent-light) !important;
}

[stroke="#1DA870"]{
  stroke:var(--green) !important;
}

[stroke="#E05A2B"]{
  stroke:var(--red) !important;
}

[fill="#AFA9EC"],
[fill="#7B68EE"],
[fill="#378ADD"]{
  fill:var(--accent-light) !important;
}

[fill="#1DA870"]{
  fill:var(--green) !important;
}

[fill="#E05A2B"]{
  fill:var(--red) !important;
}

.sticky-bar,
.search-row,
.toolbar,
.order-actions,
.contact-map,
.contact-side,
.sidebar,
.filter-drawer,
.mobile-filter-panel,
.quick-view,
.cart-drawer,
.zoom-hint,
.mov .rbox,
.rsimg,
.prod-img,
.product-img,
.deal-img,
.coll-big-icon{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

.toolbar{
  background:rgba(255,255,255,.88) !important;
  border-color:var(--border) !important;
  box-shadow:0 14px 38px rgba(27,36,48,.08) !important;
}

.filter-section,
.sidebar-footer{
  background:var(--surface) !important;
  border-color:var(--border) !important;
}

.filter-option:hover,
.filter-option.selected{
  background:var(--surface2) !important;
  border-color:var(--border2) !important;
  box-shadow:none !important;
}

.filter-option.selected .filter-label,
.filter-title button,
.breadcrumb a:hover{
  color:var(--accent-light) !important;
}

.price-input,
.sort-select,
.view-btns,
.filter-count,
.clear-btn,
.mobile-filter-btn{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

.view-btn.active,
.page-btn.active,
.checkmark,
.filter-option.selected .checkmark{
  background:var(--accent) !important;
  border-color:var(--accent) !important;
  color:#fff !important;
}

.stars,
.stars-big,
.big-stars,
.review-stars{
  color:var(--amber) !important;
}

.modal-overlay,
.delete-modal-overlay,
.cancel-modal-overlay,
.mov{
  background:rgba(17,24,39,.28) !important;
}

.sticky-bar,
.filter-drawer,
.mobile-filter-panel,
.quick-view,
.cart-drawer{
  box-shadow:0 -18px 55px rgba(27,36,48,.12) !important;
}

.image-overlay,
.prod-overlay,
.product-overlay{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.72)) !important;
}

.section,
.featured-section,
.deals-section,
.collections-section,
.brands-strip,
.category-pills,
.newsletter,
.flash-strip{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f8fb 100%) !important;
}

/* Light theme contrast guard: old dark-theme pages used white text heavily. */
.hero,
.page-header,
.section,
.featured-section,
.deals-section,
.collections-section,
.brands-strip,
.category-pills,
.newsletter,
.flash-strip,
.panel,
.card,
.contact-card,
.store-card,
.summary-panel,
.order-card,
.track-card,
.product-card,
.feat-card,
.deal-card,
.coll-card,
.form-section,
.block,
.right-panel,
.left-panel,
.box,
.table-card,
.cart-item,
.ship-option,
.address-card,
.payment-method-option,
.status-card,
.mini-card,
.product-detail,
.product-info,
.profile-shell,
.site-page-shell{
  color:var(--text) !important;
}

:where(
  .hero,
  .page-header,
  .section,
  .featured-section,
  .deals-section,
  .collections-section,
  .brands-strip,
  .category-pills,
  .newsletter,
  .flash-strip,
  .panel,
  .card,
  .contact-card,
  .store-card,
  .summary-panel,
  .order-card,
  .track-card,
  .product-card,
  .feat-card,
  .deal-card,
  .coll-card,
  .form-section,
  .block,
  .right-panel,
  .left-panel,
  .box,
  .table-card,
  .cart-item,
  .ship-option,
  .address-card,
  .payment-method-option,
  .status-card,
  .mini-card,
  .product-detail,
  .product-info,
  .profile-shell,
  .site-page-shell
) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,td,th,a,div)
:not(button)
:not(.btn)
:not(.btn-primary)
:not(.hero-btn-primary)
:not(.hero-search button)
:not(.checkout-btn)
:not(.btn-next)
:not(.apply-btn)
:not(.cart-btn)
:not(.nav-cart-btn)
:not(.cart-badge)
:not(.badge-sale)
:not(.badge-new)
:not(.badge-limited)
:not(.pb-sale)
:not(.pb-new)
:not(.pb-hot)
:not(.deal-b-sale)
:not(.deal-b-new)
:not(.deal-b-hot)
:not(.deal-b-lim)
:not(.nav-badge){
  color:inherit !important;
}

.hero-sub,
.hero-value-note,
.hero-stat-label,
.hero-card-note,
.section-sub,
.sec-sub,
.form-sub,
.sub,
.site-page-summary,
.text-muted,
.muted,
.prod-meta,
.product-meta,
.item-meta,
.sum-item-meta,
.order-meta,
.track-meta,
.field-hint,
.help-text{
  color:var(--text-muted) !important;
}

.hero-brand-word,
.hero .hero-h1,
.hero .hero-title-accent,
.hero-value-title,
.hero-product-name,
.hero-product-price,
.product-title,
.product-name,
.prod-name,
.prod-title,
.item-name,
.sum-item-name,
.rel-name,
.card-title,
.section-title,
.page-title,
.modal-title,
.title,
.price,
.new-price,
.sum-total-value,
.sum-value,
.fc-t{
  color:var(--text) !important;
}

.old-price,
.compare-price,
.hero-old-price,
.text-dim,
.dim{
  color:var(--text-dim) !important;
}

.hero-search button,
.hero-btn-primary,
.checkout-btn,
.btn-next,
.apply-btn,
.topbar-btn.primary,
.btn-primary,
.submit-btn,
.cart-btn,
.search-btn,
.act-primary,
.code-copy-btn,
.if-send,
.mbtn-primary,
.store-btn{
  color:#fff !important;
}

.gz-toast,
.toast{
  background:rgba(255,255,255,.96) !important;
  border-color:var(--border2) !important;
  color:var(--text) !important;
  box-shadow:0 18px 50px rgba(27,36,48,.12) !important;
}

/* Sitewide legacy color normalization. */
.search-section,
.empty-state,
.price-block,
.reviews-summary,
.review-card,
.main-img,
.thumb,
.trust-item,
.accordion,
.acc-header,
.acc-content,
.contact-hero,
.contact-panel,
.contact-form,
.contact-info,
.contact-box,
.sale-card,
.pc,
.mc,
.rsc,
.reward-card,
.profile-card,
.profile-panel,
.featured-login-modal-box,
.login-modal-box{
  background:var(--surface) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
  box-shadow:0 16px 46px rgba(27,36,48,.08) !important;
}

.sticky-bar,
.quick-add,
.quick-add-overlay,
.meta,
.progress-card,
.price-save,
.eta-banner,
.status-pill,
.active-chip,
.search-eyebrow,
.guest-checkout-banner,
.user-badge,
.nav-profile,
.hero-eyebrow,
.inv-tag,
.rb-ordered{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  color:var(--text-muted) !important;
}

.actions .btn,
.login-modal-btn.primary,
.featured-login-modal-btn.primary,
.rsb,
.sale-btn,
.pc-btn,
.contact-submit,
.form-submit{
  background:linear-gradient(135deg,var(--accent),var(--accent-light)) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(17,24,39,.16) !important;
}

.actions .btn:hover,
.login-modal-btn.primary:hover,
.featured-login-modal-btn.primary:hover,
.rsb:hover,
.sale-btn:hover,
.pc-btn:hover,
.contact-submit:hover,
.form-submit:hover{
  background:linear-gradient(135deg,#000,var(--accent)) !important;
  color:#fff !important;
}

.btn-secondary,
.login-modal-btn.secondary,
.featured-login-modal-btn.secondary,
.clear-btn,
.btn-buy{
  background:var(--surface2) !important;
  border-color:var(--border) !important;
  color:var(--text) !important;
}

/* Remove legacy scanline/grid overlays that made pages visually noisy. */
body:not(.gz-page-busy)::before,
body::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

.hero-grid,
.grid-bg,
.dbg,
.map-grid-lines{
  display:none !important;
}

.page-header::before,
.hero-sale::after{
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
}