/* =========================================================
   VYRO STORE — ثيم مخصص لمتجر زد (ثيم نمو)
   الصقه في: لوحة التحكم ← المظهر ← تخصيص ← CSS مخصص
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Poppins:wght@600;700&display=swap');

:root{
  --vy-bg:#1b1b1b;        /* الخلفية */
  --vy-bg2:#242424;       /* الكروت */
  --vy-bg3:#2e2e2e;       /* الحقول */
  --vy-line:rgba(255,255,255,.12);
  --vy-text:#f2f2f2;
  --vy-mute:#a3a3a3;
  --vy-accent:#f2f2f2;    /* لون الأزرار */
  --vy-accent-ink:#111;   /* لون نص الأزرار */
  --vy-radius:22px;
  --vy-shadow:0 18px 40px rgba(0,0,0,.45);
}

/* ---------- الأساس ---------- */
html,body{background:var(--vy-bg)!important;color:var(--vy-text)!important}
body{
  font-family:'Tajawal',system-ui,sans-serif!important;
  background:
    radial-gradient(ellipse at 50% -10%,#3a3a3a 0,transparent 55%),
    radial-gradient(ellipse at 100% 100%,#262626 0,transparent 50%),
    var(--vy-bg)!important;
  background-attachment:fixed!important;
}
body *{font-family:inherit}
h1,h2,h3,h4,h5,h6{color:#fff!important;font-weight:800!important;letter-spacing:-.3px}
p,span,li,label,small{color:inherit}
a{color:var(--vy-text);transition:.2s}
a:hover{color:#fff;opacity:.85}
::selection{background:#fff;color:#111}

/* شريط التمرير */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#151515}
::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:10px}

/* ---------- الهيدر ---------- */
header,.header,[class*="header"],nav,.navbar{
  background:rgba(22,22,22,.85)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--vy-line)!important;
  box-shadow:none!important;color:var(--vy-text)!important;
}
header a,.header a,nav a{color:var(--vy-text)!important;font-weight:700}
header svg,.header svg,nav svg{color:#fff;fill:currentColor}
header img[alt*="logo" i],.logo img,[class*="logo"] img{max-height:56px;width:auto}

/* ---------- الأزرار ---------- */
button,.btn,[class*="btn"],input[type="submit"],[type="button"],
[class*="add-to-cart"],[class*="addToCart"],[class*="checkout"]{
  border-radius:60px!important;font-weight:800!important;
  transition:transform .2s,box-shadow .2s,background .2s!important;
}
.btn-primary,[class*="btn-primary"],[class*="add-to-cart"],[class*="addToCart"],
[class*="buy"],[class*="checkout"] button,button[type="submit"]{
  background:var(--vy-accent)!important;color:var(--vy-accent-ink)!important;
  border:none!important;box-shadow:0 10px 26px rgba(0,0,0,.45)!important;
}
.btn-primary:hover,[class*="add-to-cart"]:hover,[class*="addToCart"]:hover,button[type="submit"]:hover{
  transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.6)!important;
}
.btn-outline,[class*="outline"]{
  background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.8)!important;
}

/* ---------- كروت المنتجات ---------- */
[class*="product-card"],[class*="productCard"],[class*="product-item"],.card,[class*="card"]{
  background:var(--vy-bg2)!important;color:var(--vy-text)!important;
  border:1px solid var(--vy-line)!important;border-radius:var(--vy-radius)!important;
  overflow:hidden;box-shadow:var(--vy-shadow)!important;
  transition:transform .3s,box-shadow .3s,border-color .3s!important;
}
[class*="product-card"]:hover,[class*="productCard"]:hover,[class*="product-item"]:hover{
  transform:translateY(-6px);border-color:rgba(255,255,255,.35)!important;
  box-shadow:0 26px 50px rgba(0,0,0,.6)!important;
}
[class*="product-card"] img,[class*="productCard"] img,[class*="product-item"] img{
  transition:transform .5s!important;
}
[class*="product-card"]:hover img,[class*="productCard"]:hover img,[class*="product-item"]:hover img{
  transform:scale(1.04);
}
[class*="product"] [class*="title"],[class*="product"] [class*="name"]{color:#fff!important;font-weight:800!important}

/* الأسعار */
[class*="price"]{color:#fff!important;font-weight:800!important;font-family:'Poppins','Tajawal',sans-serif!important}
[class*="old-price"],[class*="oldPrice"],[class*="compare"],del,s{color:#8a8a8a!important;font-weight:500!important;opacity:.9}
[class*="discount"],[class*="badge"],[class*="sale"]{
  background:#fff!important;color:#111!important;border-radius:40px!important;font-weight:800!important;
}

/* ---------- الحقول ---------- */
input,select,textarea{
  background:var(--vy-bg3)!important;color:#fff!important;
  border:1px solid var(--vy-line)!important;border-radius:14px!important;
}
input::placeholder,textarea::placeholder{color:#8f8f8f!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)!important}

/* ---------- القوائم والنوافذ ---------- */
.dropdown-menu,[class*="dropdown"],[class*="modal"] [class*="content"],.modal-content,
[class*="drawer"],[class*="sidebar"],[class*="offcanvas"],[class*="cart"] [class*="body"]{
  background:var(--vy-bg2)!important;color:var(--vy-text)!important;border-color:var(--vy-line)!important;
}
hr,[class*="divider"]{border-color:var(--vy-line)!important}
table,th,td{border-color:var(--vy-line)!important;color:var(--vy-text)!important}

/* ---------- البنرات والسلايدر ---------- */
[class*="slider"] img,[class*="banner"] img,[class*="hero"] img{border-radius:var(--vy-radius)}
section,[class*="section"]{background:transparent!important}
[class*="section"] [class*="title"]{position:relative}

/* ---------- الفوتر ---------- */
footer,.footer,[class*="footer"]{
  background:#141414!important;color:var(--vy-mute)!important;border-top:1px solid var(--vy-line)!important;
}
footer a,.footer a{color:#d6d6d6!important}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{color:#fff!important}

/* ---------- عناصر VYRO المضافة بالـ JS ---------- */
.vy-bar{position:relative;z-index:9999;background:#f2f2f2;color:#111;text-align:center;font-weight:800;
  font-size:14px;padding:9px 12px;overflow:hidden;white-space:nowrap}
.vy-bar span{display:inline-block;padding-inline:40px;animation:vy-marq 22s linear infinite}
@keyframes vy-marq{from{transform:translateX(-50%)}to{transform:translateX(50%)}}
.vy-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1150px;margin:26px auto;padding:0 16px}
.vy-trust div{background:var(--vy-bg2);border:1px solid var(--vy-line);border-radius:18px;padding:16px 12px;text-align:center;box-shadow:var(--vy-shadow)}
.vy-trust b{display:block;font-size:26px;margin-bottom:4px}
.vy-trust strong{display:block;color:#fff;font-weight:800;font-size:15px}
.vy-trust small{color:var(--vy-mute);font-size:12.5px}
.vy-tag{position:absolute;top:12px;right:12px;z-index:5;background:#111;color:#fff;border:1px solid rgba(255,255,255,.35);
  font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:30px;pointer-events:none}
.vy-top{position:fixed;bottom:22px;left:22px;z-index:9998;width:48px;height:48px;border-radius:50%;border:none;
  background:#f2f2f2;color:#111;font-size:22px;font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.5);
  opacity:0;transform:translateY(20px);transition:.3s;cursor:pointer}
.vy-top.on{opacity:1;transform:none}
.vy-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.vy-reveal.vy-in{opacity:1;transform:none}

@media (max-width:768px){
  .vy-trust{grid-template-columns:repeat(2,1fr);gap:10px}
  .vy-trust b{font-size:22px}
  h1{font-size:26px!important}
}
@media (prefers-reduced-motion:reduce){
  .vy-bar span{animation:none}.vy-reveal{opacity:1;transform:none;transition:none}
}

/* ================= تحديث 2: وضوح النصوص + شبكة 2×2 + بنر ================= */
/* النصوص الغامقة (الوصف والقوائم) تصير بيضاء */
main p,main li,main span,main strong,main b,main em,main td,main div,
[class*="description"] *,[class*="content"] *,[class*="details"] *,[style*="color"]{
  color:var(--vy-text)!important;
}
main a,[class*="description"] a{color:#fff!important;text-decoration:underline}
[class*="description"] strong,[class*="description"] b{color:#fff!important}
[class*="price"] *{color:inherit!important}

/* الصناديق البيضاء (التفاصيل / الأكورديون) */
details,summary,[class*="accordion"],[class*="collapse"],[class*="tab"],[class*="specification"]{
  background:var(--vy-bg2)!important;color:var(--vy-text)!important;border-color:var(--vy-line)!important;
}

/* شبكة المنتجات: اثنين جنب بعض */
*:has(> [class*="product-card"]),*:has(> [class*="productCard"]),*:has(> [class*="product-item"]),
*:has(> * > [class*="product-card"]):not(body):not(main){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
}
[class*="product-card"],[class*="productCard"],[class*="product-item"]{
  display:flex!important;flex-direction:column!important;width:auto!important;max-width:none!important;margin:0!important;
}
[class*="product-card"] img,[class*="productCard"] img,[class*="product-item"] img{width:100%!important;height:auto!important}
[class*="product-card"] > *,[class*="productCard"] > *,[class*="product-item"] > *{width:100%!important;max-width:none!important}
[class*="product-card"] [class*="description"],[class*="productCard"] [class*="description"],[class*="product-item"] [class*="description"]{display:none!important}
[class*="product-card"] [class*="title"],[class*="product-card"] [class*="name"]{font-size:15px!important;line-height:1.4}
[class*="product-card"] button,[class*="product-item"] button{font-size:14px!important;padding:10px!important}
@media (min-width:992px){
  *:has(> [class*="product-card"]),*:has(> [class*="productCard"]),*:has(> [class*="product-item"]){grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* بنر VYRO أسفل المنتجات */
.vy-promo{max-width:1150px;margin:34px auto;padding:0 14px}
.vy-promo .in{background:linear-gradient(135deg,#2f2f2f,#161616);border:1px solid var(--vy-line);border-radius:26px;
  padding:30px 22px;text-align:center;box-shadow:var(--vy-shadow)}
.vy-promo .k{display:inline-block;border:2px solid rgba(255,255,255,.8);border-radius:40px;padding:3px 16px;font-weight:800;font-size:13px}
.vy-promo h2{font-size:26px!important;margin:14px 0 8px;line-height:1.35}
.vy-promo p{color:#bdbdbd!important;font-size:15px;line-height:1.7;margin:0 0 18px}
.vy-promo a{display:inline-block;background:#f2f2f2;color:#111!important;text-decoration:none!important;font-weight:800;
  padding:12px 34px;border-radius:40px;box-shadow:0 10px 24px rgba(0,0,0,.5)}

/* ================= تحديث 3 ================= */
/* القائمة الجانبية (الثلاث خطوط) والنوافذ البيضاء تصير غامقة */
[class*="menu"],[class*="Menu"],[class*="mobile"],[class*="drawer"],[class*="offcanvas"],[class*="side"],aside,
[class*="nav"] ul,[class*="nav"] [class*="list"],[class*="account"],[class*="order"],[class*="profile"]{
  background-color:var(--vy-bg2)!important;color:var(--vy-text)!important;
}
[class*="menu"] a,[class*="mobile"] a,[class*="drawer"] a,aside a,[class*="account"] a,[class*="order"] a{
  color:#fff!important;font-weight:700!important;opacity:1!important;
}

/* إخفاء النجوم الفاضية (التقييمات) */
[class*="rating"],[class*="Rating"],[class*="stars"],[class*="star-rating"],[class*="reviews-count"],[class*="review-stars"]{
  display:none!important;
}

/* لمسة أرقى للكروت */
[class*="product-card"],[class*="productCard"],[class*="product-item"]{
  background:linear-gradient(180deg,#2a2a2a,#1f1f1f)!important;padding-bottom:12px!important;
}
[class*="product-card"] [class*="price"],[class*="product-item"] [class*="price"]{font-size:17px!important}