/* ════════════════════════════════════════════════════════════════
   WolFox · النسخة الاحترافية — كحلي ملكي + ذهبي راقٍ
   طبقة تتفعّل تلقائياً عند اختيار القالب الذهبي (royalgold / navy / blackgold)
   كل التنسيقات محصورة داخل  body.wfx-gold-pro  حتى لا تؤثر على بقية القوالب.
   ════════════════════════════════════════════════════════════════ */

body.wfx-gold-pro{
  /* ── اللوحة الذهبية الملكية ── */
  --gold-1:#caa64a;          /* ذهبي أساسي */
  --gold-2:#e6c66c;          /* ذهبي فاتح */
  --gold-3:#f6e3a8;          /* ذهبي لامع */
  --gold-deep:#9c7c2e;       /* ذهبي غامق */
  --navy-0:#060a16;          /* خلفية */
  --navy-1:#0b1226;          /* خلفية ثانية */
  --navy-2:#0d1730;          /* بطاقة */
  --navy-3:#13203f;          /* بطاقة ثانية */
  --ink:#f4f1e6;             /* نص دافئ */
  --ink-muted:#9aa6c4;       /* نص خافت */
  --line-gold:rgba(202,166,74,.30);
  --grad-gold-main:linear-gradient(135deg,#9c7c2e 0%,#caa64a 35%,#f6e3a8 70%,#caa64a 100%);
  --grad-gold-soft:linear-gradient(135deg,#caa64a,#e6c66c);
  --glow-gold-lg:0 18px 50px rgba(202,166,74,.22);

  /* ── مزامنة متغيّرات النظام القديمة لتأخذ اللون الذهبي ── */
  --wfx-p:var(--gold-1);        --wfx-p2:var(--gold-2);        --wfx-p3:var(--gold-3);
  --wfx-violet:var(--gold-1);   --wfx-text:var(--ink);        --wfx-txt:var(--ink);
  --wfx-muted:var(--ink-muted); --wfx-bg:var(--navy-0);
  --wfx-card:var(--navy-2);     --wfx-card-bg:var(--navy-2);  --wfx-card2:var(--navy-3);
  --wfx-border:var(--line-gold);
  --text-gold:var(--gold-2);    --text-primary:var(--ink);    --text-secondary:var(--ink-muted);
  --border-gold:var(--line-gold);
  --grad-primary:var(--grad-gold-soft);
  --grad-btn:var(--grad-gold-soft);
  --grad-text:linear-gradient(135deg,#e6c66c,#f6e3a8);
  --grad-gold:var(--grad-gold-soft);
  --glow-primary:0 0 30px rgba(202,166,74,.35);
  --glow-gold:0 0 30px rgba(202,166,74,.40);

  background:
    radial-gradient(900px 520px at 88% -8%, rgba(202,166,74,.10), transparent 60%),
    radial-gradient(820px 520px at 8% 108%, rgba(202,166,74,.07), transparent 60%),
    linear-gradient(180deg, var(--navy-0) 0%, var(--navy-1) 100%) !important;
  color:var(--ink);
}

/* خط فاصل ذهبي رفيع متكرر للأناقة */
body.wfx-gold-pro::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(202,166,74,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(202,166,74,.035) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 50% 0,#000,transparent 75%);
}
body.wfx-gold-pro .wfx-main-content,
body.wfx-gold-pro header,
body.wfx-gold-pro footer{position:relative;z-index:1}

/* ───────── العناوين بتدرّج ذهبي ───────── */
body.wfx-gold-pro h1,
body.wfx-gold-pro .wfx-hero-title,
body.wfx-gold-pro .wfx-product-title,
body.wfx-gold-pro .tutorial-hero h1{
  background:linear-gradient(135deg,#f6e3a8,#caa64a 60%,#e6c66c);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  letter-spacing:.2px;
}

/* ───────── البطاقات ───────── */
body.wfx-gold-pro .wfx-card{
  background:linear-gradient(180deg,rgba(19,32,63,.92),rgba(13,23,48,.92)) !important;
  border:1px solid var(--line-gold) !important;
  border-radius:20px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);
  position:relative;overflow:hidden;
}
body.wfx-gold-pro .wfx-card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:var(--grad-gold-main);opacity:.85;
}

/* ───────── الأزرار ───────── */
body.wfx-gold-pro .wfx-btn.primary,
body.wfx-gold-pro .wfx-product-buy,
body.wfx-gold-pro .wfx-btn.success{
  background:var(--grad-gold-main) !important;
  background-size:200% 100% !important;
  color:#1a1408 !important;
  font-weight:900;
  border:none !important;
  box-shadow:0 10px 26px rgba(202,166,74,.30);
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}
body.wfx-gold-pro .wfx-btn.primary:hover,
body.wfx-gold-pro .wfx-product-buy:hover,
body.wfx-gold-pro .wfx-btn.success:hover{
  transform:translateY(-2px);
  background-position:100% 0 !important;
  box-shadow:0 16px 38px rgba(202,166,74,.45) !important;
  filter:none !important;
}
/* لمعة تمر فوق الزر الأساسي */
body.wfx-gold-pro .wfx-btn.primary::before,
body.wfx-gold-pro .wfx-product-buy::before{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .6s ease;
}
body.wfx-gold-pro .wfx-btn.primary:hover::before,
body.wfx-gold-pro .wfx-product-buy:hover::before{left:140%}

body.wfx-gold-pro .wfx-btn.ghost{
  border:1px solid var(--line-gold) !important;
  color:var(--gold-2) !important;
  background:rgba(202,166,74,.06) !important;
}
body.wfx-gold-pro .wfx-btn.ghost:hover{background:rgba(202,166,74,.14) !important}
body.wfx-gold-pro .wfx-btn.sm.ghost{color:var(--gold-2) !important}

/* ───────── الهيدر ───────── */
body.wfx-gold-pro .wfx-header{
  background:linear-gradient(180deg,rgba(11,18,38,.96),rgba(6,10,22,.85)) !important;
  border-bottom:1px solid var(--line-gold) !important;
  backdrop-filter:blur(10px);
}
body.wfx-gold-pro .wfx-brand-name{
  background:linear-gradient(135deg,#f6e3a8,#caa64a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:900;letter-spacing:.5px;
}
body.wfx-gold-pro .wfx-brand-icon{
  background:var(--grad-gold-main) !important;color:#1a1408 !important;
  box-shadow:0 6px 18px rgba(202,166,74,.35);
}
body.wfx-gold-pro .wfx-nav-btn.active,
body.wfx-gold-pro .wfx-pages-menu-item.active{
  background:rgba(202,166,74,.14) !important;
  border:1px solid var(--line-gold) !important;
  color:var(--gold-2) !important;
}
body.wfx-gold-pro .wfx-menu-toggle{border:1px solid var(--line-gold) !important;color:var(--gold-2) !important}

/* ───────── الهيرو ───────── */
body.wfx-gold-pro .wfx-hero{
  background:
    radial-gradient(600px 300px at 80% -20%, rgba(202,166,74,.16), transparent 60%),
    linear-gradient(160deg,#0b1226 0%,#0d1730 55%,#0b1226 100%) !important;
  border:1px solid var(--line-gold) !important;
  border-radius:26px;position:relative;overflow:hidden;
}
body.wfx-gold-pro .wfx-hero-kicker{
  color:var(--gold-2) !important;
  border:1px solid var(--line-gold);
  background:rgba(202,166,74,.08);
}
body.wfx-gold-pro .wfx-hero-subtitle{color:var(--ink-muted) !important}

/* ───────── المنتجات ───────── */
body.wfx-gold-pro .wfx-product{
  background:linear-gradient(180deg,rgba(19,32,63,.9),rgba(13,23,48,.95)) !important;
  border:1px solid var(--line-gold) !important;
  border-radius:22px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.wfx-gold-pro .wfx-product:hover{
  transform:translateY(-4px);
  border-color:rgba(202,166,74,.55) !important;
  box-shadow:var(--glow-gold-lg);
}
body.wfx-gold-pro .wfx-product-icon,
body.wfx-gold-pro .wfx-product-custom-icon{
  background:radial-gradient(circle at 30% 30%,rgba(202,166,74,.25),rgba(202,166,74,.08)) !important;
  border:1px solid var(--line-gold);
  color:var(--gold-3) !important;
}
body.wfx-gold-pro .wfx-product-price{
  color:var(--gold-2) !important;font-weight:900;
}
body.wfx-gold-pro .wfx-badge{
  background:rgba(202,166,74,.14) !important;
  color:var(--gold-2) !important;
  border:1px solid var(--line-gold) !important;
}

/* ───────── الإحصائيات ───────── */
body.wfx-gold-pro .wfx-stat{
  background:rgba(13,23,48,.7) !important;border:1px solid var(--line-gold) !important;
}
body.wfx-gold-pro .wfx-stat-val{
  background:linear-gradient(135deg,#f6e3a8,#caa64a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:900;
}
body.wfx-gold-pro .wfx-stat-fa{color:var(--gold-2) !important}

/* ───────── معلومات الدفع ───────── */
body.wfx-gold-pro .wfx-pay-item{
  background:rgba(13,23,48,.6) !important;border:1px solid var(--line-gold) !important;
}

/* ───────── الحقول ───────── */
body.wfx-gold-pro .wfx-input{
  background:rgba(6,10,22,.6) !important;
  border:1px solid var(--line-gold) !important;color:var(--ink) !important;
}
body.wfx-gold-pro .wfx-input:focus{
  border-color:var(--gold-2) !important;
  box-shadow:0 0 0 3px rgba(202,166,74,.18) !important;outline:none;
}

/* ───────── بطاقات صفحة التواصل ───────── */
body.wfx-gold-pro .tutorial-card{
  background:linear-gradient(180deg,rgba(19,32,63,.9),rgba(13,23,48,.95)) !important;
  border:1px solid var(--line-gold) !important;
}
body.wfx-gold-pro .tutorial-card:hover{border-color:rgba(202,166,74,.55) !important;box-shadow:var(--glow-gold-lg)}
body.wfx-gold-pro .tutorial-card-icon{color:var(--gold-2) !important}
body.wfx-gold-pro .tutorial-kicker{color:var(--gold-2) !important}

/* ───────── الفوتر ───────── */
body.wfx-gold-pro .wfx-site-footer{border-top:1px solid var(--line-gold)}
body.wfx-gold-pro .wfx-footer-socials a{border:1px solid var(--line-gold)}
body.wfx-gold-pro .wfx-footer-copy{color:var(--ink-muted)}

/* ───────── لوحة التحكم (نفس الهوية الذهبية) ───────── */
body.wfx-gold-pro .wfx-admin-top{
  background:rgba(11,18,38,.8) !important;border:1px solid var(--line-gold) !important;
}
body.wfx-gold-pro .wfx-admin-icon{background:var(--grad-gold-main) !important;color:#1a1408 !important}
body.wfx-gold-pro .wfx-menu-grid .menu-item.active,
body.wfx-gold-pro .wfx-menu-home.active{
  background:linear-gradient(135deg,rgba(202,166,74,.28),rgba(230,198,108,.14)) !important;
  border-color:rgba(202,166,74,.55) !important;
}
body.wfx-gold-pro .wfx-menu-grid .menu-icon,
body.wfx-gold-pro .wfx-group-title{color:var(--gold-2) !important}
body.wfx-gold-pro .wfx-tab-btn.active{
  background:linear-gradient(135deg,rgba(202,166,74,.28),rgba(230,198,108,.14)) !important;
  border-color:rgba(202,166,74,.55) !important;color:var(--gold-3) !important;
}

/* ───────── شريط التمرير الذهبي ───────── */
body.wfx-gold-pro ::-webkit-scrollbar{width:11px;height:11px}
body.wfx-gold-pro ::-webkit-scrollbar-track{background:var(--navy-0)}
body.wfx-gold-pro ::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--gold-deep),var(--gold-1));
  border-radius:99px;border:2px solid var(--navy-0);
}
body.wfx-gold-pro ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-1),var(--gold-2))}
body.wfx-gold-pro{scrollbar-color:var(--gold-1) var(--navy-0)}

/* ───────── تحديد النص ───────── */
body.wfx-gold-pro ::selection{background:rgba(202,166,74,.35);color:#fff}

/* ════════ صفحة الدفع المستقلة (pay.php) ════════ */
body.wfx-gold-pro{
  background:
    radial-gradient(900px 520px at 88% -8%, rgba(202,166,74,.10), transparent 60%),
    radial-gradient(820px 520px at 8% 108%, rgba(202,166,74,.07), transparent 60%),
    linear-gradient(180deg,#060a16,#0b1226) !important;
}
body.wfx-gold-pro .pay-brand .logo{
  background:linear-gradient(135deg,#f6e3a8,#caa64a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  font-weight:900;letter-spacing:.5px;
}
body.wfx-gold-pro .pay-brand .logo span,
body.wfx-gold-pro .pay-brand .logo b{-webkit-text-fill-color:transparent}
body.wfx-gold-pro .pay-card{
  background:linear-gradient(180deg,rgba(19,32,63,.92),rgba(13,23,48,.92)) !important;
  border:1px solid rgba(202,166,74,.30) !important;position:relative;overflow:hidden;
}
body.wfx-gold-pro .pay-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(135deg,#9c7c2e,#caa64a 40%,#f6e3a8);opacity:.85;
}
body.wfx-gold-pro .pay-amount .num{
  background:linear-gradient(135deg,#f6e3a8,#caa64a) !important;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent !important;
}
body.wfx-gold-pro .pay-inv-row code{color:#e6c66c !important}
body.wfx-gold-pro .pay-form input:focus{border-color:#caa64a !important;box-shadow:0 0 0 3px rgba(202,166,74,.18)}
body.wfx-gold-pro .pay-btn{
  background:linear-gradient(135deg,#9c7c2e,#caa64a 40%,#f6e3a8) !important;
  color:#1a1408 !important;font-weight:900;
  box-shadow:0 10px 26px rgba(202,166,74,.30);
}
body.wfx-gold-pro .pay-btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 16px 38px rgba(202,166,74,.45)}
body.wfx-gold-pro .pay-badge.pending{background:rgba(202,166,74,.16) !important;color:#e6c66c !important}

/* ════════ توحيد ألوان الأزرار على كل صفحات المتجر ════════ */
body.wfx-gold-pro .wfx-btn.primary,
body.wfx-gold-pro .wfx-btn.success,
body.wfx-gold-pro .wfx-product-buy,
body.wfx-gold-pro .buy-btn,
body.wfx-gold-pro .buy-btn-fixed,
body.wfx-gold-pro .pay-btn,
body.wfx-gold-pro .login-btn,
body.wfx-gold-pro .neon-btn,
body.wfx-gold-pro .neon-btn-primary,
body.wfx-gold-pro .tw-btn,
body.wfx-gold-pro .btn-gold,
body.wfx-gold-pro .btn.primary,
body.wfx-gold-pro .btn-install,
body.wfx-gold-pro .btn-dl,
body.wfx-gold-pro button[type="submit"]:not(.ghost):not(.cap-refresh):not(.login-tab):not(.wfx-tab-btn):not(.copy-btn),
body.wfx-gold-pro .wfx-btn-primary{
  background:linear-gradient(135deg,#9c7c2e 0%,#caa64a 35%,#f6e3a8 70%,#caa64a 100%) !important;
  background-size:200% 100% !important;
  color:#1a1408 !important;
  border:none !important;
  font-weight:900;
  box-shadow:0 8px 22px rgba(202,166,74,.28) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
  transition:.2s !important;
}
body.wfx-gold-pro .wfx-btn.primary:hover,
body.wfx-gold-pro .wfx-btn.success:hover,
body.wfx-gold-pro .wfx-product-buy:hover,
body.wfx-gold-pro .buy-btn:hover,
body.wfx-gold-pro .buy-btn-fixed:hover,
body.wfx-gold-pro .pay-btn:hover,
body.wfx-gold-pro .login-btn:hover,
body.wfx-gold-pro .neon-btn:hover,
body.wfx-gold-pro .neon-btn-primary:hover,
body.wfx-gold-pro .tw-btn:hover,
body.wfx-gold-pro .btn-gold:hover,
body.wfx-gold-pro .btn.primary:hover,
body.wfx-gold-pro button[type="submit"]:not(.ghost):not(.cap-refresh):not(.login-tab):not(.wfx-tab-btn):not(.copy-btn):hover{
  transform:translateY(-2px);
  background-position:100% 0 !important;
  box-shadow:0 14px 34px rgba(202,166,74,.42) !important;
  filter:none !important;
}
/* الأزرار الثانوية/الشفافة: حد ذهبي موحّد */
body.wfx-gold-pro .wfx-btn.ghost,
body.wfx-gold-pro .neon-btn-outline,
body.wfx-gold-pro .btn-line,
body.wfx-gold-pro .wfx-product-link-btn,
body.wfx-gold-pro .wfx-desc-btn,
body.wfx-gold-pro .copy-btn{
  background:rgba(202,166,74,.08) !important;
  color:#e6c66c !important;
  border:1px solid rgba(202,166,74,.35) !important;
}
body.wfx-gold-pro .wfx-btn.ghost:hover,
body.wfx-gold-pro .neon-btn-outline:hover,
body.wfx-gold-pro .btn-line:hover,
body.wfx-gold-pro .copy-btn:hover{background:rgba(202,166,74,.16) !important}
/* زر الخروج/الحذف يبقى مميّزاً (أحمر) */
body.wfx-gold-pro .wfx-btn.danger{background:rgba(239,68,68,.12) !important;color:#ef4444 !important;border:1px solid rgba(239,68,68,.3) !important}