/*
 * Kora OnLive V11 — focused visual polish.
 * This layer is intentionally small and scoped so it can be removed without
 * touching the legacy cascade or the match engine.
 */
:root {
  --klp-v11-ink: #071a31;
  --klp-v11-blue: #1477ff;
  --klp-v11-cyan: #35b7ff;
  --klp-v11-green: #16e77a;
  --klp-v11-shadow: 0 20px 60px rgba(4, 25, 52, .12);
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.home-news-match-hero {
  isolation: isolate;
  overflow: hidden;
}

.home-news-match-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(53, 183, 255, .14), transparent 28%),
    linear-gradient(115deg, transparent 0 58%, rgba(255,255,255,.06) 58.2%, transparent 64%);
  z-index: -1;
}

.home-match-dashboard,
.home-standings-widget,
.home-saudi-standalone,
.home-ucl-standalone{
  box-shadow: var(--klp-v11-shadow);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-match-dashboard:hover,
.home-standings-widget:hover{
  border-color: rgba(20, 119, 255, .22);
  box-shadow: 0 26px 74px rgba(4, 25, 52, .16);
}

.v144-comp{
  position: relative;
  overflow: hidden;
}

.v144-comp::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--klp-v11-blue), var(--klp-v11-cyan), var(--klp-v11-green));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .24s ease;
}

.v144-comp:hover::after{
  transform: scaleX(1);
}

.klp-ad-placeholder {
  display: block;
  min-height: 28px;
  padding: 8px 14px;
  color: #7890a8;
  border: 1px dashed rgba(20, 119, 255, .18);
  border-radius: 12px;
  background: rgba(20, 119, 255, .025);
  text-align: center;
  font-size: 11px;
}

.home-ad-top-raw,
.home-ad-slot{
  min-height: 28px;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(53, 183, 255, .46);
  outline-offset: 3px;
}

@media (max-width: 680px) {
  

  .home-match-dashboard,
  .home-standings-widget,
  .home-saudi-standalone,
  .home-ucl-standalone {
    border-radius: 20px !important;
  }

  .klp-ad-placeholder {
    min-height: 24px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-match-dashboard,
  .home-standings-widget,
  .v144-comp::after{
    transition: none;
  }
}
/* Kora OnLive V11.1 — production visual refinement */
:root{
  --klp-accent:#1477ff;
  --klp-accent-2:#35b7ff;
  --klp-success:#16d978;
  --klp-radius-xl:24px;
  --klp-radius-lg:18px;
}
body{overflow-x:clip}
main.site-shell{position:relative}
main.site-shell::before{content:"";position:absolute;inset:0 0 auto; height:240px;pointer-events:none;z-index:-1;background:radial-gradient(circle at 78% 0,rgba(20,119,255,.10),transparent 38%),radial-gradient(circle at 18% 8%,rgba(22,217,120,.055),transparent 32%)}
.board-title{font-weight:950;letter-spacing:-.02em}
.board-title:after{width:52px!important;height:4px!important;border-radius:99px!important;background:linear-gradient(90deg,var(--klp-accent),var(--klp-accent-2),var(--klp-success))!important}
.day-tabs{position:relative;isolation:isolate}
.day-tabs::before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(90deg,rgba(20,119,255,.045),transparent 48%,rgba(22,217,120,.035));pointer-events:none;z-index:-1}
.day-tabs button{border:1px solid rgba(20,119,255,.10)!important;border-radius:16px!important;background:var(--ko-card)!important;box-shadow:0 8px 22px rgba(4,25,52,.055)!important}
.day-tabs button.active{box-shadow:0 12px 28px rgba(20,119,255,.22)!important;transform:translateY(-2px)}
.match-toolbar{border:1px solid rgba(20,119,255,.10)!important;border-radius:18px!important;background:color-mix(in srgb,var(--ko-card) 94%,transparent)!important;backdrop-filter:blur(12px)}
.league,.home-match-dashboard,.home-standings-widget,.home-saudi-standalone,.home-ucl-standalone{border-radius:20px!important;box-shadow:0 14px 42px rgba(4,25,52,.075)!important}
.league:hover{transform:translateY(-2px);box-shadow:0 20px 52px rgba(4,25,52,.105)!important}
.fixture-table-row{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fixture-table-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(4,25,52,.09)}
.team-logo,.premium-logo{box-shadow:0 8px 20px rgba(4,25,52,.10)!important;border:1px solid rgba(20,119,255,.08)}

@media(max-width:680px){
  main.site-shell::before{height:180px}
  .day-tabs button{border-radius:14px!important}
  .fixture-table-row{transform:none!important}
}
@media(prefers-reduced-motion:reduce){.league,.fixture-table-row{transition:none!important}.league:hover,.fixture-table-row:hover{transform:none}}

/* Kora OnLive V11.1.1 — Unified page / remove unintended blank space */
/* The previous cascade contained a global article-only hide rule. Restore the
   site chrome and make the homepage flow as one continuous layout. */

.klp-news-ticker {
  display: flex !important;
}

