:root{
  --oneup:#9B26B6;
  --oneup-dark:#2A0F33;
  --oneup-gold:#FFC93C;
}

/* الهيدر أبيض بخط بكسل */
header, .header{
  background:#fff !important;
  color:var(--oneup-dark) !important;
  box-shadow:0 3px 0 var(--oneup-dark), 0 6px 0 var(--oneup) !important;
  position:relative; z-index:10;
}
header a, header svg{ color:var(--oneup-dark) !important; }
header button, header .btn{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:var(--oneup-dark) !important;
}

/* الفوتر غامق */
footer, .footer{ background:var(--oneup-dark) !important; color:#fff !important; }
footer a{ color:#fff !important; }
footer a:hover{ color:var(--oneup-gold) !important; }

/* الشريط العلوي بدون مربعات */
[class*="announcement"] *{ background:transparent !important; }

/* الأزرار بستايل ألعاب */
.btn, button, .btn-primary, [type="submit"]{
  background:var(--oneup) !important;
  color:#fff !important;
  border:2px solid var(--oneup-dark) !important;
  border-radius:4px !important;
  box-shadow:0 4px 0 var(--oneup-dark) !important;
  font-weight:700 !important;
  transition:transform .08s, box-shadow .08s;
}
.btn:hover, button:hover{ filter:brightness(1.1); }
.btn:active, button:active{
  transform:translateY(4px);
  box-shadow:0 0 0 var(--oneup-dark) !important;
}

/* زر أضف للسلة - الأزرار بس */
button[class*="add-to-cart"], a[class*="add-to-cart"],
button[class*="addToCart"], a[class*="addToCart"],
.product-card a.btn, .product-card button{
  background:var(--oneup) !important;
  border:2px solid var(--oneup-dark) !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:0 4px 0 var(--oneup-dark) !important;
  font-weight:800 !important;
}
button[class*="add-to-cart"]:active, button[class*="addToCart"]:active{
  transform:translateY(4px);
  box-shadow:none !important;
}

/* أزرار الكمية بدون ستايل */
[class*="quantity"] button, [class*="qty"] button{
  background:transparent !important;
  color:var(--oneup-dark) !important;
  border:none !important;
  box-shadow:none !important;
}

/* أيقونات القلب والعين بدون مربعات */
[class*="product-card"] *:has(> [class*="wishlist"]),
[class*="product-card"] *:has(> [class*="quick"]){
  box-shadow:none !important;
  border:none !important;
}

/* الأسعار والروابط */
[class*="price"]{ color:var(--oneup-dark) !important; font-weight:800 !important; }
a:hover{ color:var(--oneup); }

/* الشارات بلون العملة الذهبية */
.badge, .discount, .sale{
  background:var(--oneup-gold) !important;
  color:var(--oneup-dark) !important;
  padding:4px 10px !important;
  border-radius:4px !important;
}

/* خلفية بكسل خفيفة + سحب بكسل */
body{
  background-color:#FBF7FD !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='240' shape-rendering='crispEdges'%3E%3Cg fill='%239B26B6' fill-opacity='0.10'%3E%3Crect x='40' y='40' width='48' height='8'/%3E%3Crect x='32' y='48' width='72' height='8'/%3E%3Crect x='24' y='56' width='96' height='16'/%3E%3Crect x='200' y='150' width='32' height='8'/%3E%3Crect x='192' y='158' width='56' height='8'/%3E%3Crect x='184' y='166' width='72' height='12'/%3E%3C/g%3E%3Cg fill='%239B26B6' fill-opacity='0.12'%3E%3Crect x='160' y='30' width='6' height='6'/%3E%3Crect x='280' y='90' width='6' height='6'/%3E%3Crect x='70' y='180' width='6' height='6'/%3E%3Crect x='130' y='120' width='4' height='4'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(rgba(155,38,182,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,38,182,.04) 1px, transparent 1px) !important;
  background-size:320px 240px, 16px 16px, 16px 16px !important;
}

/* صفحة المنتج تاخذ نفس الخلفية */
body.product main, body.product main > *,
[class*="product-details"], [class*="product-info"],
[class*="product-page"], [class*="product-single"]{
  background:transparent !important;
}

/* تبويبات بستايل قائمة ألعاب بكسل */
.tabs{ overflow-x:auto !important; padding:8px 4px !important; }
.tabs button, .tabs a, [role="tab"]{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  background:#fff !important;
  color:var(--oneup-dark) !important;
  border:none !important;
  border-radius:0 !important;
  font-weight:800 !important;
  padding:8px 14px !important;
  margin:4px !important;
  box-shadow:
    0 -3px 0 var(--oneup-dark), 0 3px 0 var(--oneup-dark),
    -3px 0 0 var(--oneup-dark), 3px 0 0 var(--oneup-dark),
    0 6px 0 var(--oneup) !important;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .08s;
}
.tabs button:hover, .tabs a:hover, [role="tab"]:hover{ transform:translateY(-2px); }
.tabs button.active, .tabs a.active, [role="tab"][aria-selected="true"]{
  background:var(--oneup) !important;
  color:#fff !important;
  transform:translateY(3px);
  box-shadow:
    0 -3px 0 var(--oneup-dark), 0 3px 0 var(--oneup-dark),
    -3px 0 0 var(--oneup-dark), 3px 0 0 var(--oneup-dark) !important;
}
.tabs button.active::before, .tabs a.active::before, [role="tab"][aria-selected="true"]::before{
  content:""; width:0; height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-right:7px solid var(--oneup-gold);
  display:inline-block;
}

/* روابط المنتجات داخل التبويبات بشكلها الطبيعي */
.tab-content a{
  display:block !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  white-space:normal !important;
  transform:none !important;
  color:inherit !important;
}
.tab-content a::before{ content:none !important; }
/* صفحة المنتج بنفس خلفية البكسل */
#productPageDetails, .product-page, .img-and-details--warpper{
  background:transparent !important;
}

/* أزرار المشاركة بسيطة */
[class*="share"] a, [class*="share"] button{
  background:#fff !important;
  color:var(--oneup-dark) !important;
  border:2px solid var(--oneup-dark) !important;
  box-shadow:0 3px 0 var(--oneup) !important;
}
/* شيل الأبيض من كل علب صفحة المنتج */
main, main > section, section.product-page,
section.product-page .bg-white,
section.product-page [class*="bg-white"],
.product-details{
  background:transparent !important;
  background-color:transparent !important;
}
/* ===== فوتر غابة البكسل ===== */
footer, .footer{
  position:relative;
  padding-top:110px !important;
  background-color:var(--oneup-dark) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges'%3E%3Cg fill='%239B26B6'%3E%3Crect x='8' y='0' width='4' height='4'/%3E%3Crect x='36' y='0' width='4' height='4'/%3E%3Crect x='8' y='4' width='8' height='4'/%3E%3Crect x='32' y='4' width='8' height='4'/%3E%3Crect x='8' y='8' width='32' height='4'/%3E%3Crect x='4' y='12' width='40' height='4'/%3E%3Crect x='4' y='16' width='4' height='4'/%3E%3Crect x='16' y='16' width='16' height='4'/%3E%3Crect x='40' y='16' width='4' height='4'/%3E%3Crect x='4' y='20' width='4' height='4'/%3E%3Crect x='16' y='20' width='16' height='4'/%3E%3Crect x='40' y='20' width='4' height='4'/%3E%3Crect x='4' y='24' width='16' height='4'/%3E%3Crect x='28' y='24' width='16' height='4'/%3E%3Crect x='4' y='28' width='40' height='4'/%3E%3Crect x='8' y='32' width='8' height='4'/%3E%3Crect x='32' y='32' width='8' height='4'/%3E%3Crect x='8' y='36' width='8' height='4'/%3E%3Crect x='32' y='36' width='8' height='4'/%3E%3Crect x='12' y='40' width='24' height='4'/%3E%3C/g%3E%3Cg fill='%23FFC93C'%3E%3Crect x='8' y='16' width='8' height='4'/%3E%3Crect x='32' y='16' width='8' height='4'/%3E%3Crect x='8' y='20' width='4' height='4'/%3E%3Crect x='36' y='20' width='4' height='4'/%3E%3Crect x='20' y='24' width='8' height='4'/%3E%3Crect x='16' y='44' width='4' height='4'/%3E%3Crect x='28' y='44' width='4' height='4'/%3E%3C/g%3E%3Cg fill='%232A0F33'%3E%3Crect x='12' y='20' width='4' height='4'/%3E%3Crect x='32' y='20' width='4' height='4'/%3E%3C/g%3E%3Cg fill='%23C77BD9'%3E%3Crect x='16' y='32' width='16' height='8'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100' shape-rendering='crispEdges'%3E%3Cg fill='%234A1D5C'%3E%3Crect x='36' y='20' width='8' height='8'/%3E%3Crect x='32' y='28' width='16' height='8'/%3E%3Crect x='28' y='36' width='24' height='8'/%3E%3Crect x='24' y='44' width='32' height='8'/%3E%3Crect x='20' y='52' width='40' height='8'/%3E%3Crect x='16' y='60' width='48' height='8'/%3E%3Crect x='12' y='68' width='56' height='8'/%3E%3Crect x='36' y='76' width='8' height='12'/%3E%3Crect x='116' y='44' width='8' height='8'/%3E%3Crect x='112' y='52' width='16' height='8'/%3E%3Crect x='108' y='60' width='24' height='8'/%3E%3Crect x='104' y='68' width='32' height='8'/%3E%3Crect x='116' y='76' width='8' height='12'/%3E%3Crect x='166' y='32' width='8' height='8'/%3E%3Crect x='162' y='40' width='16' height='8'/%3E%3Crect x='158' y='48' width='24' height='8'/%3E%3Crect x='154' y='56' width='32' height='8'/%3E%3Crect x='150' y='64' width='40' height='8'/%3E%3Crect x='166' y='72' width='8' height='16'/%3E%3Crect x='0' y='88' width='200' height='12'/%3E%3C/g%3E%3Cg fill='%23FFC93C' fill-opacity='.75'%3E%3Crect x='90' y='10' width='4' height='4'/%3E%3Crect x='150' y='8' width='4' height='4'/%3E%3Crect x='10' y='14' width='4' height='4'/%3E%3Crect x='130' y='26' width='2' height='2'/%3E%3Crect x='76' y='60' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat, repeat-x !important;
  background-position:right 24px top 40px, left top !important;
  background-size:48px 48px, 200px 100px !important;
}

/* الخطوط الفاصلة منقطة زي البكسل */
footer [class*="border"], footer hr{
  border-style:dashed !important;
  border-color:rgba(255,201,60,.35) !important;
}

/* أزرار الأقسام والأسهم ذهبية */
footer button{
  background:transparent !important;
  border:2px solid var(--oneup-gold) !important;
  border-radius:0 !important;
  box-shadow:0 3px 0 var(--oneup) !important;
  color:var(--oneup-gold) !important;
}
footer button svg, footer button svg *{
  color:var(--oneup-gold) !important;
  stroke:var(--oneup-gold) !important;
}

/* أزرار التواصل بإطار بكسل */
footer a[href^="tel"], footer a[href^="mailto"]{
  background:#3D1748 !important;
  border-radius:0 !important;
  box-shadow:
    0 -3px 0 var(--oneup-gold), 0 3px 0 var(--oneup-gold),
    -3px 0 0 var(--oneup-gold), 3px 0 0 var(--oneup-gold),
    0 7px 0 var(--oneup) !important;
  transition:transform .08s;
}
footer a[href^="tel"]:hover, footer a[href^="mailto"]:hover{ transform:translateY(-3px); }
footer a[href^="tel"] svg, footer a[href^="mailto"] svg{ color:var(--oneup-gold) !important; }

/* أيقونات السوشال تلمع ذهبي */
footer a:hover svg{ color:var(--oneup-gold) !important; }
/* زر السلة داخل الكروت بستايل الألعاب */
[class*="product-card"] [class*="add-to-cart"],
[class*="product-card"] [class*="addToCart"],
[class*="product-card"] [class*="cart-btn"]{
  background:var(--oneup) !important;
  border:2px solid var(--oneup-dark) !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:0 4px 0 var(--oneup-dark) !important;
  font-weight:800 !important;
  transition:transform .08s, box-shadow .08s;
}
[class*="product-card"] [class*="add-to-cart"]:active,
[class*="product-card"] [class*="addToCart"]:active{
  transform:translateY(4px);
  box-shadow:none !important;
}
/* أسهم الفوتر ذهبية */
aui-accordion::part(header){
  color:var(--oneup-gold) !important;
}
aui-accordion::part(icon),
aui-accordion::part(toggle),
aui-accordion::part(arrow){
  background:transparent !important;
  border:2px solid var(--oneup-gold) !important;
  border-radius:0 !important;
  box-shadow:0 3px 0 var(--oneup) !important;
  color:var(--oneup-gold) !important;
}

/* عنوان القسم أبيض ويصير ذهبي لما تمر عليه */
aui-accordion [slot="header"]{ color:#fff !important; font-weight:800; }
aui-accordion:hover [slot="header"]{ color:var(--oneup-gold) !important; }