/* =========================================================
   fayphysio — Theme X (تصميم جديد) — طبقة فوق styles.css
   ========================================================= */
:root{
  --x-a:#0f5f58; --x-b:#14a393; --x-c:#9fb04a;           /* زيتي / فيروزي / زيتوني */
  --x-glow:rgba(20,163,147,.35);
  --x-glass:rgba(255,255,255,.86); --x-glass-2:rgba(255,255,255,.62);
  --x-stroke:rgba(15,95,88,.14); --x-stroke-2:rgba(15,95,88,.28);
  --x-bg:#eef5f3;
  --x-aur1:rgba(20,163,147,.18); --x-aur2:rgba(159,176,74,.16); --x-aur3:rgba(15,95,88,.12);
  --x-shadow:0 18px 40px -22px rgba(8,42,39,.45);
  --x-r:22px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --x-glass:rgba(16,32,31,.62); --x-glass-2:rgba(20,40,38,.5);
  --x-stroke:rgba(159,214,200,.12); --x-stroke-2:rgba(159,214,200,.24);
  --x-bg:#061312; --x-aur1:rgba(20,163,147,.22); --x-aur2:rgba(159,176,74,.14); --x-aur3:rgba(56,120,255,.08);
  --x-shadow:0 22px 50px -24px rgba(0,0,0,.85);
  --bg:#061312; --surface:#0d1d1c; --surface-2:#112423; --line:#173130; --line-2:#21403e;
}}
:root[data-theme="dark"]{
  --x-glass:rgba(16,32,31,.62); --x-glass-2:rgba(20,40,38,.5);
  --x-stroke:rgba(159,214,200,.12); --x-stroke-2:rgba(159,214,200,.24);
  --x-bg:#061312; --x-aur1:rgba(20,163,147,.22); --x-aur2:rgba(159,176,74,.14); --x-aur3:rgba(56,120,255,.08);
  --x-shadow:0 22px 50px -24px rgba(0,0,0,.85);
  --bg:#061312; --surface:#0d1d1c; --surface-2:#112423; --line:#173130; --line-2:#21403e;
}

/* ---------- الخلفية الحيّة ---------- */
body.app{background:var(--x-bg)!important;position:relative}
body.app::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(40vmax 40vmax at 85% 8%,var(--x-aur1),transparent 60%),
    radial-gradient(36vmax 36vmax at 5% 40%,var(--x-aur2),transparent 62%),
    radial-gradient(44vmax 44vmax at 70% 95%,var(--x-aur3),transparent 60%);
  animation:xAur 22s ease-in-out infinite alternate}
@keyframes xAur{to{transform:translate3d(-3vmax,2vmax,0) rotate(8deg)}}

/* ---------- الشريط العلوي ---------- */
.topbar{background:var(--x-glass)!important;-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--x-stroke)!important;box-shadow:none!important}
.topbar::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--x-b),var(--x-c),transparent);opacity:.6}
.icon-btn{border-radius:14px!important;background:var(--x-glass-2)!important;border:1px solid var(--x-stroke)!important}

/* ---------- البطل (مختصر) ---------- */
.hero .lead,.hero .facts,.hero .hx-edu,.hero .voice-hint,.how3,.hero .kicker{display:none!important}
.hero.hero-x{padding-block:14px 30px!important;min-height:0!important}
.hero .search.big{position:relative;z-index:3;margin-bottom:6px}
.hero .hx-visual{max-height:210px}
.hero .hx-orb{transform:scale(.72);transform-origin:center}
.hero .hx-title{font-size:clamp(1.7rem,6.5vw,2.8rem)!important;line-height:1.25;background:linear-gradient(90deg,#fff,#c9f3e8 45%,#e3ecb4);-webkit-background-clip:text;background-clip:text;color:transparent!important;margin-bottom:14px}
:root[data-theme="light"] .hero .hx-title{background:linear-gradient(90deg,#fff,#d9fff4)}
.hero .search.big{border-radius:18px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.28)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px -16px rgba(0,0,0,.6)}
.hero .search.big input{color:#fff!important}
.hero .search.big input::placeholder{color:rgba(255,255,255,.72)!important}
.hero .search.big>svg{color:#fff!important}

/* ---------- المخطط التشريحي ---------- */
.anat-card{background:var(--x-glass)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--x-stroke)!important;border-radius:26px!important;box-shadow:var(--x-shadow)!important;position:relative;overflow:hidden}
.anat-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--x-b),transparent 40%,transparent 60%,var(--x-c));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}
.regions button,.regions .reg,.regions>*{border-radius:14px!important}

/* ---------- شريط التصفية ---------- */
.toolbar{background:var(--x-glass)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--x-stroke)!important}
.chips .chip,.chips button{border-radius:999px!important;border:1px solid var(--x-stroke-2)!important;background:var(--x-glass-2)!important;transition:all .25s}
.chips .chip.on,.chips button.on,.chips [aria-selected="true"]{background:linear-gradient(135deg,var(--x-a),var(--x-b))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px -8px var(--x-glow)}