/* Ads are opt-in in V11.1. Keep disabled/empty slots from reserving vertical space. */
.home-ad-top-raw,
.home-ad-slot,
.home-ad-slot-mid {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.home-ad-top-raw:has(.klp-ad-placeholder),
.home-ad-slot:has(.klp-ad-placeholder),
.home-ad-slot-mid:has(.klp-ad-placeholder) {
  display: none !important;
}

/* Remove artificial reserved space introduced by content-visibility on the homepage. */
.home-page,
.home-page > *,
.home-news-match-hero,
.home-top-competitions-v144,
.home-match-dashboard,
.home-news-zone,
.home-article-slider,
.v144-comp {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* One continuous visual flow: tight, consistent rhythm instead of isolated gaps. */
main.site-shell {
  padding-top: 12px !important;
  padding-bottom: 28px !important;
}
.home-page {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home-page > section,
.home-page > .home-news-match-hero,
.home-page > .home-top-competitions-v144,
.home-page > .home-match-dashboard,
.home-page > .home-news-zone {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.home-news-match-hero {
  gap: 10px !important;
}
.v144-section-head,
.board-title{
  margin-bottom: 8px !important;
}
.home-top-competitions-v144,
.home-match-dashboard,
.home-news-zone {
  margin-inline: 0 !important;
}


/* Eliminate accidental blank wrappers while retaining real content. */
.home-page > .home-ad-top-raw,
.home-page > .home-ad-slot,
.home-page > .home-ad-slot-mid:empty {
  display: none !important;
}

@media (max-width: 680px) {
  main.site-shell {
    padding-top: 8px !important;
    padding-bottom: 18px !important;
  }
  .home-page { gap: 8px !important; }
  .home-news-match-hero { gap: 8px !important; }
  
}

/* Kora OnLive V11.1.2 — SEO content navigation + tighter visual rhythm */




/* Keep the public page visually continuous: no accidental oversized section gaps. */
main.site-shell{padding-top:14px!important;padding-bottom:32px!important}
main.site-shell>*:first-child{margin-top:0!important}

.home-dashboard-grid,.home-news-match-hero{row-gap:14px!important}
.home-match-dashboard,.home-standings-widget,.home-saudi-standalone,.home-ucl-standalone,.v144-comp,.panel{margin-block:0!important}
@media(max-width:680px){main.site-shell{padding-top:10px!important;padding-bottom:22px!important}}

/* ========================================================================
 * Kora OnLive V11.2 — Unified UI / compact visual system
 * Goal: make the site read as one continuous product instead of a stack of
 * unrelated cards. Presentation-only: no match/API/SEO business logic.
 * ====================================================================== */
:root{
  --klp-ui-max:1160px;
  --klp-ui-gap:12px;
  --klp-ui-radius:18px;
  --klp-ui-radius-sm:14px;
  --klp-ui-line:rgba(20,119,255,.10);
  --klp-ui-shadow:0 10px 30px rgba(4,25,52,.065);
}

/* One shared canvas */
body{background:radial-gradient(circle at 50% -12%,rgba(53,161,255,.09),transparent 30%),var(--ko-bg,var(--bg))!important}
main.site-shell{width:min(var(--klp-ui-max),calc(100% - 24px));padding-top:10px!important;padding-bottom:42px!important}
.home-page{gap:12px!important}
.home-page>*{margin-top:0!important;margin-bottom:0!important}

/* Header becomes one compact band */





.klp-news-ticker{min-height:36px!important;height:36px!important}


.klp-ticker-item{font-size:9px!important}

/* Remove the boxed-logo feeling while retaining the brand */




/* Hero + standings form one visual unit */
.home-news-match-hero{
  grid-template-columns:minmax(0,1.62fr) minmax(300px,.78fr)!important;
  gap:10px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid var(--klp-ui-line)!important;
  border-radius:var(--klp-ui-radius)!important;
  background:var(--ko-card,var(--surface))!important;
  box-shadow:var(--klp-ui-shadow)!important;
}
.home-article-slider{
  height:372px!important;
  min-height:372px!important;
  border-radius:15px!important;
  border:0!important;
  box-shadow:none!important;
}
.home-saudi-standalone,.home-ucl-standalone{
  border-radius:15px!important;
  border:1px solid rgba(83,194,255,.13)!important;
  box-shadow:none!important;
  padding:15px!important;
}
.home-saudi-head h2{font-size:18px!important}
.home-saudi-table{min-height:0!important}

/* Competition strip: compact and attached to the same canvas */
.home-top-competitions-v144{
  padding:12px 14px!important;
  border:1px solid var(--klp-ui-line)!important;
  border-radius:var(--klp-ui-radius)!important;
  background:var(--ko-card,var(--surface))!important;
  box-shadow:none!important;
}
.home-top-competitions-v144 .v144-section-head{margin-bottom:9px!important}
.home-top-competitions-v144 .v144-section-head h2{font-size:19px!important}
.home-top-competitions-v144 .v144-section-head>a{padding:6px 9px!important}
.home-top-competitions-v144 .v144-competition-grid{gap:7px!important}
.v144-comp{min-height:76px!important;border-radius:13px!important;box-shadow:none!important;padding:8px!important}
.v144-comp .v144-comp-badge{width:34px!important;height:34px!important}
.v144-comp .v144-comp-badge img{max-width:30px!important;max-height:30px!important}
.v144-comp strong{font-size:10px!important}
.v144-comp small{font-size:8px!important}

/* Match center becomes the primary continuous surface */
.home-match-dashboard{
  padding:12px!important;
  border-radius:var(--klp-ui-radius)!important;
  border:1px solid var(--klp-ui-line)!important;
  background:var(--ko-card,var(--surface))!important;
  box-shadow:var(--klp-ui-shadow)!important;
}
.home-match-dashboard:before{padding:10px 13px 8px!important}
.fixtures-day-selector-head{margin-bottom:7px!important}
.day-tabs{margin-bottom:9px!important;gap:6px!important}
.day-tabs button{box-shadow:none!important;border-radius:13px!important;padding:8px!important}
.match-toolbar{margin-bottom:12px!important;border-radius:13px!important;box-shadow:none!important}
.home-dashboard-grid{gap:10px!important}
.home-standings-widget{border-radius:15px!important;box-shadow:none!important}

/* Fewer visual borders inside the match area */
.home-match-dashboard .match,.home-match-dashboard .league,.home-match-dashboard .fixture-table-row{
  box-shadow:none!important;
}
.home-match-dashboard .match:hover{box-shadow:0 8px 20px rgba(8,34,59,.075)!important}

/* News is part of the same canvas, not a detached page */
.home-news-zone{
  margin-top:0!important;
  padding:14px!important;
  border-radius:var(--klp-ui-radius)!important;
  border:1px solid var(--klp-ui-line)!important;
  background:var(--ko-card,var(--surface))!important;
  box-shadow:var(--klp-ui-shadow)!important;
}
.v144-section-head{margin-bottom:9px!important}
.home-news-grid{gap:9px!important}
.home-news-card{border-radius:14px!important;box-shadow:none!important;border-color:var(--klp-ui-line)!important}
.home-news-image{height:132px!important}
.home-news-body{padding:11px!important}
.home-news-body h3{font-size:14px!important;line-height:1.5!important}
.home-news-body p{font-size:10px!important;line-height:1.7!important}

/* Article pages: consistent reading surface */






/* Footer closes the same visual system */


/* Desktop: use the available width without creating dead zones */
@media(min-width:901px){
  .home-top-competitions-v144 .v144-competition-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}

@media(max-width:900px){
  main.site-shell{width:min(100% - 16px,1160px)!important}
  
  
  
  .home-news-match-hero{grid-template-columns:1fr!important;padding:7px!important}
  .home-article-slider{height:320px!important;min-height:320px!important}
  .home-top-competitions-v144{padding:11px!important}
  .home-top-competitions-v144 .v144-competition-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0!important}
  .home-dashboard-grid{gap:10px!important}
}

@media(max-width:680px){
  main.site-shell{width:calc(100% - 10px)!important;padding-top:7px!important;padding-bottom:28px!important}
  
  
  
  
  .klp-news-ticker{height:34px!important;min-height:34px!important}
  
  
  .home-page{gap:9px!important}
  .home-news-match-hero{gap:7px!important;border-radius:15px!important;padding:6px!important}
  .home-article-slider{height:285px!important;min-height:285px!important;border-radius:12px!important}
  .home-saudi-standalone,.home-ucl-standalone{border-radius:12px!important;padding:12px!important}
  .home-top-competitions-v144,.home-match-dashboard,.home-news-zone{border-radius:15px!important}
  .home-top-competitions-v144 .v144-competition-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .v144-comp{min-height:70px!important}
  .home-match-dashboard{padding:9px!important}
  .day-tabs{gap:4px!important}
  .day-tabs button{border-radius:11px!important}
  .home-news-zone{padding:10px!important}
  .home-news-grid{gap:7px!important}
  .home-news-image{height:118px!important}
}

@media(max-width:430px){
  
  
  .home-article-slider{height:255px!important;min-height:255px!important}
  .home-article-overlay{padding:16px!important}
  .home-article-overlay h1,.home-article-overlay h2{font-size:20px!important}
  .home-top-competitions-v144 .v144-section-head h2{font-size:17px!important}
  .home-news-image{height:108px!important}
}

@media(prefers-reduced-motion:reduce){
  .home-news-card,.v144-comp,.home-match-dashboard .match{transition:none!important}
}

/* Kora OnLive V11.3 — Editorial layout, compact header, balanced sidebar and contextual SEO links */




.klp-news-ticker{min-height:34px!important;height:34px!important}

main.site-shell{padding-top:7px!important;padding-bottom:18px!important}

/* One visual canvas: remove unnecessary visual gaps between global layers. */












/* Keep the article sidebar useful instead of leaving a dead visual column. */













/* Editorial related block: compact, full-width continuation of the article. */







/* Make SEO hub part of the editorial flow, not a detached widget. */


/* Home: compact the upper chrome while preserving match visibility. */
.home-page{padding-top:0!important}
.home-news-match-hero{margin-top:0!important}
.home-dashboard-grid{row-gap:10px!important}
.home-news-zone{margin-top:0!important}


@media(max-width:900px){
  
  
  
  .klp-news-ticker{min-height:32px!important;height:32px!important}
  main.site-shell{padding-top:5px!important;padding-bottom:12px!important}
  
  
  
  
  
  
}
@media(max-width:680px){
  
  
  
  .klp-news-ticker{min-height:30px!important;height:30px!important}
  .single-post main.site-shell.ko-article-page.ko-article-v127{width:calc(100% - 8px)!important;padding-top:4px!important;padding-bottom:8px!important}
  
  
  
  
  
  
  
  
  
}

/* Kora OnLive V11.4 — Final Layout Polish: balanced editorial canvas, match detail density, compact footer */
:root{--ko-v114-gap:10px}

/* Global rhythm: one container, one vertical cadence. */
main.site-shell{padding-top:5px!important;padding-bottom:12px!important}
.home-page{gap:8px!important}
.home-page>*{margin-block:0!important}

/* Home hero: use the full canvas without an artificial gap between hero and side rail. */
.home-news-match-hero{gap:8px!important;padding:7px!important}
.home-article-slider{height:360px!important;min-height:360px!important}
.home-saudi-standalone,.home-ucl-standalone{padding:12px!important}
.home-top-competitions-v144{padding:10px 12px!important}
.home-match-dashboard{padding:10px!important}
.home-news-zone{padding:12px!important}

/* Desktop editorial layout: wider reading column, narrower utility rail. */
@media(min-width:901px){
  .single-post main.site-shell.ko-article-page.ko-article-v127{width:min(1280px,calc(100% - 28px))!important;max-width:1280px!important}
  
  
  
  
  
  
  
  
}

/* Article: keep title/media/content visually continuous. */




.single-post .ko-article-inline-ad:has(.klp-ad-placeholder){display:none!important}



/* Utility rail: dense, useful and visually capped instead of a tall empty-looking column. */










/* Related stories: a true continuation of the article, not a detached card wall. */






/* Match detail: make the scoreboard and details use the available canvas efficiently. */
.match-page{display:grid!important;gap:9px!important}
.match-hero{margin:0!important;padding:18px!important;border-radius:18px!important}
.scoreboard{padding-block:12px!important}
.share-panel,.stream-panel,.match-page .panel{border-radius:15px!important}
.share-panel{padding:10px 12px!important}
.share-panel-head{margin-bottom:7px!important}
.share-grid{gap:6px!important}
.stream-panel{padding:11px!important}
.detail-layout{gap:9px!important;align-items:start!important}
.detail-main,.detail-side{gap:9px!important}
.detail-side .panel{padding:10px!important}
.match-page .panel-head{padding-bottom:7px!important;margin-bottom:7px!important}

@media(min-width:901px){
  .match-page{max-width:1200px!important;margin-inline:auto!important}
  .match-hero{padding:16px 20px!important}
  .scoreboard{max-width:900px!important;margin-inline:auto!important}
  .detail-layout{grid-template-columns:minmax(0,1fr) 290px!important}
  .detail-side{position:sticky!important;top:76px!important;align-self:start!important}
}

/* Footer: shorter, denser, same visual canvas as the content. */









@media(max-width:900px){
  main.site-shell{padding-top:4px!important;padding-bottom:9px!important}
  .home-page{gap:7px!important}
  .home-news-match-hero{gap:7px!important;padding:6px!important}
  .home-article-slider{height:320px!important;min-height:320px!important}
  
  
  
  
  
  
  .match-page{gap:7px!important}
  .match-hero{padding:14px!important}
  .detail-layout{gap:7px!important}
}

@media(max-width:680px){
  .home-article-slider{height:275px!important;min-height:275px!important}
  .home-top-competitions-v144{padding:9px!important}
  .home-match-dashboard{padding:8px!important}
  .home-news-zone{padding:9px!important}
  .single-post main.site-shell.ko-article-page.ko-article-v127{width:calc(100% - 8px)!important;padding-top:3px!important;padding-bottom:6px!important}
  
  
  
  
  
  .match-hero{padding:11px!important;border-radius:15px!important}
  .scoreboard{padding-block:8px!important}
  .share-panel{padding:8px 10px!important}
  .stream-panel{padding:9px!important}
  .detail-side .panel{padding:9px!important}
  
}


/* V11.4.1 — Uploaded official logo integration */











/* V11.4.2 — Official logo professional fit
   Uses the user's supplied logo with transparent padding trimmed.
   Presentation-only: no match/API/SEO business logic changes. */








/* Kora OnLive V11.4.5 — Professional Hero + Match Center correction */
.home-article-slider{position:relative!important;height:390px!important;min-height:390px!important;overflow:hidden!important;background:#07192c!important;border-radius:16px!important}
.home-article-track{position:absolute!important;inset:0 0 72px 0!important}
.home-article-slide{position:absolute!important;inset:0!important;opacity:0!important;visibility:hidden!important;transform:scale(1.015)!important;transition:opacity .45s ease,transform .65s ease,visibility .45s ease!important}
.home-article-slide.is-active{opacity:1!important;visibility:visible!important;transform:scale(1)!important;z-index:2!important}
.home-article-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.home-article-shade{background:linear-gradient(180deg,rgba(4,15,29,.04) 15%,rgba(4,15,29,.18) 38%,rgba(4,15,29,.94) 100%)!important}
.home-article-overlay{right:0!important;bottom:0!important;left:0!important;padding:22px 26px 18px!important;z-index:4!important}
.home-article-kicker{display:inline-flex!important;margin-bottom:7px!important;padding:4px 9px!important;border-radius:999px!important;background:rgba(21,126,211,.78)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.7px!important}
.home-article-overlay h1,.home-article-overlay h2{max-width:760px!important;margin:0!important;font-size:clamp(23px,2.55vw,34px)!important;line-height:1.22!important;text-shadow:0 3px 15px rgba(0,0,0,.34)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.home-article-overlay p{display:block!important;max-width:680px!important;margin:7px 0 0!important;color:rgba(255,255,255,.80)!important;font-size:11px!important;line-height:1.65!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.home-article-meta{margin-top:9px!important;color:rgba(255,255,255,.72)!important;font-size:9px!important}
.home-article-controls{position:absolute!important;inset:0 0 72px 0!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 13px!important;pointer-events:none!important}
.home-article-controls button{pointer-events:auto!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(4,17,32,.48)!important;color:#fff!important;backdrop-filter:blur(8px)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
.home-article-count{top:13px!important;left:13px!important;z-index:9!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(4,17,32,.52)!important;color:#fff!important;backdrop-filter:blur(8px)!important}

.home-article-thumbs{position:absolute!important;right:0!important;bottom:0!important;left:0!important;height:72px!important;z-index:10!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px 44px!important;overflow-x:auto!important;overflow-y:hidden!important;background:linear-gradient(180deg,rgba(4,16,31,.97),rgba(3,11,23,.99))!important;border-top:1px solid rgba(91,184,255,.13)!important;direction:ltr!important;scrollbar-width:none!important}
.home-article-thumbs::-webkit-scrollbar{display:none!important}
.home-article-thumb{position:relative!important;flex:0 0 84px!important;width:84px!important;height:56px!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;overflow:hidden!important;background:#10253b!important;opacity:.58!important;cursor:pointer!important;transition:transform .2s ease,opacity .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.home-article-thumb img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.home-article-thumb span{display:grid!important;place-items:center!important;height:100%!important;color:#d8e8f7!important;font-size:10px!important;font-weight:800!important}
.home-article-thumb i{position:absolute!important;right:0!important;bottom:0!important;left:0!important;height:3px!important;background:transparent!important}
.home-article-thumb:hover{opacity:.9!important;transform:translateY(-2px)!important}
.home-article-thumb.is-active{opacity:1!important;border-color:#36b8ff!important;transform:translateY(-3px)!important;box-shadow:0 7px 18px rgba(0,0,0,.30),0 0 0 1px rgba(54,184,255,.16)!important}
.home-article-thumb.is-active i{background:linear-gradient(90deg,#36b8ff,#18dc79)!important}

/* Match Center: no decorative icons, clean premium day selector, correct dark mode. */
.fixtures-day-selector{position:relative!important;overflow:hidden!important;margin:0!important;padding:16px 18px!important;border:1px solid rgba(83,168,224,.15)!important;border-radius:22px!important;background:var(--ko-card,#fff)!important;box-shadow:0 12px 32px rgba(7,36,64,.07)!important}
.fixtures-day-selector:before{content:"";position:absolute;top:0;right:8%;left:8%;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#2fa9ff,#18d979,transparent)!important;opacity:.8}
.fixtures-day-selector-head{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 2px 12px!important;padding:0!important}
.fixtures-day-selector-head span{color:var(--ko-ink,#10253d)!important;font-size:14px!important;font-weight:950!important}
.fixtures-day-selector-head small{color:var(--ko-muted,#70859b)!important;font-size:10px!important;font-weight:800!important}
.day-tabs{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:1fr 1.18fr 1fr!important;gap:9px!important;direction:ltr!important;margin:0!important}
.day-tabs .day-tab-icon{display:none!important}
.day-tabs button{position:relative!important;min-height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:15px!important;border:1px solid rgba(40,125,190,.10)!important;border-radius:18px!important;background:var(--ko-card-2,#f6f9fc)!important;color:var(--ko-muted,#70859b)!important;box-shadow:none!important;direction:rtl!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
.day-tabs button:hover{transform:translateY(-2px)!important;border-color:rgba(47,169,255,.30)!important;box-shadow:0 10px 24px rgba(6,44,77,.08)!important}
.day-tabs .day-tab-content{display:grid!important;gap:5px!important;text-align:center!important;min-width:0!important}
.day-tabs small{font-size:9px!important;color:var(--ko-muted,#70859b)!important;font-weight:850!important}
.day-tabs b{font-size:20px!important;line-height:1.15!important;color:var(--ko-ink,#10253d)!important;font-weight:950!important;white-space:nowrap!important}
.day-tabs .day-tab-live{position:absolute!important;top:9px!important;right:10px!important;padding:4px 8px!important;border-radius:999px!important;background:rgba(24,217,121,.10)!important;color:#08a35b!important;font-size:8px!important;font-weight:950!important}
.day-tabs .day-tab-live:before{content:"";display:inline-block;width:5px;height:5px;margin-left:4px;border-radius:50%;background:#19d978;box-shadow:0 0 0 4px rgba(25,217,120,.08)!important}
.day-tabs .active{min-height:96px!important;background:linear-gradient(135deg,#07375f,#0c568d 62%,#1478b9)!important;border-color:rgba(53,184,255,.68)!important;color:#fff!important;box-shadow:0 16px 34px rgba(5,56,95,.24)!important;transform:translateY(-2px)!important}
.day-tabs .active:after{content:"";position:absolute;right:15%;bottom:0;left:15%;height:3px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,#38b9ff,#19db7b)!important}
.day-tabs .active small,.day-tabs .active b{color:#fff!important}.day-tabs .active small{opacity:.76!important}.day-tabs .active .day-tab-live{color:#bfffd9!important;background:rgba(25,217,120,.12)!important}
html[data-theme="dark"] .fixtures-day-selector{background:#0c1827!important;border-color:rgba(83,194,255,.15)!important;box-shadow:0 16px 38px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .fixtures-day-selector-head span{color:#edf7ff!important}
html[data-theme="dark"] .fixtures-day-selector-head small{color:#8fa8bf!important}
html[data-theme="dark"] .day-tabs button{background:#111f30!important;border-color:rgba(126,170,204,.14)!important;color:#9eb4c9!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}
html[data-theme="dark"] .day-tabs button:hover{background:#14263a!important;border-color:rgba(83,194,255,.30)!important}
html[data-theme="dark"] .day-tabs small{color:#91a9bf!important}
html[data-theme="dark"] .day-tabs b{color:#e9f4ff!important}
html[data-theme="dark"] .day-tabs .active{background:linear-gradient(135deg,#06355d,#0a4e80 62%,#126da8)!important;border-color:rgba(83,194,255,.70)!important;box-shadow:0 18px 38px rgba(0,0,0,.34)!important}

@media(max-width:680px){
 .home-article-slider{height:300px!important;min-height:300px!important}.home-article-track,.home-article-controls{bottom:66px!important}.home-article-controls{height:calc(100% - 66px)!important;padding:0 8px!important}.home-article-thumbs{height:66px!important;padding:6px 32px!important;gap:6px!important}.home-article-thumb{flex-basis:72px!important;width:72px!important;height:52px!important}.home-article-overlay{padding:17px 15px 13px!important}.home-article-overlay h1,.home-article-overlay h2{font-size:20px!important;max-width:88%!important}.home-article-overlay p{font-size:9px!important;-webkit-line-clamp:1!important}.fixtures-day-selector{padding:13px 10px!important;border-radius:18px!important}.fixtures-day-selector-head{margin-bottom:9px!important}.fixtures-day-selector-head span{font-size:12px!important}.fixtures-day-selector-head small{font-size:8px!important}.day-tabs{gap:6px!important}.day-tabs button,.day-tabs .active{min-height:78px!important;padding:9px 5px!important;border-radius:14px!important}.day-tabs b{font-size:14px!important}.day-tabs small{font-size:8px!important}.day-tabs .day-tab-live{top:6px!important;right:6px!important;font-size:7px!important;padding:3px 6px!important}
}
@media(max-width:430px){.home-article-slider{height:278px!important;min-height:278px!important}.home-article-track,.home-article-controls{bottom:62px!important}.home-article-controls{height:calc(100% - 62px)!important}.home-article-thumbs{height:62px!important;padding:5px 27px!important}.home-article-thumb{flex-basis:66px!important;width:66px!important;height:49px!important}.home-article-overlay h1,.home-article-overlay h2{font-size:18px!important}.home-article-overlay p{display:none!important}.day-tabs{gap:4px!important}.day-tabs button,.day-tabs .active{min-height:70px!important;border-radius:12px!important}.day-tabs b{font-size:12px!important}.day-tabs small{font-size:7px!important}}


/* Kora OnLive — Mobile Focus Pass
 * Scope: phones only. Keeps desktop layout/data untouched.
 * Fixes: Top Competitions, UCL standings card, day selector icons, dark-mode contrast.
 */
@media (max-width:680px){
  /* Day selector: clean text-first controls; icons are intentionally removed. */
  .home-match-dashboard .day-tab-icon,
  .home-match-dashboard .fixtures-day-selector-head > span > i{
    display:none!important;
  }
  .home-match-dashboard .day-tabs button{
    min-height:66px!important;
    padding:10px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .home-match-dashboard .day-tabs .day-tab-content{
    display:block!important;
    width:100%!important;
  }
  .home-match-dashboard .day-tabs small{
    font-size:9px!important;
    line-height:1.25!important;
  }
  .home-match-dashboard .day-tabs b{
    margin-top:4px!important;
    font-size:13px!important;
  }
  [data-theme="dark"] .home-match-dashboard .day-tabs button{
    background:#101c2b!important;
    border-color:rgba(112,178,226,.14)!important;
    color:#9db1c5!important;
  }
  [data-theme="dark"] .home-match-dashboard .day-tabs button b{color:#eef6ff!important}
  [data-theme="dark"] .home-match-dashboard .day-tabs .active{
    background:linear-gradient(135deg,#0d4f87,#1269aa)!important;
    border-color:rgba(74,190,255,.55)!important;
    box-shadow:0 10px 24px rgba(0,80,145,.24)!important;
  }

  /* Top competitions: one polished horizontal rail instead of a cramped 2-column grid. */
  .home-top-competitions-v144{
    padding:14px 12px 13px!important;
    border-radius:18px!important;
    background:var(--ko-surface,#fff)!important;
    border:1px solid var(--ko-line)!important;
    overflow:hidden!important;
  }
  .home-top-competitions-v144 .v144-section-head{
    align-items:flex-end!important;
    margin:0 2px 11px!important;
  }
  .home-top-competitions-v144 .v144-section-head > div > span{
    font-size:7px!important;
    letter-spacing:1.7px!important;
  }
  .home-top-competitions-v144 .v144-section-head h2{
    margin-top:2px!important;
    font-size:18px!important;
    line-height:1.25!important;
  }
  .home-top-competitions-v144 .v144-section-head p{display:none!important}
  .home-top-competitions-v144 .v144-section-head>a{
    flex:0 0 auto!important;
    padding:6px 9px!important;
    border:1px solid var(--ko-line)!important;
    border-radius:9px!important;
    font-size:8px!important;
    background:var(--ko-surface-2,#f6f9fc)!important;
  }
  .home-top-competitions-v144 .v144-competition-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 7px!important;
    margin:0!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .home-top-competitions-v144 .v144-competition-grid::-webkit-scrollbar{display:none!important}
  .home-top-competitions-v144 .v144-comp{
    flex:0 0 184px!important;
    width:184px!important;
    min-height:88px!important;
    padding:11px 12px!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 18px!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    align-content:center!important;
    border-radius:15px!important;
    scroll-snap-align:start!important;
    background:linear-gradient(145deg,#ffffff,#f4f8fc)!important;
    border:1px solid rgba(25,118,210,.11)!important;
    box-shadow:0 7px 20px rgba(13,42,73,.07)!important;
    transform:none!important;
  }
  .home-top-competitions-v144 .v144-comp-badge{
    grid-row:1 / span 2!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    border:1px solid rgba(25,118,210,.09)!important;
    box-shadow:0 4px 12px rgba(13,42,73,.06)!important;
  }
  .home-top-competitions-v144 .v144-comp .v144-comp-badge img{
    max-width:32px!important;
    max-height:32px!important;
    width:auto!important;
    height:auto!important;
  }
  .home-top-competitions-v144 .v144-comp strong{
    min-width:0!important;
    align-self:end!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#10243b!important;
  }
  .home-top-competitions-v144 .v144-comp small{
    min-width:0!important;
    align-self:start!important;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#71849a!important;
  }
  .home-top-competitions-v144 .v144-comp > b{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    font-size:16px!important;
    color:#1976d2!important;
  }

  /* Night mode: give each competition a distinct surface and enough contrast. */
  [data-theme="dark"] .home-top-competitions-v144{
    background:linear-gradient(180deg,#0b1624,#0a1421)!important;
    border-color:rgba(100,181,235,.13)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-section-head>a{
    color:#b9d3e8!important;
    background:#101e2e!important;
    border-color:rgba(115,188,232,.14)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp{
    background:linear-gradient(145deg,#132438,#0d1b2b)!important;
    border-color:rgba(112,186,233,.15)!important;
    box-shadow:0 9px 24px rgba(0,0,0,.24)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-badge{
    background:#0a1726!important;
    border-color:rgba(120,193,236,.14)!important;
    box-shadow:none!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp strong{color:#f1f7fd!important}
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp small{color:#91a9be!important}
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp > b{color:#55baff!important}
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-champions{
    border-color:rgba(53,184,255,.34)!important;
    background:linear-gradient(145deg,#102d48,#0c1d30)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-saudi{
    border-color:rgba(24,232,117,.22)!important;
  }

  /* UCL standings: a compact, high-contrast mobile card. */
  .home-ucl-standalone{
    padding:13px!important;
    border-radius:18px!important;
    background:var(--ko-surface,#fff)!important;
    border:1px solid var(--ko-line)!important;
    box-shadow:0 10px 28px rgba(13,42,73,.07)!important;
  }
  .home-ucl-standalone .home-saudi-head{
    padding:2px 2px 10px!important;
    align-items:center!important;
  }
  .home-ucl-standalone .home-ucl-head > div > span{
    font-size:7px!important;
    letter-spacing:1.5px!important;
    color:#2385dd!important;
  }
  .home-ucl-standalone .home-ucl-head h2{
    font-size:17px!important;
    line-height:1.25!important;
    margin:2px 0!important;
  }
  .home-ucl-standalone .home-ucl-head small{font-size:8px!important;color:#7890a5!important}
  .home-ucl-standalone .home-ucl-flag{display:none!important}
  .home-ucl-standalone .home-saudi-table{overflow:hidden!important;border-radius:12px!important}
  .home-ucl-standalone .mini-table-head,
  .home-ucl-standalone .mini-table-row{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr) 38px 45px!important;
    align-items:center!important;
    gap:5px!important;
  }
  .home-ucl-standalone .mini-table-head{
    min-height:31px!important;
    padding:0 9px!important;
    background:var(--ko-surface-2,#f6f9fc)!important;
    color:#7890a5!important;
    font-size:8px!important;
    font-weight:800!important;
    border-bottom:1px solid var(--ko-line)!important;
  }
  .home-ucl-standalone .mini-table-row{
    min-height:45px!important;
    padding:0 9px!important;
    border-bottom:1px solid var(--ko-line)!important;
    font-size:9px!important;
  }
  .home-ucl-standalone .mini-table-row:last-child{border-bottom:0!important}
  .home-ucl-standalone .mini-table-row > span:nth-child(2){
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .home-ucl-standalone .mini-table-row > span:nth-child(2) img{
    width:24px!important;
    height:24px!important;
    object-fit:contain!important;
    flex:0 0 24px!important;
  }
  .home-ucl-standalone .mini-table-row > span:nth-child(2) strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    color:var(--ko-ink,#0b1d33)!important;
  }
  .home-ucl-standalone .mini-table-row > b:first-child{
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:7px!important;
    background:var(--ko-surface-2,#f6f9fc)!important;
    color:#668098!important;
    font-size:8px!important;
  }
  .home-ucl-standalone .mini-table-row > span:nth-child(3){text-align:center!important;color:#7b91a5!important;font-size:9px!important}
  .home-ucl-standalone .mini-table-row > strong:last-child{text-align:center!important;font-size:10px!important;color:#1976d2!important}
  .home-ucl-standalone .home-ucl-full-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    margin-top:9px!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#1976d2,#145fa8)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
  }
  [data-theme="dark"] .home-ucl-standalone{
    background:linear-gradient(180deg,#0d1928,#0a1421)!important;
    border-color:rgba(104,184,232,.14)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  }
  [data-theme="dark"] .home-ucl-standalone .mini-table-head{background:#122235!important;color:#8fa8bd!important;border-color:rgba(114,185,229,.12)!important}
  [data-theme="dark"] .home-ucl-standalone .mini-table-row{border-color:rgba(114,185,229,.10)!important}
  [data-theme="dark"] .home-ucl-standalone .mini-table-row > b:first-child{background:#122235!important;color:#a1b7c9!important}
  [data-theme="dark"] .home-ucl-standalone .mini-table-row > span:nth-child(2) strong{color:#f1f7fd!important}
  [data-theme="dark"] .home-ucl-standalone .mini-table-row > span:nth-child(3){color:#8fa7bb!important}
  [data-theme="dark"] .home-ucl-standalone .mini-table-row > strong:last-child{color:#5ebdff!important}
}

@media (max-width:430px){
  .home-top-competitions-v144 .v144-comp{flex-basis:174px!important;width:174px!important;min-height:84px!important}
  .home-top-competitions-v144 .v144-comp-badge{width:36px!important;height:36px!important}
  .home-top-competitions-v144 .v144-comp .v144-comp-badge img{max-width:29px!important;max-height:29px!important}
  .home-ucl-standalone .mini-table-head,
  .home-ucl-standalone .mini-table-row{grid-template-columns:22px minmax(0,1fr) 34px 40px!important;gap:4px!important}
}

/* ======================================================================
 * Kora OnLive V11.4.5 — Mobile Top Competitions final refinement
 * Mobile-only presentation fix. Desktop intentionally untouched.
 * ====================================================================== */
@media (max-width:680px){
  .home-top-competitions-v144 .v144-competition-grid{
    gap:12px!important;
    padding:4px 3px 10px!important;
    scroll-padding-inline:3px!important;
  }
  .home-top-competitions-v144 .v144-comp{
    flex:0 0 202px!important;
    width:202px!important;
    min-height:92px!important;
    padding:11px 12px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    column-gap:11px!important;
    border-radius:16px!important;
  }
  .home-top-competitions-v144 .v144-comp-badge{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    background:#f7fbff!important;
    border:1px solid rgba(53,161,255,.18)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }
  .home-top-competitions-v144 .v144-comp .v144-comp-badge img{
    max-width:38px!important;
    max-height:38px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .home-top-competitions-v144 .v144-comp strong{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  .home-top-competitions-v144 .v144-comp small{
    font-size:8.5px!important;
    line-height:1.4!important;
  }
  /* The arrow inside each card was visually colliding with adjacent cards.
     On touch screens the whole card is the target, so the arrow is unnecessary. */
  .home-top-competitions-v144 .v144-comp > b{display:none!important}

  [data-theme="dark"] .home-top-competitions-v144 .v144-comp{
    background:linear-gradient(145deg,#13283d,#0d1d2e)!important;
    border-color:rgba(104,190,240,.22)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-badge{
    background:#f7fbff!important;
    border-color:rgba(111,191,239,.30)!important;
    box-shadow:0 5px 15px rgba(0,0,0,.28)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp strong{color:#f7fbff!important}
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp small{color:#a9bfd1!important}
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-champions{
    background:linear-gradient(145deg,#12304a,#0d2033)!important;
    border-color:rgba(65,190,255,.42)!important;
  }
  [data-theme="dark"] .home-top-competitions-v144 .v144-comp-saudi{
    border-color:rgba(38,225,126,.30)!important;
  }
}

@media (max-width:430px){
  .home-top-competitions-v144 .v144-competition-grid{gap:11px!important}
  .home-top-competitions-v144 .v144-comp{
    flex-basis:194px!important;
    width:194px!important;
    min-height:90px!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .home-top-competitions-v144 .v144-comp-badge{width:46px!important;height:46px!important}
  .home-top-competitions-v144 .v144-comp .v144-comp-badge img{max-width:36px!important;max-height:36px!important}
}

/* V11.4.5 MOBILE FINAL — remove competition-card arrows completely on touch screens. */
@media (max-width:680px){
  .home-top-competitions-v144 .v144-comp > b,
  .home-top-competitions-v144 .v144-comp b[aria-hidden]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .home-top-competitions-v144 .v144-comp{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
}
@media (max-width:430px){
  .home-top-competitions-v144 .v144-comp{
    grid-template-columns:46px minmax(0,1fr)!important;
  }
}


/* ========================================================================
 * Kora OnLive V11.5 — Performance / Core Web Vitals hardening
 * Presentation/performance only. Match filtering, routes, API logic and
 * existing mobile competition behavior remain untouched.
 * ====================================================================== */
/* Keep below-the-fold heavy sections from consuming paint time before they
   approach the viewport. The intrinsic sizes prevent large layout jumps. */
.home-top-competitions-v144,
.home-match-dashboard,
.home-standings-widget{
  content-visibility:auto;
  contain-intrinsic-size:1px 420px;
}
/* Avoid expensive blur/backdrop work on small touch devices. */
@media(max-width:680px){
  .home-article-controls button,
  .home-article-count,
  .match-toolbar{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .home-article-slide{transition:none!important}
}

/* FINAL SLIDER OVERRIDE — 10 latest posts / 10 seconds / full image */
.home-article-slider{position:relative!important;height:340px!important;min-height:340px!important;overflow:hidden!important;border-radius:16px!important;background:#07192c!important}
.home-article-track{position:absolute!important;inset:0 0 70px 0!important;overflow:hidden!important}
.home-article-slide{position:absolute!important;inset:0!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;transition:opacity .38s ease,visibility .38s ease!important;z-index:0!important}
.home-article-slide.is-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important}
.home-article-image{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#07192c!important}
.home-article-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:#07192c!important}
.home-article-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(4,15,29,0) 30%,rgba(4,15,29,.10) 50%,rgba(4,15,29,.88) 100%)!important;pointer-events:none!important}
.home-article-controls{position:absolute!important;inset:0 0 70px 0!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;pointer-events:none!important}
.home-article-controls button{pointer-events:auto!important;width:38px!important;height:38px!important}
.home-article-progress{position:absolute!important;right:60px!important;bottom:10px!important;left:60px!important;height:3px!important;overflow:hidden!important;border-radius:99px!important;background:rgba(255,255,255,.18)!important;z-index:11!important}
.home-article-progress span{display:block!important;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#36b8ff,#18dc79)!important}
.home-article-thumbs{height:70px!important;padding:7px 42px!important;gap:8px!important}
.home-article-thumb{flex:0 0 82px!important;width:82px!important;height:54px!important}
.home-article-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:680px){.home-article-slider{height:255px!important;min-height:255px!important}.home-article-track,.home-article-controls{inset:0 0 62px 0!important}.home-article-thumbs{height:62px!important;padding:5px 26px!important;gap:6px!important}.home-article-thumb{flex-basis:68px!important;width:68px!important;height:50px!important}.home-article-overlay{padding:15px 14px 11px!important}.home-article-overlay h1,.home-article-overlay h2{font-size:18px!important;max-width:90%!important}.home-article-progress{right:52px!important;bottom:9px!important;left:52px!important}}
@media(max-width:430px){.home-article-slider{height:225px!important;min-height:225px!important}.home-article-track,.home-article-controls{inset:0 0 58px 0!important}.home-article-thumbs{height:58px!important;padding:4px 22px!important}.home-article-thumb{flex-basis:62px!important;width:62px!important;height:46px!important}.home-article-overlay h1,.home-article-overlay h2{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.home-article-slide{transition:none!important}.home-article-progress span{transition:none!important}}


/* Kora OnLive — final slider sizing/scroll fix */
@media(min-width:901px){
  .home-news-match-hero{align-items:stretch!important;}
  .home-article-slider{height:auto!important;min-height:0!important;align-self:stretch!important;}
}
@media(max-width:900px){
  .home-article-slider{height:320px!important;min-height:320px!important;}
}
@media(max-width:680px){
  .home-article-slider{height:285px!important;min-height:285px!important;}
}
@media(max-width:430px){
  .home-article-slider{height:225px!important;min-height:225px!important;}
}

/* ========================================================================
 * Kora OnLive V11.5 — Header cleanup / final pass
 * Presentation-only. Header markup, IDs, notifications, theme switching,
 * ticker logic, matches and standings logic remain untouched.
 * ====================================================================== */

/* Keep anchor navigation clear of the sticky site chrome. */
html{scroll-padding-top:140px!important}

/* Desktop: one compact, stable header system. */
@media(min-width:901px){
  
  
  
  
  
  
  
  
  
  
  .klp-news-ticker{
    min-height:34px!important;
    height:34px!important;
  }
  
  
  .klp-ticker-item{font-size:9px!important}
}

/* Tablet: keep all three header layers compact without crowding the logo. */
@media(min-width:681px) and (max-width:900px){
  html{scroll-padding-top:132px!important}
  
  
  
  
  
  
  
  
  .klp-news-ticker{min-height:32px!important;height:32px!important}
  
}

/* Mobile: compact header, readable controls, horizontal nav confined to nav. */
@media(max-width:680px){
  html{scroll-padding-top:122px!important}
  
  
  
  
  
  
  
  
  
  
  
  .klp-news-ticker{
    min-height:32px!important;
    height:32px!important;
  }
  
  
  .klp-ticker-item{font-size:8px!important}
}

@media(max-width:430px){
  html{scroll-padding-top:116px!important}
  
  
  
  
  
  
  
  
  .klp-news-ticker{min-height:30px!important;height:30px!important}
}



/* ========================================================================
 * Kora OnLive V11.5 — Homepage Stage 2 / Hero + Match Center + News
 * Presentation-only. No PHP, API, filtering, standings, or slider timing logic.
 * This is the final homepage layer so older visual overrides stop competing.
 * ====================================================================== */

/* 1) HERO: one balanced editorial row on desktop. */
@media (min-width:901px){
  .home-news-match-hero{
    grid-template-columns:minmax(0,1.68fr) minmax(320px,.82fr)!important;
    gap:10px!important;
    align-items:stretch!important;
    min-height:360px!important;
  }
  .home-article-slider{
    height:auto!important;
    min-height:360px!important;
    align-self:stretch!important;
    border-radius:15px!important;
  }
  .home-saudi-standalone,.home-ucl-standalone{
    height:auto!important;
    min-height:360px!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .home-saudi-table{flex:1 1 auto!important;min-height:0!important}
  .home-ucl-full-link{margin-top:auto!important}
}

/* 2) HERO internals: keep image fully visible and overlays stable. */
.home-article-image img{
  object-fit:contain!important;
  object-position:center center!important;
}
.home-article-overlay{
  padding:20px 24px 16px!important;
}
.home-article-overlay h1,.home-article-overlay h2{
  max-width:min(78%,760px)!important;
  line-height:1.24!important;
}
.home-article-meta{font-variant-numeric:tabular-nums!important}
.home-article-controls button{transition:transform .18s ease,background-color .18s ease,border-color .18s ease!important}
.home-article-controls button:hover{transform:scale(1.04)!important}

/* 3) TOP COMPETITIONS: equal cards, predictable rhythm, no oversized boxes. */
@media (min-width:901px){
  .home-top-competitions-v144 .v144-competition-grid{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .home-top-competitions-v144 .v144-comp{
    min-width:0!important;
    width:auto!important;
    min-height:82px!important;
    padding:9px!important;
  }
}

/* 4) MATCH CENTER: clearer hierarchy and a stable two-column desktop layout. */
@media (min-width:901px){
  .home-match-dashboard{
    padding:11px!important;
  }
  .home-dashboard-grid{
    grid-template-columns:minmax(0,1.72fr) minmax(290px,.78fr)!important;
    gap:10px!important;
    align-items:start!important;
  }
  .home-standings-widget{
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
  }
}

.fixtures-day-selector{
  padding:13px 15px!important;
  border-radius:18px!important;
}
.fixtures-day-selector-head{
  margin-bottom:9px!important;
}
.day-tabs button{
  min-height:88px!important;
}
.v144-board-toolbar{
  gap:7px!important;
  margin-top:2px!important;
  margin-bottom:10px!important;
}
.v144-search{min-width:0!important}
.filters{white-space:nowrap!important}

/* 5) NEWS: stronger editorial hierarchy without changing article content. */
.home-news-zone{
  padding:13px!important;
}
.home-news-grid{
  gap:10px!important;
}
.home-news-card{
  min-width:0!important;
}
.home-news-image{
  height:140px!important;
}
.home-news-body h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.home-news-body p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

/* 6) TABLET: stack the hero and keep the match center readable. */
@media (max-width:900px){
  .home-news-match-hero{
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
  }
  .home-article-slider{
    height:320px!important;
    min-height:320px!important;
  }
  .home-ucl-standalone{
    min-height:0!important;
  }
  .home-dashboard-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .home-standings-widget{position:relative!important;top:auto!important}
  .home-top-competitions-v144 .v144-competition-grid{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}

/* 7) PHONE: no horizontal page overflow; only intentional rails scroll. */
@media (max-width:680px){
  .home-page{gap:8px!important}
  .home-news-match-hero{gap:7px!important;padding:6px!important}
  .home-article-slider{height:285px!important;min-height:285px!important}
  .home-article-overlay{padding:14px!important}
  .home-article-overlay h1,.home-article-overlay h2{
    max-width:92%!important;
    font-size:18px!important;
  }
  .home-article-thumbs{
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
  }
  .home-top-competitions-v144 .v144-competition-grid{
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
  }
  .home-match-dashboard{padding:9px!important}
  .fixtures-day-selector{padding:11px 10px!important}
  .day-tabs button{min-height:66px!important}
  .v144-board-toolbar{grid-template-columns:minmax(0,1fr) auto!important}
  .v144-search{grid-column:1 / -1!important}
  .filters{min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}
  .filters::-webkit-scrollbar{display:none!important}
  .home-news-zone{padding:10px!important}
  .home-news-grid{gap:8px!important}
  .home-news-image{height:118px!important}
}

@media (max-width:430px){
  .home-article-slider{height:225px!important;min-height:225px!important}
  .home-article-overlay h1,.home-article-overlay h2{font-size:16px!important}
  .home-news-image{height:108px!important}
}

@media (prefers-reduced-motion:reduce){
  .home-article-controls button{transition:none!important}
}

/* Kora OnLive — News filters: preserve the Stage 2 card design, add lightweight category navigation. */
.home-news-filters{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 10px!important;
  padding:4px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  direction:rtl!important;
  border:1px solid var(--klp-ui-line)!important;
  border-radius:12px!important;
  background:var(--surface-2,var(--surface))!important;
}
.home-news-filters::-webkit-scrollbar{display:none!important}
.home-news-filter{
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:900!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.home-news-filter:hover{transform:translateY(-1px)!important;color:var(--ink)!important}
.home-news-filter.is-active{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ko-blue,#1976d2),var(--ko-blue-2,#35a1ff))!important;
  border-color:transparent!important;
  box-shadow:0 7px 16px rgba(25,118,210,.18)!important;
}
.home-news-card[hidden]{display:none!important}
.home-news-filter-empty{
  padding:22px 14px!important;
  text-align:center!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:800!important;
  border:1px dashed var(--klp-ui-line)!important;
  border-radius:12px!important;
  background:var(--surface-2,var(--surface))!important;
}
.home-news-card .home-news-image em{
  max-width:70%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  .home-news-filters{margin-bottom:8px!important;padding:3px!important}
  .home-news-filter{min-height:29px!important;padding:6px 10px!important;font-size:8px!important}
}
.home-news-more-wrap{display:flex!important;justify-content:center!important;margin-top:12px!important}
.home-news-more{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:8px 14px!important;
  border:1px solid var(--klp-ui-line)!important;
  border-radius:10px!important;
  background:var(--surface-2,var(--surface))!important;
  color:var(--ink)!important;
  font-size:9px!important;
  font-weight:900!important;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease!important;
}
.home-news-more:hover{transform:translateY(-1px)!important;border-color:rgba(25,118,210,.28)!important;background:var(--surface)!important}
.home-news-more b{color:var(--ko-blue,#1976d2)!important}

/* V11.6.24 — SAFE LIGHT-MODE VISUAL FIX
 * Visual-only. Does not alter standings/ESPN loading, Match Engine, filtering, URLs or SEO logic.
 */
html[data-theme="light"] .home-top-competitions-v144,
html:not([data-theme="dark"]) .home-top-competitions-v144{
  background:#ffffff!important;
  border-color:#d7e2ec!important;
  color:#10243b!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-section-head span,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-section-head span{
  color:#1674c8!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-section-head h2,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-section-head h2{
  color:#10243b!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-section-head p,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-section-head p{
  color:#60758a!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-section-head>a,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-section-head>a{
  color:#145fa8!important;
  background:#f3f8fc!important;
  border:1px solid #d7e2ec!important;
  border-radius:10px!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp{
  background:#f8fbfd!important;
  border:1px solid #d7e2ec!important;
  color:#10243b!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp:hover,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp:hover{
  background:#ffffff!important;
  border-color:#9ec8e8!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp strong,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp strong{
  color:#10243b!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp small,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp small{
  color:#60758a!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp>b,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp>b{
  color:#1674c8!important;
}
html[data-theme="light"] .home-top-competitions-v144 .v144-comp-badge,
html:not([data-theme="dark"]) .home-top-competitions-v144 .v144-comp-badge{
  background:#ffffff!important;
  border:1px solid #d7e2ec!important;
}
html[data-theme="light"] .home-ucl-standalone,
html:not([data-theme="dark"]) .home-ucl-standalone{
  background:#ffffff!important;
  border-color:#d7e2ec!important;
  color:#10243b!important;
}
html[data-theme="light"] .home-ucl-standalone .home-saudi-head,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-head{
  border-bottom-color:#d7e2ec!important;
}
html[data-theme="light"] .home-ucl-standalone .home-saudi-head span,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-head span{
  color:#1674c8!important;
}
html[data-theme="light"] .home-ucl-standalone .home-saudi-head h2,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-head h2,
html[data-theme="light"] .home-ucl-standalone .home-saudi-head small,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-head small{
  color:#10243b!important;
}
html[data-theme="light"] .home-ucl-standalone .home-saudi-table,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-table{
  background:#ffffff!important;
  color:#10243b!important;
}
html[data-theme="light"] .home-ucl-standalone .mini-table-head,
html:not([data-theme="dark"]) .home-ucl-standalone .mini-table-head{
  background:#eef5f9!important;
  color:#60758a!important;
  border-color:#d7e2ec!important;
}
html[data-theme="light"] .home-ucl-standalone .mini-table-row,
html:not([data-theme="dark"]) .home-ucl-standalone .mini-table-row{
  background:#ffffff!important;
  color:#10243b!important;
  border-color:#e0e8ef!important;
}
html[data-theme="light"] .home-ucl-standalone .mini-table-row strong,
html:not([data-theme="dark"]) .home-ucl-standalone .mini-table-row strong{
  color:#10243b!important;
}
html[data-theme="light"] .home-ucl-standalone .home-saudi-full-link,
html:not([data-theme="dark"]) .home-ucl-standalone .home-saudi-full-link{
  background:#f3f8fc!important;
  color:#145fa8!important;
  border-color:#d7e2ec!important;
}
html[data-theme="light"] .home-ucl-standalone .standings-mini-empty,
html:not([data-theme="dark"]) .home-ucl-standalone .standings-mini-empty{
  color:#536b82!important;
  background:#f8fbfd!important;
}