/*
 * Kora OnLive V11.6.26 — Signature visual upgrade
 * A separate, late-loaded layer keeps the existing theme intact while giving
 * the public pages a more deliberate premium rhythm, clearer states and
 * stronger mobile hierarchy.
 */
:root{
  --sig-navy:#06162d;
  --sig-blue:#168cff;
  --sig-cyan:#45c7ff;
  --sig-green:#19e878;
  --sig-ink:#10233e;
  --sig-muted:#6d7d91;
  --sig-line:rgba(15,40,68,.10);
  --sig-panel:rgba(255,255,255,.90);
  --sig-shadow:0 22px 60px rgba(7,35,61,.11);
  --sig-shadow-hover:0 28px 72px rgba(7,35,61,.17);
}
html[data-theme="dark"]{
  --sig-ink:#eef6ff;
  --sig-muted:#a6b6c9;
  --sig-line:rgba(255,255,255,.105);
  --sig-panel:rgba(14,27,45,.88);
  --sig-shadow:0 24px 68px rgba(0,0,0,.28);
  --sig-shadow-hover:0 30px 78px rgba(0,0,0,.38);
}
body{
  background-image:
    radial-gradient(720px 320px at 50% -80px,rgba(22,140,255,.17),transparent 72%),
    radial-gradient(560px 420px at 100% 28%,rgba(25,232,120,.045),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 34%);
}
html[data-theme="dark"] body{
  background-image:
    radial-gradient(720px 320px at 50% -80px,rgba(22,140,255,.18),transparent 72%),
    radial-gradient(560px 420px at 100% 28%,rgba(25,232,120,.06),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 34%),var(--bg);
}
main.site-shell{position:relative}
main.site-shell:before{
  content:"";position:absolute;z-index:-1;inset:0 5% auto;height:430px;
  background:radial-gradient(ellipse at 50% 0,rgba(69,199,255,.09),transparent 68%);
  pointer-events:none;
}




