/* ════════ VOLURR ACADEMY — FOCUSED CHROME (owner brief 2026-08-06) ════════
   Owner: «شريط سعر حذف لي هذا قسم · و شريط اخر فقط لغه و فول سكرين ومود الون · باقي حذف»
   → inside the Academy section ONLY:
     · the global top PRICE TICKER is removed — a learner reading a lesson has no use for a scrolling
       XAU/SILVER strip, and its 1Hz repaint is a live distraction over static teaching text,
     · the header strip keeps exactly THREE controls — language · colour mode · fullscreen —
       so Market Status / Next Session / search / notifications / mail / ⋯menu / avatar all go,
     · the page TITLE leaves the topbar too, because the redesigned page carries its own header band
       (the same move the News and Calendar sections already made: one title on the page, not two).

   EVERY rule is gated on body[data-view="academy"], so it can only ever affect this one view and has
   zero effect anywhere else. shell.js:59 sets that attribute; router.js:40 routes p==='academy'.
   Loaded globally from index.html, NOT lazily, so it applies the instant data-view flips — no
   first-entry flash of the ticker. Restoration is automatic: leaving the Academy flips data-view away,
   every rule below stops matching, and the ticker + full header return with no reload, no stale state,
   and no JS involved at all.

   Same proven pattern as news-chrome.css / rvil-chrome.css / agi.css / access.css. ──── */

/* ── 1 · the global price ticker ── */
html:not(.wco-on) body[data-view="academy"] .ticker{display:none}
html.wco-on       body[data-view="academy"] .ticker{display:none}   /* installed-PWA window-controls-overlay: still hidden, but .app keeps its wco offset so content clears the OS titlebar */

/* reclaim the 34px the fixed ticker reserved, so the header sits at the very top.
   Gated on :not(.wco-on) because in the installed PWA that padding is the OS titlebar's, not the ticker's. */
html:not(.wco-on) body[data-view="academy"] .app{padding-top:0}
html:not(.wco-on) body[data-view="academy"] .side{top:0}
html:not(.wco-on) body[data-view="academy"] .topbar{top:0}
html:not(.wco-on) body[data-view="academy"] .sidetog{top:19px}      /* re-centre the sidebar toggle against the shifted-up rail */

/* ── 2 · the header strip: language · theme · fullscreen survive, nothing else ──
   #btnLang, #themeBtn and #btnFs are deliberately absent from this list — they are what remains.
   .burger is also absent: it is the ≤900px navigation and removing it would strand mobile users
   inside the Academy with no way back to the rail. */
body[data-view="academy"] .hdr-status,      /* Market Status: Open · Next Session: 01:58:30 */
body[data-view="academy"] #btnSearch,
body[data-view="academy"] #btnBell,
body[data-view="academy"] #btnMail,
body[data-view="academy"] #btnMore,
body[data-view="academy"] #userChip{display:none!important}

/* the page title moves into the view's own header band — one title per page, not two */
body[data-view="academy"] .topbar .hdrL{display:none}

/* with only three controls left, let them sit where the eye expects them rather than floating
   against a now-empty bar */
body[data-view="academy"] .topbar .hdr-acts{margin-inline-start:auto}

/* ── 3 · the phone · MEASURED FIX for a defect this file introduced ──
   charts-page.css:136-138 hides #themeBtn, #btnLang AND #btnFs below 760px and promotes #btnMore to be
   their only carrier. Rule 2 above hides #btnMore. The two together left a 375px phone inside the
   Academy with ZERO of the three controls the owner asked to keep — measured 0/3 in the browser at
   375x812, against 1 (the ⋯ carrier) on every other view. The removal worked and the keeping did not.

   So the three are restored explicitly here, as real buttons rather than as entries in a menu.
   #btnMore stays hidden on purpose: re-showing it would drag Search, Notifications and Mail back in
   through its menu, which is exactly what the owner asked to remove. !important is required because
   charts-page.css's rule is media-scoped and equally specific. */
/* SUPERSEDED by section 4: the page's own band now carries all three controls at every width, so the
   ≤760px restore below would show each of them TWICE — once in the strip, once in the band, measured
   on a 390px phone. The strip keeps only .burger, which is the sole navigation a phone has and is a
   direct child of .topbar. The controls are hidden here rather than the rule being deleted, because
   charts-page.css:136-138 hides them below 760px anyway and this states the intent at this width
   explicitly instead of relying on another section's breakpoint to do it. */
@media (max-width:900px){
  body[data-view="academy"] .hdr-acts{display:none!important}
}

/* ── 4 · THE TOPBAR MERGES INTO THE PAGE (owner brief 2026-08-06: «شريط اعلا دمج صفح · بدون كثير فرغات») ──
   With only three controls left, the header strip had become a ~66px band of empty white across the
   whole viewport carrying two buttons in one corner. That is worse than the full topbar it replaced:
   the full one at least earned its height. So the three controls move INTO the page's own header band,
   where they sit beside the title, and the strip itself takes zero height on desktop.

   visibility:hidden + height:0, NOT display:none, and the reason is load-bearing: #langMenu is a CHILD
   of .topbar. display:none on the parent would make the language popover unopenable from the band that
   now owns the button. The popover is explicitly returned to visible below.

   ≤900px keeps the slim strip, because .burger is a direct child of .topbar and it is the only
   navigation a phone has — removing it would strand a reader inside the Academy. */
@media (min-width:901px){
  html:not(.wco-on) body[data-view="academy"] .topbar{
    visibility:hidden;height:0;min-height:0;padding:0;border:0;background:transparent;backdrop-filter:none}
  html:not(.wco-on) body[data-view="academy"] .topbar .popover{visibility:visible}
  html:not(.wco-on) body[data-view="academy"] .sidetog{top:10px}
  html:not(.wco-on) body[data-view="academy"] .main{padding-top:12px}
}