/*
 * Kora OnLive — v12-platform.css
 * V12.1: طبقة تصميم إضافية فوق style.css / v11-polish.css / signature-upgrade.css.
 * لا تغيّر أي منطق أو محرك مباريات — فقط واجهة: شريط تنقل سفلي للجوال (يطابق
 * روابط ko-bottom-nav في footer.php) وربط بصري لأقسام المنصة الجديدة
 * (مباشر / البطولات / المنتخبات / المفضلة) مع هوية الموقع الحالية.
 */

/* ---------- Bottom app navigation (mobile) ---------- */






.ko-bottom-nav a:not(.active):hover{ color:#fff; background:rgba(255,255,255,.06); }



html[data-theme="light"] .ko-bottom-nav a:not(.active):hover{ color:#0a1b2f; background:rgba(10,42,72,.06); }

@media(max-width:820px){
  
  /* اترك مساحة كافية أسفل الصفحة كي لا يغطي الشريط آخر عنصر */
  body{ padding-bottom:78px; }
}


/* ---------- New platform sections: unify header nav pills ---------- */


/* Favorites heart glyph consistency wherever it's used stand-alone in nav */


/* ==========================================================================
 * V13 — Real visual redesign of the portal pages (/live/, /stats/,
 * /competitions/, /national-teams/, /favorites/, /scorers/).
 * These pages previously rendered as plain text rows (.ko-portal-match) —
 * this replaces them with real match cards matching the premium visual
 * language already used on the homepage board, without touching any PHP
 * logic, REST endpoint, or data source.
 * ========================================================================== */
























/* Stat / competition cards: give each its own accent instead of one flat look */
















/* ==========================================================================
 * V13 — /compare/ : new Head-to-Head platform feature (page-compare.php)
 * ========================================================================== */
























/* Homepage directory zone now has 4 cards (news / teams / compare / rankings) */
@media(min-width:640px){
  .home-directory-zone{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media(min-width:1100px){
  .home-directory-zone{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
.home-directory-compare .home-directory-icon{
  background:linear-gradient(135deg,rgba(24,232,117,.16),rgba(25,118,210,.16));
}
.home-directory-rankings .home-directory-icon{
  background:linear-gradient(135deg,rgba(255,193,7,.18),rgba(25,118,210,.14));
}

/* ==========================================================================
 * V13.1 — Professional empty states (portal pages + compare) and a
 * "recent matches" fallback so /compare/ is never a dead end.
 * ========================================================================== */













/* Article header: branded fallback banner when a post has no featured image,
 * instead of the header jumping straight from meta into body content. */





/* ==========================================================================
 * V14 — /rankings/ : new Power Rankings platform feature (page-rankings.php)
 * ========================================================================== */

















.is-pos{ color:#0a9c4a; } .is-neg{ color:#ff4350; }


  








/* ==========================================================================
 * FIX — primary nav now has 12 items (compare + rankings added). Without
 * this, flex children shrink instead of scrolling on narrower/1920px-fit
 * layouts, which squeezes the standings icon+text combo until the icon
 * overlaps its own label ("ترتيب الدوريات"). Force natural width + a
 * horizontal scroll for overflow instead of any shrinking.
 * ========================================================================== */





/* ==========================================================================
 * FIX — critical bug: opening a native <select> dropdown (e.g. the two team
 * pickers on /compare/) rendered as a solid black box with invisible text.
 * Root cause: the site never declares `color-scheme`, even though it has
 * its own light/dark toggle (html[data-theme]). Without it, some mobile
 * browsers (notably Chrome's Android "force dark" heuristic) guess the
 * color scheme for native UI -- including <select> popups -- and can
 * render them dark-on-dark/black regardless of the page's own CSS, since
 * that popup is drawn by the OS/browser, not by our styles.
 * Declaring color-scheme per theme tells the browser which native palette
 * to use for form controls, scrollbars, etc., and stops it from
 * overriding them unpredictably.
 * ========================================================================== */
html{ color-scheme: light; }
html[data-theme="dark"]{ color-scheme: dark; }
html[data-theme="light"]{ color-scheme: light; }
/* Belt-and-braces: force light native rendering on our own select/option
   elements specifically, independent of the OS/browser color-scheme guess. */
select, option{
  color-scheme: light;
  background-color: #fff;
  color: #0c1d33;
}
html[data-theme="dark"] select,
html[data-theme="dark"] option{
  color-scheme: dark;
  background-color: #172330;
  color: #f5f8fc;
}

/* ==========================================================================
 * FIX — real article-reading contrast bug in light mode (found while
 * working on "improve article appearance + font in day/night mode").
 * The V12.3.4/5 "Article Pro" redesign hardcoded light/pale text colors
 * for category chip, byline and the lead paragraph with NO light-mode
 * counterpart (style.css only overrode a handful of other .ko-v127-*
 * selectors for light mode, not these three) — so in light mode these
 * three pieces of text render in very pale off-white/blue tones on a
 * white background: close to invisible, worst of all on the FIRST
 * paragraph every reader sees when opening an article.
 * ========================================================================== */
html:not([data-theme="dark"]) .single-post .ko-v127-category{
  color:#0d3a63 !important;
  background:rgba(25,118,210,.10) !important;
  border-color:rgba(25,118,210,.22) !important;
}
html:not([data-theme="dark"]) .single-post .ko-v127-author{
  color:#1c3a56 !important;
}
html:not([data-theme="dark"]) .single-post .ko-v127-reading p:first-of-type{
  color:#14263c !important;
}
html:not([data-theme="dark"]) .single-post .ko-v127-meta{
  color:#5a7390 !important;
}

/* Reading-comfort font pass (applies to both themes — base size was a
 * fairly small 14px for long-form reading). Family stays Tajawal (already
 * the site-wide font, a solid, legible Arabic typeface) with explicit
 * fallbacks for robustness. */





/* ==========================================================================
 * FIX — article sidebar (standings + Top Stories) is correctly sticky, but
 * on long articles it is much shorter than the article text, leaving a
 * visibly empty column below it as the reader scrolls ("فراغات على الجانب
 * تحت جدول الترتيب"). Two changes: give the sidebar a proper closing card
 * instead of ending abruptly, and keep the sticky box capped to the
 * viewport height with its own scroll so it never looks like a floating
 * fragment in a sea of blank space.
 * ========================================================================== */








/* ==========================================================================
 * V16 — Unmistakable article-reading upgrade: progress bar, accent header
 * bar on the article card, styled in-content links, redesigned quote.
 * Deliberately bold/visible so the change is obvious at a glance.
 * ========================================================================== */











/* Drop-cap style opening for the article's first paragraph */



/* Quote mark accent on blockquotes */




/* ==========================================================================
 * FIX — the share-icons column (.ko-v127-share, left side of the article)
 * leaves a long empty gutter while reading, visible in the user's second
 * screen recording. Root cause found in style.css: two rules with EQUAL
 * specificity set opposite positioning (position:sticky then, later in the
 * file, position:static) -- the later one wins, so the icons are NOT
 * sticky and simply scroll away with the top of the page, leaving blank
 * space below for the rest of a long article (the same class of issue
 * already fixed on the standings sidebar).
 * Also found a latent, unconditional ".single-post .ko-v127-share{display:
 * none!important}" rule elsewhere in style.css. Its higher specificity
 * means it would currently win and hide the share icons entirely if a
 * future edit reordered anything -- neutralized here regardless, since
 * share icons disappearing outright would be worse than the gap.
 * ========================================================================== */



/* ==========================================================================
 * V15 — Premium dark hero for all .entity-hero-pro pages (team, league,
 * compare, rankings) so they match the new V12.3.4/5 article design
 * language instead of looking like an older, lighter, unrelated section
 * of the same site. Pure visual override, no markup/logic touched.
 * ========================================================================== */














/* V12.3.2 SAFE VIDEO FIXES — visual contrast + truthful empty states */