/* ==========================================================================
   FORZZA — LUXURY LAYER (fz-lux.css)
   طبقة تصميم فاخرة تُحمّل بعد v2.css / v2-pro.css / v2-refined.css
   الهدف: مظهر كازينو عالمي — ذهبي ملكي، زجاج داكن، إضاءة سينمائية.
   لا تغيّر أي منطق أو بنية HTML — تنسيق فقط.
   ========================================================================== */

:root{
  /* لوحة ملكية: أسود بنفسجي عميق + ذهب + أزرق سماوي */
  --lux-void:#05060a;
  --lux-deep:#0a0b12;
  --lux-panel:#10131f;
  --lux-panel2:#161a2a;
  --lux-line:rgba(214,178,94,.16);
  --lux-line2:rgba(255,255,255,.07);
  --lux-gold:#d6b25e;
  --lux-gold2:#f3dfa2;
  --lux-gold3:#a8843a;
  --lux-cyan:#4fd6ff;
  --lux-green:#39e58c;
  --lux-red:#ff4d6a;
  --lux-txt:#f4f1ea;
  --lux-mut:#8f93a8;
  --lux-shadow:0 18px 46px rgba(0,0,0,.62);
  --lux-glow-gold:0 0 0 1px rgba(214,178,94,.35), 0 8px 30px rgba(214,178,94,.18);
}

/* ---------------------------------------------------------------- body */
html,body{
  background:
    radial-gradient(120% 60% at 50% -18%, #17203a 0%, #0a0c15 46%, #05060a 100%) fixed,
    var(--lux-void) !important;
  color:var(--lux-txt) !important;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 32% at 82% 8%, rgba(79,214,255,.09), transparent 70%),
    radial-gradient(52% 30% at 12% 4%, rgba(214,178,94,.10), transparent 72%);
  mix-blend-mode:screen;
}