/* ---------- بطاقات التمارين ---------- */
.results-head h2{font-size:1.5rem!important}
.grid{gap:14px!important}
.card{border-radius:var(--x-r)!important;background:var(--x-glass)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--x-stroke)!important;box-shadow:var(--x-shadow)!important;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important}
.card:hover{transform:translateY(-4px)!important;border-color:var(--x-stroke-2)!important;box-shadow:0 26px 50px -24px var(--x-glow),var(--x-shadow)!important}
.card .media{border:0!important;background:#07201e!important}
.card .media::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(4,20,19,.55),transparent);pointer-events:none}
.card .media img{transform:scale(1.02)}
.card:hover .media img{transform:scale(1.08)!important}
.card .code{border-radius:10px!important;background:rgba(6,19,18,.62)!important;color:#dff5ee!important;border:1px solid rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}
.card .dur{border-radius:10px!important;background:rgba(6,19,18,.62)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}
.card .play-ico{z-index:2;background:linear-gradient(135deg,var(--x-b),var(--x-c))!important;color:#fff!important;box-shadow:0 0 0 8px rgba(20,163,147,.18),0 10px 26px -8px var(--x-glow)!important}
.card .body{padding:12px 14px 14px!important}
.card h3{font-size:1.05rem!important}
.card .tag,.card .lvl{border-radius:999px!important}

/* ---------- نافذة التمرين والفيديو ---------- */
.sheet-backdrop{background:rgba(3,12,11,.62)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet-panel{background:var(--x-glass)!important;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border:1px solid var(--x-stroke)!important}
.video-box{border-radius:20px!important;overflow:hidden;box-shadow:0 0 0 1px var(--x-stroke-2),0 24px 60px -26px var(--x-glow)!important;background:#061312!important}
.video-box video{background:#061312!important}
.big-play{background:linear-gradient(135deg,var(--x-b),var(--x-c))!important;color:#fff!important;box-shadow:0 0 0 10px rgba(20,163,147,.18)!important}
.vprog i{background:linear-gradient(90deg,var(--x-b),var(--x-c))!important}
.block,.ex-facts{border-radius:18px!important;background:var(--x-glass-2)!important;border:1px solid var(--x-stroke)!important}
.btn.primary,.icon-btn.solid{background:linear-gradient(135deg,var(--x-a),var(--x-b))!important;border:0!important;color:#fff!important;box-shadow:0 10px 24px -12px var(--x-glow)}
.steps li::before,.steps li>b:first-child{background:linear-gradient(135deg,var(--x-a),var(--x-b))!important;color:#fff!important}

/* ---------- الشريط السفلي العائم ---------- */
@media (max-width:899px){
  .tabbar{inset-inline:12px!important;bottom:calc(10px + var(--safe-b,0px))!important;height:64px!important;padding-bottom:0!important;border-radius:22px!important;background:var(--x-glass)!important;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--x-stroke-2)!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.55)!important}
  .tabbar a{border-radius:18px;margin:6px 4px;transition:all .25s}
  .tabbar a.on,.tabbar a[aria-current]{background:linear-gradient(135deg,var(--x-a),var(--x-b))!important;color:#fff!important;box-shadow:0 8px 18px -8px var(--x-glow)}
  .tabbar a.on::before,.tabbar a.on::after{display:none!important}
  body{padding-bottom:96px!important}
}
.tabbar a.x-login,.deck-nav a.x-login{color:var(--x-b)}

/* ---------- الإرشادات والتذييل ---------- */
.gcard,.alert-card{border-radius:22px!important;background:var(--x-glass)!important;border:1px solid var(--x-stroke)!important;box-shadow:var(--x-shadow)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.footer{background:transparent!important;border-top:1px solid var(--x-stroke)!important}
.anat-float{margin-top:-18px!important}
.hero .hx-wave{opacity:.0}
/* شريط علوي داكن زجاجي في الوضعين */
.topbar{background:rgba(6,22,21,.66)!important}
.topbar .brand-txt b,.topbar .brand-txt small,.topbar .deck-nav a{color:#eaf6f2!important}
.topbar .brand-txt small{opacity:.75}
.topbar .icon-btn{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;color:#eaf6f2!important;opacity:1!important}
.topbar .icon-btn svg{color:#eaf6f2!important}
.hero .hx-title{display:none!important}