.klp-news-ticker{box-shadow:0 8px 24px rgba(1,12,27,.12)}
.home-news-match-hero{isolation:isolate}
.home-article-slider{
  border-color:rgba(69,199,255,.24)!important;
  box-shadow:var(--sig-shadow)!important;
}
.home-article-slider:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -90px 120px rgba(2,12,28,.08);
}
.home-article-overlay{z-index:2!important}
.home-article-meta{border-top:1px solid rgba(255,255,255,.18);padding-top:12px}
.home-article-controls button,.home-article-thumb{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.home-article-controls button:hover,.home-article-thumb:hover{
  transform:translateY(-2px);box-shadow:0 10px 22px rgba(22,140,255,.18);
}
.home-saudi-standalone,.home-top-competitions-v144,.home-match-dashboard,.home-news-zone,.home-directory-zone{
  border:1px solid var(--sig-line);
  box-shadow:var(--sig-shadow);
}
.home-saudi-standalone,.home-top-competitions-v144,.home-news-zone,.home-directory-zone{
  background:linear-gradient(145deg,var(--sig-panel),rgba(255,255,255,.58));
}
html[data-theme="dark"] .home-saudi-standalone,
html[data-theme="dark"] .home-top-competitions-v144,
html[data-theme="dark"] .home-news-zone,
html[data-theme="dark"] .home-directory-zone{
  background:linear-gradient(145deg,var(--sig-panel),rgba(9,20,34,.84));
}
.home-saudi-head,.v144-section-head,.home-standings-head{
  position:relative;
}
.home-saudi-head:after,.v144-section-head:after,.home-standings-head:after{
  content:"";position:absolute;bottom:0;right:16px;width:58px;height:3px;
  border-radius:9px;background:linear-gradient(90deg,var(--sig-green),var(--sig-cyan));
  box-shadow:0 4px 16px rgba(25,232,120,.18);
}
.v144-comp{
  position:relative;overflow:hidden;
  border:1px solid var(--sig-line)!important;
  background:linear-gradient(145deg,var(--sig-panel),rgba(255,255,255,.64))!important;
  box-shadow:0 12px 28px rgba(7,35,61,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
html[data-theme="dark"] .v144-comp{background:linear-gradient(145deg,var(--sig-panel),rgba(10,23,39,.84))!important}
.v144-comp:before{
  content:"";position:absolute;inset:auto -35px -48px auto;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,140,255,.14),transparent 68%);pointer-events:none;
}
.v144-comp:hover{
  transform:translateY(-5px)!important;box-shadow:var(--sig-shadow-hover)!important;
  border-color:rgba(22,140,255,.28)!important;
}
.v144-comp-badge{transition:transform .22s ease,box-shadow .22s ease}
.v144-comp:hover .v144-comp-badge{transform:rotate(-4deg) scale(1.06);box-shadow:0 10px 22px rgba(22,140,255,.12)}
.home-match-dashboard{
  background:linear-gradient(180deg,var(--sig-panel),rgba(255,255,255,.70))!important;
  border-radius:26px!important;overflow:hidden;
}
html[data-theme="dark"] .home-match-dashboard{background:linear-gradient(180deg,var(--sig-panel),rgba(9,20,34,.82))!important}
.fixtures-day-selector{border-bottom:1px solid var(--sig-line)!important}
.day-tabs button{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.day-tabs button:hover{transform:translateY(-3px)!important;box-shadow:0 15px 28px rgba(22,140,255,.13)!important}
.day-tabs button.active{box-shadow:0 15px 32px rgba(22,140,255,.25)!important}
.v144-board-toolbar{
  border-color:var(--sig-line)!important;
  box-shadow:0 12px 30px rgba(7,35,61,.08)!important;
  backdrop-filter:blur(12px);
}
.v144-search:focus-within{
  border-radius:12px;background:rgba(22,140,255,.065);
  box-shadow:0 0 0 3px rgba(22,140,255,.10);
}
.fixture-league-group{
  border-color:var(--sig-line)!important;box-shadow:0 12px 30px rgba(7,35,61,.06)!important;
}
.fixture-league-head{background:linear-gradient(135deg,rgba(22,140,255,.09),rgba(25,232,120,.035))!important}
.fixture-table-row{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.fixture-table-row:hover{transform:translateX(-3px);box-shadow:inset -3px 0 var(--sig-blue),0 8px 22px rgba(7,35,61,.08)}
.fixture-table-row.is-live{background:linear-gradient(90deg,rgba(255,67,80,.045),transparent)!important}
.fixture-table-row.is-live .fixture-score{color:#e6384f}
.empty-state{
  min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  border:1px dashed rgba(22,140,255,.26)!important;
  background:radial-gradient(circle at 50% 0,rgba(22,140,255,.10),transparent 65%),var(--sig-panel)!important;
}
.empty-state-icon{
  display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:16px;
  color:var(--sig-blue);background:rgba(22,140,255,.10);font-size:24px;
}
.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.empty-state-actions button,.empty-state-actions a{
  appearance:none;border:1px solid rgba(22,140,255,.20);border-radius:999px;padding:8px 13px;
  background:rgba(22,140,255,.08);color:var(--sig-blue)!important;font:inherit;font-size:10px;font-weight:900;
  text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.empty-state-actions button:hover,.empty-state-actions a:hover{
  transform:translateY(-2px);background:rgba(22,140,255,.15);box-shadow:0 8px 18px rgba(22,140,255,.15);
}
.home-standings-widget{
  border-color:var(--sig-line)!important;box-shadow:var(--sig-shadow)!important;
}
.home-standings-tabs button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.home-standings-tabs button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,140,255,.12)!important}
.mini-table-row{transition:background .18s ease,padding .18s ease}
.mini-table-row:hover{background:rgba(22,140,255,.06);padding-inline:5px}
.mini-table-row:first-of-type>b,.standings-table-pro tbody tr:first-child .st-rank span{
  background:linear-gradient(135deg,#f5bb42,#d78213)!important;color:#fff!important;
}
.home-news-zone{overflow:hidden}
.home-news-card{
  border-color:var(--sig-line)!important;box-shadow:0 12px 30px rgba(7,35,61,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.home-news-card:hover{transform:translateY(-6px)!important;box-shadow:var(--sig-shadow-hover)!important;border-color:rgba(22,140,255,.25)!important}
.home-news-image img{transition:transform .5s ease,filter .5s ease}
.home-news-card:hover .home-news-image img{transform:scale(1.045);filter:saturate(1.08)}
.home-directory-card{
  border:1px solid var(--sig-line)!important;box-shadow:0 12px 30px rgba(7,35,61,.06)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.home-directory-card:hover{transform:translateY(-5px)!important;box-shadow:var(--sig-shadow-hover)!important;border-color:rgba(22,140,255,.24)!important}
.ko-matches-intro{
  position:relative;overflow:hidden;border:1px solid rgba(69,199,255,.20)!important;
  box-shadow:var(--sig-shadow)!important;
}
.ko-matches-intro:after{
  content:"";position:absolute;left:-70px;bottom:-110px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(25,232,120,.14),transparent 68%);pointer-events:none;
}
.ko-matches-keywords span{transition:transform .18s ease,background .18s ease}
.ko-matches-keywords span:hover{transform:translateY(-2px);background:rgba(22,140,255,.14)!important}
.standings-page{padding-bottom:32px}
.standings-hero{
  position:relative;overflow:hidden;border:1px solid rgba(69,199,255,.20)!important;
  box-shadow:var(--sig-shadow)!important;
}
.standings-hero:before{
  content:"";position:absolute;inset:-80px auto auto -80px;width:250px;height:250px;border-radius:50%;
  background:radial-gradient(circle,rgba(25,232,120,.16),transparent 68%);pointer-events:none;
}
.standings-hero-icon{filter:drop-shadow(0 12px 22px rgba(22,140,255,.22))}
.standings-league-tab{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.standings-league-tab:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(22,140,255,.13)!important}
.standings-panel{
  border-color:var(--sig-line)!important;box-shadow:var(--sig-shadow)!important;
}
.standings-table-pro tbody tr{transition:background .18s ease,transform .18s ease}
.standings-table-pro tbody tr:hover{background:rgba(22,140,255,.055);transform:translateX(-2px)}
.standings-note{border-top:1px solid var(--sig-line)!important}





@media(max-width:900px){
  main.site-shell{padding-top:20px!important}
  .home-news-match-hero{gap:14px!important}
  .v144-comp{min-height:126px}
}
@media(max-width:620px){
  main.site-shell{padding-top:14px!important}
  main.site-shell:before{height:260px}
  .home-article-overlay{padding:20px!important}
  .home-article-overlay h1,.home-article-overlay h2{font-size:24px!important}
  .home-article-meta{font-size:9px}
  .v144-section-head{align-items:flex-start!important;gap:10px}
  .v144-section-head h2{font-size:22px!important}
  .home-top-competitions-v144,.home-news-zone,.home-directory-zone{border-radius:20px!important}
  .home-match-dashboard{border-radius:20px!important}
  .v144-board-toolbar{grid-template-columns:1fr auto!important}
  .v144-board-toolbar .filters{grid-column:1/-1;grid-row:2;overflow-x:auto;max-width:100%}
  .fixture-table-head{display:none}
  .fixture-table-row{grid-template-columns:1fr 72px 1fr!important;gap:5px!important;padding:12px 9px!important}
  .fixture-time{grid-column:1/-1;grid-row:1;justify-content:center!important;padding-bottom:4px}
  .fixture-team.fixture-home{grid-column:1;grid-row:2}
  .fixture-score{grid-column:2;grid-row:2}
  .fixture-team.fixture-away{grid-column:3;grid-row:2}
  .fixture-action{grid-column:1/-1;grid-row:3;border-top:1px solid var(--sig-line);padding-top:7px}
  .empty-state-actions{gap:6px}
  .empty-state-actions button,.empty-state-actions a{font-size:9px;padding:7px 10px}
  .standings-hero{padding:24px 18px!important}
  .standings-hero-icon{opacity:.35}
  
}
@media(prefers-reduced-motion:reduce){
  .v144-comp:hover,.home-news-card:hover,.home-directory-card:hover,
  .fixture-table-row:hover,.standings-league-tab:hover{transform:none!important}
  .home-news-image img{transition:none}
}