/* ---------------------------------------------------------------- top bar */
.fz-top{
  background:linear-gradient(180deg, rgba(12,14,24,.97), rgba(6,7,12,.88)) !important;
  border-bottom:1px solid var(--lux-line) !important;
  backdrop-filter:blur(22px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.4) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.55) !important;
}
.fz-top::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(214,178,94,.55),rgba(79,214,255,.35),transparent);
  opacity:.8;
}
.fz-logo .mark{
  filter:drop-shadow(0 6px 16px rgba(214,178,94,.35));
}
/* اسم الموقع عريض ومتدرّج ذهبي */
.fz-logo h1, .fz-logo .name, .fz-logo b{
  background:linear-gradient(180deg,#fff8e6,var(--lux-gold) 58%,var(--lux-gold3));
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
  letter-spacing:.6px;
  text-shadow:0 2px 18px rgba(214,178,94,.28);
}

/* زر الدخول */
.fz-top .fz-btn, .fz-top button{
  border-radius:14px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
}
.fz-top .fz-btn.go, .fz-top button.go, .fz-top .login{
  background:linear-gradient(135deg,#f7e7b4,var(--lux-gold) 42%,#9a772f) !important;
  color:#1a1408 !important;
  border:0 !important;
  box-shadow:0 8px 26px rgba(214,178,94,.34), inset 0 1px 0 rgba(255,255,255,.6) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}

/* ---------------------------------------------------------------- search */
.fz-search input, .fz-search{
  background:linear-gradient(180deg, rgba(22,26,42,.92), rgba(12,15,25,.92)) !important;
  border:1px solid var(--lux-line2) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.35) !important;
  color:var(--lux-txt) !important;
}
.fz-search input::placeholder{ color:var(--lux-mut) !important; }
.fz-search:focus-within, .fz-search input:focus{
  border-color:rgba(214,178,94,.55) !important;
  box-shadow:0 0 0 3px rgba(214,178,94,.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ---------------------------------------------------------------- hero */
.fz-hero{
  border-radius:22px !important;
  overflow:hidden !important;
  border:1px solid var(--lux-line) !important;
  box-shadow:var(--lux-shadow), inset 0 1px 0 rgba(255,255,255,.06) !important;
  position:relative;
}
.fz-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg, rgba(5,6,10,0) 30%, rgba(5,6,10,.72) 100%),
    radial-gradient(90% 70% at 78% -10%, rgba(214,178,94,.18), transparent 60%);
}
.fz-hero h2, .fz-hero .t{
  font-weight:900 !important;
  letter-spacing:-.4px;
  text-shadow:0 4px 26px rgba(0,0,0,.85), 0 1px 0 rgba(0,0,0,.6);
}
.fz-hero .fz-btn.go{
  background:linear-gradient(135deg,#f9ecc4,var(--lux-gold) 45%,#98742c) !important;
  color:#1a1408 !important;border:0 !important;border-radius:14px !important;
  box-shadow:0 10px 30px rgba(214,178,94,.4), inset 0 1px 0 rgba(255,255,255,.7) !important;
  font-weight:900 !important;
}
.fz-hero .fz-btn:not(.go){
  background:rgba(10,14,24,.62) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  border-radius:14px !important;
  backdrop-filter:blur(10px);
}

/* ---------------------------------------------------------------- chips */
.fz-chip, .fz-chips .fz-chip{
  background:linear-gradient(180deg, rgba(24,28,44,.94), rgba(14,17,28,.94)) !important;
  border:1px solid var(--lux-line2) !important;
  border-radius:14px !important;
  color:#dfe3ee !important;
  font-weight:800 !important;
  letter-spacing:.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 18px rgba(0,0,0,.35) !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.fz-chip:active{ transform:scale(.96); }
.fz-chip.on, .fz-chip.active, .fz-chip[aria-selected="true"]{
  background:linear-gradient(135deg, rgba(214,178,94,.22), rgba(214,178,94,.08)) !important;
  border-color:rgba(214,178,94,.62) !important;
  color:var(--lux-gold2) !important;
  box-shadow:0 0 0 1px rgba(214,178,94,.28), 0 10px 26px rgba(214,178,94,.16) !important;
}

/* ---------------------------------------------------------------- section head */
.fz-sec-head h2, .fz-sec-head .t{
  font-weight:900 !important;
  letter-spacing:-.2px;
  background:linear-gradient(180deg,#ffffff,#cfd6e6 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
.fz-sec-head::before{
  content:"";display:inline-block;width:4px;height:20px;border-radius:3px;
  margin-inline-end:10px;vertical-align:-3px;
  background:linear-gradient(180deg,var(--lux-gold2),var(--lux-gold3));
  box-shadow:0 0 14px rgba(214,178,94,.6);
}
.fz-sec-head .more, .fz-more{
  color:var(--lux-gold2) !important;
  border:1px solid rgba(214,178,94,.28) !important;
  background:rgba(214,178,94,.07) !important;
  border-radius:12px !important;
  font-weight:800 !important;
}

/* ---------------------------------------------------------------- TILES */
.fz-grid{ gap:12px !important; }

.fz-tile{
  position:relative !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#151a28,#0b0e18) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition:transform .18s cubic-bezier(.22,.61,.36,1), box-shadow .18s ease, border-color .18s ease !important;
  isolation:isolate;
}
.fz-tile:active{ transform:scale(.972); border-color:rgba(214,178,94,.5); }
.fz-tile img{
  display:block;width:100%;height:auto;
  transition:transform .4s cubic-bezier(.22,.61,.36,1), filter .3s ease;
  filter:saturate(1.06) contrast(1.03);
}
.fz-tile:hover img{ transform:scale(1.06); }

/* ملاحظة مهمة: نظام v2-Pro يستخدم .fz-tile::after كشريط لوني رقيق.
   تعريفنا السابق كان يحوّله إلى غطاء أسود يخفي صورة اللعبة.
   الحل: نلغي الشريط اللوني (بلا خلفية) ونضع الغطاء على ::before فقط
   مع دمج لمعة زجاجية أعلى وشاح سفلي في تدرّج واحد. */
.fz-tile::after{
  background:none !important;
  display:none !important;
}
.fz-tile::before{
  content:"";position:absolute;left:0;right:0;bottom:0;top:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 26%),
    linear-gradient(180deg, rgba(5,6,10,0) 46%, rgba(5,6,10,.82) 76%, #05060a 100%);
  pointer-events:none;z-index:1;
}
.fz-tile .nm{
  position:relative;z-index:3;
  padding:0 10px 9px !important;
  font-size:12px !important;font-weight:900 !important;line-height:1.22 !important;
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.9) !important;
  display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical;
  overflow:hidden !important;
}
.fz-tile .vn{
  position:relative;z-index:3;
  padding:0 10px 3px !important;
  font-size:9.5px !important;font-weight:800 !important;
  letter-spacing:.4px;text-transform:uppercase;
  color:var(--lux-gold2) !important;opacity:.86;
  text-shadow:0 1px 8px rgba(0,0,0,.9);
}
/* زر التشغيل */
.fz-tile .play{
  position:absolute !important;inset:0;margin:auto !important;
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  z-index:4;opacity:0;transform:scale(.82);
  background:linear-gradient(135deg, rgba(247,231,180,.96), rgba(214,178,94,.96));
  box-shadow:0 10px 30px rgba(214,178,94,.5);
  transition:opacity .2s ease, transform .2s ease;
  top:38% !important;
}
.fz-tile .play b{ color:#1a1408 !important;font-size:15px;line-height:1; }
.fz-tile:active .play, .fz-tile:hover .play{ opacity:1;transform:scale(1); }

/* شارة LIVE */
.fz-tile .lv, .fz-tile .livepill{
  position:absolute !important;top:8px !important;inset-inline-start:8px !important;
  z-index:5;
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 8px;border-radius:999px;
  font-size:8.5px;font-weight:900;letter-spacing:1px;
  background:linear-gradient(135deg,#ff416c,#c1122f);
  color:#fff;box-shadow:0 4px 14px rgba(255,65,108,.5);
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.fz-tile .lv i, .fz-tile .livepill i{
  width:5px;height:5px;border-radius:50%;background:#fff;
  animation:lux-pulse 1.3s infinite;
}
@keyframes lux-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}

/* شارات NEW / TOP فوق الصورة */
.fz-tile .tag, .fz-tile .badge{
  position:absolute;top:8px;inset-inline-end:8px;z-index:5;
  font-size:8.5px;font-weight:900;letter-spacing:.6px;
  padding:3px 8px;border-radius:8px;
  background:linear-gradient(135deg,var(--lux-gold2),var(--lux-gold3));
  color:#1a1408;box-shadow:0 4px 12px rgba(214,178,94,.42);
}

/* ---------------------------------------------------------------- banners */
.fz-banner, .fz-livepill, .fz-paystrip{
  border-radius:20px !important;
  border:1px solid var(--lux-line) !important;
  box-shadow:var(--lux-shadow) !important;
}
.fz-vip{
  border-radius:20px !important;
  border:1px solid rgba(214,178,94,.35) !important;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(214,178,94,.16), transparent 55%),
    linear-gradient(180deg,#15131f,#0b0d16) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* ---------------------------------------------------------------- dock */
.fz-dock{
  background:linear-gradient(180deg, rgba(10,12,20,.94), rgba(5,6,10,.99)) !important;
  border-top:1px solid var(--lux-line) !important;
  backdrop-filter:blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.5) !important;
  box-shadow:0 -14px 40px rgba(0,0,0,.6) !important;
}
.fz-dock a, .fz-dock button{
  color:var(--lux-mut) !important;
  transition:color .18s ease, transform .18s ease;
}
.fz-dock .on, .fz-dock .active, .fz-dock [aria-current="page"]{
  color:var(--lux-gold2) !important;
}
.fz-dock .on::after{
  content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);
  width:20px;height:2.5px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--lux-gold),transparent);
  box-shadow:0 0 12px var(--lux-gold);
}

/* ---------------------------------------------------------------- buttons */
.fz-btn{
  border-radius:14px !important;
  font-weight:900 !important;
  transition:transform .16s ease, box-shadow .16s ease !important;
}
.fz-btn:active{ transform:scale(.97); }
.fz-btn:not(.go){
  background:linear-gradient(180deg, rgba(28,33,52,.95), rgba(16,19,31,.95)) !important;
  border:1px solid var(--lux-line2) !important;
  color:#e8ebf4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.4) !important;
}

/* ---------------------------------------------------------------- skeleton */
.fz-sk, .fz-grid .skel{
  background:linear-gradient(100deg, #141828 8%, #1d2233 22%, #141828 36%) !important;
  background-size:220% 100% !important;
  animation:lux-sk 1.35s ease-in-out infinite !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.04) !important;
}
@keyframes lux-sk{0%{background-position:180% 0}100%{background-position:-40% 0}}

/* ---------------------------------------------------------------- nav (drawer) */
.fz-nav{
  background:linear-gradient(180deg,#0b0d16,#05060a) !important;
  border-inline-start:1px solid var(--lux-line) !important;
}
.fz-nav a, .fz-nav button{
  border-radius:14px !important;
  font-weight:800 !important;
  color:#cfd5e5 !important;
  transition:background .16s ease, color .16s ease;
}
.fz-nav a:hover, .fz-nav button:hover{
  background:rgba(214,178,94,.09) !important;
  color:var(--lux-gold2) !important;
}

/* ---------------------------------------------------------------- balance chip */
.fz-bal, .fz-top .bal{
  background:linear-gradient(135deg, rgba(19,44,32,.96), rgba(12,58,36,.96)) !important;
  border:1px solid rgba(57,229,140,.38) !important;
  color:#6cf0a0 !important;
  border-radius:999px !important;
  font-weight:900 !important;
  box-shadow:0 6px 20px rgba(10,90,46,.35), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* ---------------------------------------------------------------- scrollbar */
::-webkit-scrollbar{width:0;height:0}

/* ---------------------------------------------------------------- reduced motion */
@media (prefers-reduced-motion: reduce){
  .fz-tile img, .fz-tile, .fz-chip{ transition:none !important; }
  .fz-sk, .fz-grid .skel{ animation:none !important; }
  .fz-tile .lv i, .fz-tile .livepill i{ animation:none !important; }
}

/* ==========================================================================
   تحسينات الجولة الثانية
   ========================================================================== */

/* أسماء الألعاب: سطران بلا قطع غريب، مع ارتفاع ثابت يمنع اختلال الشبكة */
.fz-tile{
  display:flex !important;
  flex-direction:column !important;
}
.fz-tile img{ flex:0 0 auto; }
.fz-tile .nm{
  min-height:2.46em;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  word-break:break-word;
  line-height:1.23 !important;
}
/* الاسم المقطوع بثلاث نقاط كان يترك فراغاً — نثبّت الارتفاع */
.fz-tile .vn{
  min-height:1.1em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* شارة LIVE على شكل كبسولة ذهبية-حمراء أنيقة */
.fz-tile .lv, .fz-tile .livepill{
  background:linear-gradient(135deg,#ff3d60,#c0102c) !important;
  box-shadow:0 4px 16px rgba(255,45,85,.48), inset 0 1px 0 rgba(255,255,255,.28) !important;
  border:1px solid rgba(255,255,255,.16);
  font-family:inherit;
}

/* زر "الكل" وأزرار التنقل — حدود ذهبية خفيفة */
.fz-sec-head .more, .fz-more{
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}
.fz-sec-head .more:active, .fz-more:active{ transform:scale(.96); }

/* طرق الدفع: بطاقات أنيقة بدل مستطيلات بيضاء صارخة */
.fz-paystrip .pay-item{
  background:linear-gradient(180deg, #f7f7f9, #e7e7ee) !important;
  border-radius:14px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35), inset 0 1px 0 #fff !important;
  display:flex;align-items:center;justify-content:center;
  min-height:46px;
  padding:6px 8px !important;
}

/* الهيرو: تكبير العنوان وتحسين التباين على الصور */
.fz-hero h2, .fz-hero .t{
  font-size:clamp(19px,5.4vw,26px) !important;
  line-height:1.22 !important;
}

/* رسم فاصل أنيق تحت شريط البحث */
.fz-search::after{ display:none !important; }

/* صف الفئات: حبة ذهبية عند التحديد */
.fz-chip:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(214,178,94,.55) !important;
}

/* تحسين شارة الرصيد عند وجود رقم */
.fz-bal:empty{ display:none !important; }

/* ==========================================================================
   Splash / boot shimmer (يظهر لحظة التحميل)
   ========================================================================== */
#fzBootLux{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;
  background:radial-gradient(60% 50% at 50% 40%, #141a2c, #05060a 72%);
  transition:opacity .45s ease, visibility .45s ease;
}
#fzBootLux.gone{ opacity:0;visibility:hidden;pointer-events:none; }
#fzBootLux .bl-mark{
  width:74px;height:74px;border-radius:22px;
  background:linear-gradient(135deg,#f7e7b4,var(--lux-gold) 45%,#8c6c28);
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:30px;color:#1a1408;
  box-shadow:0 18px 50px rgba(214,178,94,.4), inset 0 2px 0 rgba(255,255,255,.7);
  animation:blIn .6s cubic-bezier(.22,.61,.36,1) both;
}
#fzBootLux .bl-nm{
  font-weight:900;letter-spacing:5px;font-size:13px;
  color:var(--lux-gold2);text-transform:uppercase;
  animation:blIn .6s .12s cubic-bezier(.22,.61,.36,1) both;
}
#fzBootLux .bl-bar{
  width:132px;height:3px;border-radius:99px;overflow:hidden;
  background:rgba(255,255,255,.09);
  animation:blIn .6s .2s cubic-bezier(.22,.61,.36,1) both;
}
#fzBootLux .bl-bar i{
  display:block;height:100%;width:40%;border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--lux-gold),transparent);
  animation:blSlide 1.15s infinite ease-in-out;
}
@keyframes blIn{ from{opacity:0;transform:translateY(10px) scale(.96)} to{opacity:1;transform:none} }
@keyframes blSlide{ 0%{transform:translateX(-120%)} 100%{transform:translateX(320%)} }


/* ==========================================================================
   الجولة الثالثة — الهوية الذهبية الكاملة
   ========================================================================== */

/* 1) لوحة الألوان: استبدال الأزرق القديم بالذهبي في كل الشارات */
.fz-tile .vn{ color:#e8c877 !important; }
.fz-tile .nm{ color:#fffef9 !important; }

/* 2) الشعار: تحسين السطوع والتوهج */
.fz-logo{ position:relative; }
.fz-logo img.mark{
  filter:drop-shadow(0 4px 18px rgba(214,178,94,.45)) brightness(1.06) !important;
}

/* 3) زر الدخول: ذهبي كامل بدل الأزرق */
.fz-top button,
.fz-top .fz-btn{
  background:linear-gradient(135deg,#f7e7b4,#d6b25e 48%,#9a772f) !important;
  color:#14100a !important;
  border:0 !important;
  box-shadow:0 8px 24px rgba(214,178,94,.32), inset 0 1px 0 rgba(255,255,255,.62) !important;
  font-weight:900 !important;
}

/* 4) القائمة (☰) — زجاج داكن بحدود ذهبية */
.fz-top .burger, .fz-top [class*="menu"], .fz-top .fz-burger{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(214,178,94,.24) !important;
  border-radius:13px !important;
}

/* 5) الفئة المختارة: وهج ذهبي أوضح */
.fz-chip.on{
  background:linear-gradient(135deg, rgba(214,178,94,.26), rgba(214,178,94,.10)) !important;
  color:#f9ecc4 !important;
}

/* 6) الهيرو: زر "افتح السبورتبوك" ذهبي بارز */
.fz-hero .fz-btn.go{
  background:linear-gradient(135deg,#fdf0c8,#d6b25e 46%,#8f6d26) !important;
  color:#14100a !important;
  box-shadow:0 14px 38px rgba(214,178,94,.45), inset 0 2px 0 rgba(255,255,255,.75) !important;
}

/* 7) عنوان القسم: خط ذهبي رفيع تحته */
.fz-sec-head{ position:relative; }
.fz-sec-head::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;
  background:linear-gradient(90deg, rgba(214,178,94,.45), transparent 70%);
  opacity:.55;
}

/* 8) بطاقة VIP: تاج ذهبي متوهج */
.fz-vip{
  position:relative;overflow:hidden;
}
.fz-vip::after{
  content:"";position:absolute;top:-40%;inset-inline-end:-20%;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, rgba(214,178,94,.18), transparent 68%);
  pointer-events:none;
}

/* 9) شريط التنقل السفلي: مؤشر ذهبي واضح */
.fz-dock > *{ position:relative; }
.fz-dock .on, .fz-dock .active{ color:#f3dfa2 !important; }
.fz-dock svg, .fz-dock img{ transition:filter .18s ease; }
.fz-dock .on svg, .fz-dock .active svg,
.fz-dock .on img, .fz-dock .active img{
  filter:drop-shadow(0 0 10px rgba(214,178,94,.65));
}

/* 10) زر "عرض الكل" — شكل كبسولة ذهبية */
.fz-more, .fz-sec-head .more{
  background:linear-gradient(180deg, rgba(214,178,94,.14), rgba(214,178,94,.05)) !important;
  border:1px solid rgba(214,178,94,.34) !important;
  color:#f3dfa2 !important;
}

/* 11) نص التذييل */
body .fz-footer, footer{ color:#7d8299 !important; }

/* ==========================================================================
   الجولة الرابعة — استهداف الأصناف الحقيقية (تم التحقق من DOM المنشور)
   ========================================================================== */

/* زر الدخول الحقيقي هو .fz-login-btn.blu — كان أزرق */
.fz-login-btn, .fz-btn.blu{
  background:linear-gradient(135deg,#fdf1cc,#e2be6a 46%,#96732a) !important;
  color:#14100a !important;
  border:0 !important;
  border-radius:14px !important;
  font-weight:900 !important;
  letter-spacing:.2px;
  box-shadow:0 10px 28px rgba(214,178,94,.34), inset 0 1px 0 rgba(255,255,255,.68) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.fz-login-btn:active, .fz-btn.blu:active{ transform:scale(.96); }

/* زر القائمة العلوية .top-menu.ghost */
.fz-btn.ghost.top-menu, .top-menu{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border:1px solid rgba(214,178,94,.28) !important;
  border-radius:13px !important;
  color:#f0e2bd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.top-menu svg{ stroke:#f3dfa2 !important; }

/* عنوان القسم h2 + زر "عرض الكل" (span.all) */
.fz-sec-head h2{
  font-weight:900 !important;
  background:linear-gradient(180deg,#ffffff,#d8deeb 72%);
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}
.fz-sec-head .all, .fz-sec-head .all-t{
  color:#f3dfa2 !important;
  font-weight:900 !important;
}
.fz-sec-head .all{
  background:linear-gradient(180deg, rgba(214,178,94,.16), rgba(214,178,94,.05)) !important;
  border:1px solid rgba(214,178,94,.38) !important;
  border-radius:12px !important;
  padding:6px 11px !important;
}
.fz-sec-head .all svg, .fz-sec-head .all-t svg{ stroke:#f3dfa2 !important; }

/* الشريط السفلي: التبويب النشط ذهبي — العناصر button + span */
.fz-dock button{ color:#868ca4 !important; }
.fz-dock button span{ color:inherit !important; font-weight:800 !important; }
.fz-dock button.on, .fz-dock button.active, .fz-dock button[aria-current="page"]{
  color:#f3dfa2 !important;
}
.fz-dock button.on span, .fz-dock button.active span{ color:#f3dfa2 !important; }
.fz-dock button img{ opacity:.55; transition:opacity .18s ease, filter .18s ease; }
.fz-dock button.on img, .fz-dock button.active img{
  opacity:1; filter:drop-shadow(0 0 9px rgba(214,178,94,.7)) saturate(1.15);
}
.fz-dock button.vip{ color:#e8c877 !important; }

/* الهيرو: زر «مباشر الآن» زجاجي ذهبي */
.fz-hero .fz-btn:not(.go){
  background:rgba(8,11,19,.66) !important;
  border:1px solid rgba(214,178,94,.34) !important;
  color:#f6ecd2 !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

/* أيقونة البحث */
.fz-search svg{ stroke:#c8a859 !important; opacity:.9; }

/* ==========================================================================
   الجولة الخامسة — إصلاح العيوب المرصودة على هاتف حقيقي (430×932)
   ========================================================================== */

/* ① اسم الموقع: تدرّج ذهبي حقيقي على .word
   (كان التنسيق يستهدف h1/b ولا يوجد أحدهما في DOM). */
.fz-logo .word{
  background:linear-gradient(180deg,#fffdf5 4%,#f6e6b8 34%,#d6b25e 66%,#a8843a 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  font-weight:900 !important;
  letter-spacing:1.6px !important;
  text-shadow:none !important;
  filter:drop-shadow(0 2px 10px rgba(214,178,94,.35));
}
.fz-logo .tag{
  color:#c7a558 !important;
  letter-spacing:2.4px !important;
  font-weight:800 !important;
  opacity:.95;
  text-shadow:0 1px 6px rgba(0,0,0,.6);
}

/* ② شريط القسم المزدوج: إخفاء الشريط الأزرق القديم (.fz-sec-head::before من v2-pro)
   والاحتفاظ بواحد ذهبي فقط. */
.fz-sec-head::before{
  display:none !important;
  content:none !important;
}
/* شريط ذهبي واحد نظيف */
.fz-sec-head{
  border-inline-start:4px solid transparent !important;
  padding-inline-start:0 !important;
  position:relative !important;
}
.fz-sec-head > *{ position:relative; z-index:1; }
.fz-sec-head::after{
  content:"" !important;
  position:absolute !important;
  inset-inline-start:0 !important;
  top:50%; transform:translateY(-50%);
  width:4px !important; height:22px !important;
  border-radius:3px !important;
  background:linear-gradient(180deg,#f9ecc4,#d6b25e 52%,#8f6d26) !important;
  box-shadow:0 0 16px rgba(214,178,94,.65) !important;
  opacity:1 !important;
  left:auto !important; right:auto !important;
  bottom:auto !important;
  inset-inline-end:auto !important;
}
html[dir="rtl"] .fz-sec-head::after{ inset-inline-start:0 !important; }

/* ③ نقطة التنقل السفلية: ذهبية بدل الزرقاء */
.fz-dock .on::after, .fz-dock .active::after,
.fz-dock button.on::after, .fz-dock button.active::after{
  background:linear-gradient(90deg,transparent,#f3dfa2,transparent) !important;
  box-shadow:0 0 14px rgba(214,178,94,.9) !important;
  width:22px !important; height:2.5px !important;
  border-radius:2px !important;
}
/* أي عنصر نشط بالنقطة الزرقاء القديمة */
.fz-dock .on > i, .fz-dock .active > i{
  background:#f3dfa2 !important;
  box-shadow:0 0 12px rgba(214,178,94,.9) !important;
}
.fz-dock .on svg, .fz-dock .active svg{
  stroke:#f3dfa2 !important;
  filter:drop-shadow(0 0 10px rgba(214,178,94,.75)) !important;
}

/* ④ توازن شبكة الألعاب: كل بطاقة بنفس الارتفاع، والاسم لا يكسر الصف */
.fz-grid{ align-items:stretch !important; }
.fz-tile{ height:100% !important; }
.fz-tile img{ aspect-ratio:1 / 1; object-fit:cover; width:100%; height:auto !important; }
.fz-tile .nm{
  flex:1 1 auto;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:2.5em;
  padding-bottom:4px !important;
}
.fz-tile .vn{
  margin-top:auto;
  padding-bottom:10px !important;
}

/* ⑤ تقليل الفراغ بين الفئات والقسم التالي */
.fz-chips{ margin-bottom:6px !important; }
.fz-sec-head{ margin-top:14px !important; margin-bottom:10px !important; }

/* ⑥ صف الفئات: حبة VIP ذهبية واضحة، والبقية رمادية هادئة */
.fz-chip{ min-height:42px; }

/* ⑦ شارة الرصيد: توهّج أخضر أنيق مع نقطة نابضة */
.fz-top .bal, .fz-bal{
  position:relative;
  padding-inline-start:22px !important;
}
.fz-top .bal::before, .fz-bal::before{
  content:"";position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;background:#3de69a;
  box-shadow:0 0 10px #3de69a;
  animation:lux-pulse 1.7s infinite;
}

/* ⑧ زر القائمة العلوية: أيقونة ذهبية واضحة */
.top-menu svg, .fz-btn.ghost.top-menu svg{
  stroke:#e8c877 !important;
  stroke-width:2.1 !important;
}

/* ⑨ البحث: أيقونة ذهبية وحقل أعمق */
.fz-search{ position:relative; }
.fz-search input{
  padding-inline-start:44px !important;
  font-size:14px !important;
  font-weight:600;
}
.fz-search svg{ inset-inline-start:14px !important; opacity:.95; }
.fz-search svg, .fz-search svg path, .fz-search svg circle{
  stroke:#d6b25e !important;
  stroke-width:2 !important;
}

/* ==========================================================================
   الشريط الجانبي — إعادة بناء فاخرة (RTL: يفتح من اليمين)
   ========================================================================== */

.fz-drawer{
  position:fixed !important;
  top:0 !important; bottom:0 !important;
  /* RTL أولاً: من اليمين */
  inset-inline-start:auto !important;
  inset-inline-end:0 !important;
  right:0 !important; left:auto !important;
  width:min(86vw, 344px) !important;
  z-index:1200 !important;
  display:flex !important;
  flex-direction:column !important;
  transform:translateX(102%) !important;
  transition:transform .32s cubic-bezier(.22,.61,.36,1) !important;
  background:linear-gradient(180deg,#0d1120 0%, #070911 62%, #05060a 100%) !important;
  border-inline-start:1px solid rgba(214,178,94,.22) !important;
  border-inline-end:0 !important;
  box-shadow:-26px 0 70px rgba(0,0,0,.72) !important;
  overflow:hidden;
}
/* ستارة إضافية للاتجاه الصحيح */
[dir="ltr"] .fz-drawer{ transform:translateX(102%) !important; }
.fz-drawer.on{ transform:translateX(0) !important; }
/* لمسة ذهبية عمودية على الحافة */
.fz-drawer::before{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(214,178,94,.6),rgba(79,214,255,.25),transparent);
  z-index:2;pointer-events:none;
}

/* ---------------------------------------------------------------- head */
.fz-drawer-head{
  padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px !important;
  border-bottom:1px solid rgba(214,178,94,.14) !important;
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(214,178,94,.14), transparent 62%),
    linear-gradient(180deg,#111627,#0a0d18) !important;
  flex:0 0 auto;
}
.fz-ucard{
  display:flex !important;align-items:center !important;gap:11px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:16px !important;
  padding:11px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.fz-ucard .av{
  width:42px !important;height:42px !important;border-radius:13px !important;
  display:flex;align-items:center;justify-content:center;
  font-weight:900 !important;font-size:17px !important;color:#191308 !important;
  background:linear-gradient(135deg,#fbeec6,#d6b25e 46%,#96732a) !important;
  box-shadow:0 6px 20px rgba(214,178,94,.35), inset 0 1px 0 rgba(255,255,255,.7) !important;
  flex:0 0 auto;
}
.fz-ucard .uinfo{ flex:1 1 auto;min-width:0; }
.fz-ucard .uinfo .nm{
  font-weight:900 !important;font-size:14px !important;color:#f6f2e7 !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fz-ucard .uinfo .bl{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:4px;padding:2px 9px;border-radius:999px;
  font-size:11.5px !important;font-weight:900 !important;
  color:#6cf0a0 !important;
  background:linear-gradient(135deg, rgba(16,44,30,.9), rgba(10,58,34,.9)) !important;
  border:1px solid rgba(57,229,140,.34) !important;
}
.fz-ucard .uinfo .bl::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#3de69a;
  box-shadow:0 0 9px #3de69a;
}
.fz-drawer-close{
  width:32px !important;height:32px !important;border-radius:10px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:#9aa1b6 !important;font-size:14px !important;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.fz-drawer-close:active{ transform:scale(.93); background:rgba(255,255,255,.1) !important; }

/* أزرار إيداع/سحب/رهاناتي — ثلاثة في صف */
.fz-dw-actions{
  display:grid !important;grid-template-columns:1fr 1fr 1fr;gap:7px !important;
  margin-top:10px !important;
}
.fz-dw-act{
  height:38px !important;border-radius:12px !important;
  font-size:11.5px !important;font-weight:900 !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  color:#dfe4f0 !important;
  display:flex;align-items:center;justify-content:center;
  transition:transform .14s ease;
}
.fz-dw-act:active{ transform:scale(.955); }
.fz-dw-act.dep{
  background:linear-gradient(135deg,#fbeec6,#d6b25e 48%,#96732a) !important;
  color:#191308 !important;border:0 !important;
  box-shadow:0 8px 22px rgba(214,178,94,.32), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
.fz-dw-act.wd{
  border-color:rgba(79,214,255,.32) !important;
  color:#a9e8ff !important;
  background:linear-gradient(180deg, rgba(79,214,255,.12), rgba(79,214,255,.03)) !important;
}

/* ---------------------------------------------------------------- body */
.fz-drawer-body{
  flex:1 1 auto !important;overflow-y:auto !important;
  padding:14px !important;
  -webkit-overflow-scrolling:touch;
}
.fz-dw-search{
  display:flex !important;align-items:center !important;gap:9px !important;
  height:42px !important;padding:0 12px !important;
  border-radius:13px !important;
  background:linear-gradient(180deg, rgba(20,24,40,.96), rgba(11,14,24,.96)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  margin-bottom:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.fz-dw-search svg{ width:16px;height:16px;stroke:#c8a859;flex:0 0 auto; }
.fz-dw-search input{
  flex:1;background:none !important;border:0 !important;outline:none !important;
  color:#eef1f8 !important;font-size:13px !important;font-weight:600;
  font-family:inherit;
}
.fz-dw-search input::placeholder{ color:#767d95; }

/* عناوين المجموعات */
.fz-drawer-body .fz-drawer-label{
  color:#8b7a4e !important;
  font-size:9.5px !important;font-weight:900 !important;
  letter-spacing:2.2px !important;text-transform:uppercase;
  margin:0 0 8px 2px !important;
  padding:0 !important;
}

/* قائمة الروابط */
.fz-dw-nav{ display:flex !important;flex-direction:column !important;gap:3px !important;margin-bottom:18px !important; }
.fz-mrow{
  display:flex !important;align-items:center !important;gap:11px !important;
  width:100% !important;min-height:46px !important;
  padding:0 11px !important;
  border-radius:13px !important;
  background:transparent !important;
  border:1px solid transparent !important;
  color:#d7dcea !important;
  font-size:13.5px !important;font-weight:800 !important;
  text-align:start !important;
  transition:background .16s ease, border-color .16s ease, transform .14s ease;
}
.fz-mrow:active{ transform:scale(.985); }
.fz-mrow:not(.vip):hover, .fz-mrow:not(.vip):active{
  background:rgba(214,178,94,.08) !important;
  border-color:rgba(214,178,94,.16) !important;
}
.fz-mrow .ico{
  width:34px !important;height:34px !important;border-radius:10px !important;
  display:flex !important;align-items:center !important;justify-content:center;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  flex:0 0 auto;
}
.fz-mrow .ico svg{ width:17px;height:17px;stroke:#c9a961 !important; }
.fz-mrow > span:nth-child(2){ flex:1 1 auto; }
.fz-mrow .arr{
  color:#5c6478 !important;
  font-size:16px;opacity:.4;flex:0 0 auto;
}
.fz-mrow.on{
  background:linear-gradient(135deg, rgba(214,178,94,.18), rgba(214,178,94,.06)) !important;
  border-color:rgba(214,178,94,.45) !important;
  color:#f7ecc9 !important;
}
.fz-mrow.on .ico{
  background:linear-gradient(135deg,#fbeec6,#d6b25e 48%,#96732a) !important;
  border:0 !important;
  box-shadow:0 6px 18px rgba(214,178,94,.3) !important;
}
.fz-mrow.on .ico svg{ stroke:#191308 !important; }
/* VIP ذهبي دائماً */
.fz-mrow.vip{
  background:linear-gradient(135deg, rgba(214,178,94,.12), rgba(214,178,94,.03)) !important;
  border-color:rgba(214,178,94,.28) !important;
  color:#f3dfa2 !important;
}
.fz-mrow.vip .ico{ background:linear-gradient(135deg,#fbeec6,#d6b25e 48%,#96732a) !important;border:0 !important; }
.fz-mrow.vip .ico svg{ stroke:#191308 !important; }

/* زر الخروج بلون هادئ محمر */
#fzLogout{ color:#e79aa6 !important; }
#fzLogout .ico svg{ stroke:#e0798a !important; }

/* أزرار اللغة — صغيرة وأنيقة */
.fz-lang{
  display:grid !important;grid-template-columns:repeat(3,1fr) !important;
  gap:6px !important;margin-bottom:16px !important;
}
.fz-lang button{
  height:36px !important;border-radius:11px !important;
  font-size:11.5px !important;font-weight:800 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#b9c0d2 !important;
  transition:all .15s ease;
}
.fz-lang button.on{
  background:linear-gradient(135deg, rgba(214,178,94,.24), rgba(214,178,94,.08)) !important;
  border-color:rgba(214,178,94,.55) !important;
  color:#f7ecc9 !important;
  box-shadow:0 6px 18px rgba(214,178,94,.16) !important;
}

/* شارة +18 */
.fz-dw-badge{
  display:flex !important;align-items:center !important;gap:9px !important;
  padding:10px 12px !important;border-radius:13px !important;
  background:linear-gradient(135deg, rgba(255,77,106,.09), rgba(255,77,106,.02)) !important;
  border:1px solid rgba(255,77,106,.22) !important;
  margin-top:6px;
}
.fz-dw-badge b{
  width:30px;height:30px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ff4d6a,#b8122c);
  color:#fff;font-size:11px;font-weight:900;
  box-shadow:0 5px 16px rgba(255,77,106,.34);
  flex:0 0 auto;
}
.fz-dw-badge span{ font-size:11px;font-weight:800;color:#d59aa5; }

/* تذييل */
.fz-drawer-foot{
  flex:0 0 auto;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px)) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  text-align:center !important;
  font-size:9.5px !important;font-weight:800 !important;
  letter-spacing:1.6px !important;
  color:#5b6178 !important;
}

/* الستارة */
.fz-scrim{
  background:rgba(3,5,10,.68) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

/* ==========================================================================
   تصحيح اتجاه الأسهم في RTL + تحسين الرصيد
   ========================================================================== */

/* سهم الصف كان ‹ على اليسار — في RTL يجب أن يكون على اليمين、
   نعكسه ونضعه في نهاية الصف. */
.fz-mrow .arr{
  order:3 !important;
  margin-inline-start:auto !important;
  margin-inline-end:0 !important;
  color:#6b7387 !important;
  opacity:.5 !important;
  font-size:17px !important;
  transform:scaleX(-1);
}
[dir="ltr"] .fz-mrow .arr{ transform:none; }

/* الصف نفسه: الأيقونة أولاً (يمين في RTL) ثم النص ثم السهم */
.fz-mrow{ flex-direction:row !important; }
.fz-mrow .ico{ order:1 !important; }
.fz-mrow > span:nth-child(2){ order:2 !important; text-align:start !important; }

/* الرصيد في رأس الشريط: أوضح وأكبر */
.fz-ucard .uinfo .bl{
  font-size:12.5px !important;
  padding:3px 11px !important;
  letter-spacing:.2px;
}
.fz-ucard .uinfo .nm{ font-size:15px !important; }

/* بطاقة المستخدم: تمييز أفضل */
.fz-ucard{
  background:linear-gradient(135deg, rgba(214,178,94,.10), rgba(255,255,255,.02) 55%) !important;
  border-color:rgba(214,178,94,.24) !important;
}

/* شارة +18: محاذاة صحيحة */
.fz-dw-badge{ justify-content:flex-start !important; }
[dir="rtl"] .fz-dw-badge b{ order:1; }
[dir="rtl"] .fz-dw-badge span{ order:2; }

/* عناوين المجموعات: من اليمين */
.fz-drawer-body .fz-drawer-label{ text-align:start !important; margin:0 2px 8px 0 !important; }

/* ==========================================================================
   أزرار اللغة: عمودان بعد إزالة العربية
   ========================================================================== */
.fz-lang{
  grid-template-columns:repeat(2,1fr) !important;
}

/* ==========================================================================
   إصلاحات حاسمة — DOM الحقيقي
   ========================================================================== */

/* ① الشريط الأزرق: هو h2::before (3px × 18px) وليس .fz-sec-head::before */
.fz-sec-head h2::before,
.fz-sec-head h2::after,
h2::before, h2::after{
  display:none !important;
  content:none !important;
  width:0 !important;
}
/* بدلاً منه: شريط ذهبي واحد على رأس القسم */
.fz-sec-head{
  position:relative !important;
  padding-inline-start:13px !important;
}
.fz-sec-head::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset-inline-start:0 !important;
  top:6px !important;
  width:4px !important;
  height:22px !important;
  border-radius:99px !important;
  background:linear-gradient(180deg,#fbeec6,#d6b25e 50%,#a8843a) !important;
  box-shadow:0 0 12px rgba(214,178,94,.55) !important;
}
.fz-sec-head::after{ display:none !important; content:none !important; }

/* ② نقطة الأسفل: الكلاس الحقيقي «fz-pill on» لا «button.on» */
.fz-pill.on,
.fz-dock .fz-pill.on,
nav .fz-pill.on{
  color:#f3dfa2 !important;
}
.fz-pill.on::after{
  content:"" !important;
  position:absolute !important;
  bottom:3px !important;
  inset-inline-start:50% !important;
  transform:translateX(-50%) !important;
  width:16px !important;
  height:3px !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,#fbeec6,#d6b25e) !important;
  box-shadow:0 0 10px rgba(214,178,94,.75) !important;
}
.fz-pill.on svg,
.fz-pill.on img{
  filter:drop-shadow(0 0 7px rgba(214,178,94,.75)) !important;
}
/* إزالة أي نقطة زرقاء قديمة */
.fz-pill.on::before{
  background:none !important;
  display:none !important;
  content:none !important;
}
.fz-pill{
  position:relative !important;
}

/* ③ شعار fzi-mark الأزرق → ذهبي */
.fzi-mark{
  background:linear-gradient(145deg,#faeab0,#d6b25e 52%,#a8843a) !important;
  color:#1a1408 !important;
  border-color:rgba(214,178,94,.5) !important;
  box-shadow:0 3px 14px rgba(214,178,94,.4) !important;
}

/* ④ شريط التثبيت: مضغوط جداً بدل 110px */
[class*="install"], .pwa-bar, .fz-install{
  max-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* ⑤ شريط التثبيت الحقيقي: .fz-install-banner — يُزال تماماً */
.fz-install-banner{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

/* ⑥ الحقيقة: أزرار الشريط السفلي كلاسها «on» فقط — نقطة زرقاء 4×4 و شريط قبل */
.fz-dock button.on,
.fz-dock button.on::after,
.fz-dock button.on::before{
  color:#f3dfa2 !important;
}
.fz-dock button.on::before{
  background:linear-gradient(90deg,#fbeec6,#d6b25e) !important;
  box-shadow:0 0 10px rgba(214,178,94,.7) !important;
}
.fz-dock button.on::after{
  background:linear-gradient(135deg,#fbeec6,#d6b25e) !important;
  box-shadow:0 0 10px rgba(214,178,94,.85) !important;
  width:16px !important;
  height:3px !important;
  border-radius:99px !important;
  bottom:2px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  inset-inline-start:auto !important;
}
.fz-dock button.on img,
.fz-dock button.on svg{
  filter:drop-shadow(0 0 8px rgba(214,178,94,.8)) !important;
}
/* النص */
.fz-dock button.on span{ color:#f3dfa2 !important; }

/* ==========================================================================
   الشريط السفلي الحقيقي: NAV.fz-nav > BUTTON.on
   ========================================================================== */
.fz-nav button.on,
nav.fz-nav button.on{
  color:#f3dfa2 !important;
}
.fz-nav button.on span,
nav.fz-nav button.on span{
  color:#f3dfa2 !important;
}
/* النقطة الزرقاء 4×4 → شريط ذهبي */
.fz-nav button.on::after{
  content:"" !important;
  position:absolute !important;
  bottom:5px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:18px !important;
  height:3px !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,#fbeec6,#d6b25e,#a8843a) !important;
  box-shadow:0 0 11px rgba(214,178,94,.85) !important;
  opacity:1 !important;
}
.fz-nav button.on::before{
  background:none !important;
  box-shadow:none !important;
}
.fz-nav button.on img,
.fz-nav button.on svg{
  filter:drop-shadow(0 0 9px rgba(214,178,94,.85)) !important;
}
.fz-nav button{ position:relative !important; }

/* ==========================================================================
   نافذة الدخول — ذهبية فاخرة
   ========================================================================== */
.fz-modal .fz-card{
  background:linear-gradient(180deg,#11141f 0%,#0a0c14 62%,#07080c 100%) !important;
  border:1px solid rgba(214,178,94,.26) !important;
  border-radius:22px !important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.82),
    0 0 0 1px rgba(214,178,94,.09),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  position:relative;
  overflow:hidden;
}
/* وهج ذهبي علوي */
.fz-modal .fz-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px -1px auto -1px !important;
  height:150px !important;
  background:radial-gradient(80% 140% at 50% 0%, rgba(214,178,94,.16), transparent 70%) !important;
  pointer-events:none;
  z-index:0;
}
.fz-modal .fz-card > *{ position:relative; z-index:1; }

/* العنوان */
.fz-modal .fz-card h3{
  font-size:23px !important;
  font-weight:900 !important;
  letter-spacing:-.6px !important;
  background:linear-gradient(180deg,#fffdf5,#f3dfa2 62%,#d6b25e) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  margin-bottom:5px !important;
}
.fz-modal .fz-card p{
  color:#8f93a8 !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
}

/* التسميات */
.fz-modal .fz-card label{
  color:#9a8a63 !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  letter-spacing:1.9px !important;
  text-transform:uppercase;
}

/* الحقول */
.fz-modal .fz-card input{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:13px !important;
  color:#f4f1ea !important;
  font-weight:700 !important;
  font-size:15px !important;
  height:50px !important;
  padding:0 15px !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.fz-modal .fz-card input:focus{
  border-color:rgba(214,178,94,.65) !important;
  background:rgba(214,178,94,.075) !important;
  box-shadow:0 0 0 3px rgba(214,178,94,.14) !important;
  outline:none !important;
}
/* صف كلمة المرور */
.fz-modal .fz-pwrow{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}
.fz-modal .fz-pwrow input{ flex:1 1 auto !important; padding-inline-end:88px !important; }
/* زر «Afficher» */
.fz-modal .fz-pwrow button, #fzPwToggle{
  position:absolute !important;
  inset-inline-end:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  height:34px !important;
  padding:0 12px !important;
  background:rgba(214,178,94,.14) !important;
  border:1px solid rgba(214,178,94,.34) !important;
  border-radius:9px !important;
  color:#f3dfa2 !important;
  font-size:11px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

/* زر «Se connecter» ذهبي */
.fz-modal .fz-btn.go, #fzLoginGo, #fzLoginGo.fz-btn{
  background:linear-gradient(135deg,#faeab0 0%,#e8b93a 46%,#a8843a 100%) !important;
  color:#1a1408 !important;
  -webkit-text-fill-color:#1a1408 !important;
  border:0 !important;
  border-radius:14px !important;
  height:52px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  box-shadow:
    0 12px 34px rgba(214,178,94,.36),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 0 rgba(0,0,0,.16) !important;
  transition:transform .14s ease, box-shadow .14s ease !important;
}
.fz-modal .fz-btn.go:active, #fzLoginGo:active{
  transform:scale(.972) !important;
  box-shadow:0 5px 18px rgba(214,178,94,.26) !important;
}
/* زر «Retour» */
.fz-modal .fz-btn.ghost{
  background:rgba(255,255,255,.05) !important;
  color:#a8abb9 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  height:48px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
/* رسالة الخطأ */
.fz-modal .err{
  color:#ff8095 !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  min-height:16px;
}

/* ==========================================================================
   لاقر فتح اللعبة — ذهبي لا أزرق
   ========================================================================== */
#fzFrameLoad, .fz-load{
  background:radial-gradient(80% 60% at 50% 40%, #0b0e18, #05060a 72%) !important;
}
/* الدائرة الدوّارة */
#fzFrameLoad .sp, #fzFrameLoad [class*="spin"], .fz-spin{
  border-color:rgba(214,178,94,.16) !important;
  border-top-color:#d6b25e !important;
  border-inline-end-color:#f3dfa2 !important;
  filter:drop-shadow(0 0 12px rgba(214,178,94,.55)) !important;
}
/* اسم FORZZA */
#fzFrameLoad b, #fzFrameLoad strong, #fzFrameLoad .brand{
  background:linear-gradient(180deg,#fffdf5,#f3dfa2 58%,#d6b25e) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:5px !important;
  font-weight:900 !important;
}
/* نص «Ouverture…» */
#fzFrameLoad .h, #fzFrameLoad small, #fzFrameLoad p{
  color:#8f93a8 !important;
  font-weight:700 !important;
}
/* شريط التقدم */
#fzFrameLoad .bar, #fzFrameLoad [class*="bar"], #fzFrameLoad progress{
  background:rgba(255,255,255,.07) !important;
  border-radius:99px !important;
  overflow:hidden;
}
#fzFrameLoad .bar i, #fzFrameLoad [class*="bar"] i,
#fzFrameLoad .bar > *, #fzFrameLoad progress::-webkit-progress-value{
  background:linear-gradient(90deg,#a8843a,#d6b25e 52%,#f3dfa2) !important;
  border-radius:99px !important;
  box-shadow:0 0 14px rgba(214,178,94,.65) !important;
}
/* أي بقعة زرقاء داخل اللاقر */
#fzFrameLoad *[style*="2f8fff"], #fzFrameLoad *[style*="1475e1"]{
  background-color:#d6b25e !important;
  border-color:#d6b25e !important;
}

/* الأصناف الحقيقية للاقر: .ld > .fz-spin + .g + .h */
#fzFrameLoad.ld, .ld{
  background:radial-gradient(85% 62% at 50% 42%, #0b0e18 0%, #05060a 74%) !important;
}
/* الدائرة */
#fzFrameLoad .fz-spin{
  border:2.5px solid rgba(214,178,94,.15) !important;
  border-top-color:#f3dfa2 !important;
  border-right-color:#d6b25e !important;
  border-bottom-color:rgba(214,178,94,.55) !important;
  box-shadow:0 0 16px rgba(214,178,94,.28) !important;
}
/* اسم FORZZA */
#fzFrameLoad .g{
  background:linear-gradient(180deg,#fffdf5 0%,#f3dfa2 54%,#d6b25e 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:6px !important;
  font-weight:900 !important;
  filter:drop-shadow(0 2px 12px rgba(214,178,94,.35)) !important;
}
#fzFrameLoad .h{ color:#8f93a8 !important; font-weight:700 !important; }

/* الشريط المتحرك داخل اللاقر: .fz-frame .ld::after — كان var(--acc) أزرق */
.fz-frame .ld::after,
.ld::after{
  background:linear-gradient(90deg,transparent,#a8843a 26%,#f3dfa2 50%,#a8843a 74%,transparent) !important;
  background-size:200% 100% !important;
  height:3px !important;
  box-shadow:0 0 14px rgba(214,178,94,.6) !important;
}
/* خلفية اللاقر: من أزرق #12334f إلى أسود ذهبي */
.fz-frame .ld{
  background:radial-gradient(circle at 50% 38%, #14110a 0%, #0a0806 42%, #030202 76%) !important;
}
/* متغيّر اللون الأساسي داخل الطية — يمنع أي أزرق متبقٍ */
.fz-frame{ --acc:#d6b25e !important; }

/* أيقونة الموقع: لا طلب favicon.ico خارجي */

/* ==========================================================================
   الموقع فرنسي — لا نص عربي ولا RTL إطلاقاً
   ========================================================================== */
html, body{
  direction:ltr !important;
  text-align:left;
}
/* الأرقام دائماً LTR */
.num, b.num, #bal, .bl{ direction:ltr !important; unicode-bidi:isolate; }
/* الشريط الجانبي: LTR أيضاً */
.fz-drawer{ direction:ltr !important; }
.fz-mrow{ direction:ltr !important; text-align:left !important; }
.fz-mrow > span:nth-child(2){ text-align:left !important; }
/* السهم على اليمين دائماً */
.fz-mrow .arr{ transform:none !important; }