/* UltraKoora Arabic readability layer — 2026-10-06 */
:root{
  --uk-ar-font:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --uk-text:#172033;
  --uk-muted:#5f6b7a;
  --uk-soft:#f8fafc;
  --uk-border:#e2e8f0;
  --uk-blue:#2563eb;
}

html[lang="ar"] body,
html[dir="rtl"] body{
  font-family:var(--uk-ar-font)!important;
  color:var(--uk-text);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] a{
  font-family:var(--uk-ar-font)!important;
}

main p,
.section p,
.match-seo-card p,
.uk-seo-copy{
  font-size:15.5px!important;
  line-height:1.95!important;
}

.heading-component-title,
#page-h1-title,
.uk-match-page-title{
  font-family:var(--uk-ar-font)!important;
  font-weight:800!important;
  line-height:1.6!important;
  color:#0f172a!important;
}

.rd-nav-link,
.rd-dropdown-link{
  font-size:14px!important;
  font-weight:700!important;
}

/* Date navigation */
#ulll{
  gap:7px!important;
  align-items:stretch!important;
}
#ulll .button-xs2{
  min-height:52px!important;
  border-radius:12px!important;
  padding:7px 11px!important;
}
.btn-day-label{
  display:block!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.btn-day-date{
  display:block!important;
  margin-top:4px!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

/* Shared entity/readability cards */
.uk-panel-title{font-size:17px!important;line-height:1.65!important}
.uk-panel-desc{font-size:13.5px!important;line-height:1.85!important;color:var(--uk-muted)!important}
.uk-panel-kicker{font-size:11.5px!important}
.uk-panel-link{font-size:12.5px!important}
.uk-context-card small{font-size:10.5px!important}
.uk-context-card strong{font-size:13px!important;line-height:1.55!important}
.uk-context-card span{font-size:11px!important;line-height:1.55!important}
.uk-match-team-name{font-size:13px!important;line-height:1.5!important}
.uk-match-date,.uk-match-status,.uk-match-comp{font-size:10.5px!important}
.uk-match-time{font-size:15px!important}
.uk-match-timezone{font-size:10.5px!important}
.uk-result-top{font-size:10.5px!important}
.uk-result-line{font-size:12.5px!important;line-height:1.55!important}
.uk-result-score{font-size:13px!important}
.uk-entity-eyebrow{font-size:12px!important}
.uk-entity-subtitle{font-size:13.5px!important;line-height:1.85!important}
.uk-entity-action{font-size:12.5px!important}

/* Match detail: keep data visually attached to the hero */
.match-detail-block{
  font-family:var(--uk-ar-font)!important;
}
.uk-match-page-heading{
  margin:0 0 12px!important;
}
.uk-match-page-heading .heading-component-inner{
  padding:0!important;
}
.uk-match-page-title{
  margin:0!important;
  font-size:20px!important;
}
.match-top-nav{margin-bottom:10px!important}
.btn-return-action{
  font-size:13.5px!important;
  border-radius:11px!important;
  padding:8px 14px!important;
}
.match-hero-card{
  border-radius:16px!important;
  margin-bottom:8px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}
.match-hero-league{padding:10px 15px!important}
.hero-league-title{font-size:14.5px!important;line-height:1.5!important}
.hero-round-badge{font-size:11.5px!important}
.match-hero-teams{padding:18px 10px!important}
.hero-team-title{font-size:15.5px!important;line-height:1.55!important}
.hero-score-digits{font-size:25px!important}
.status-pill{font-size:12px!important;padding:4px 9px!important;border-radius:8px!important}
.uk-match-timezone{margin-top:5px!important}

#detail-data-area{
  margin-top:0!important;
}
#detail-data-area > .modern-loading-card,
#detail-data-area > .tabs-custom{
  margin-top:0!important;
}
.modern-loading-card{
  margin-top:0!important;
  border-radius:14px!important;
  padding:24px 18px!important;
}
.modern-loading-text{font-size:14px!important;line-height:1.65!important}

.tabs-modern{
  margin-top:0!important;
  background:#fff!important;
  border:1px solid var(--uk-border)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.tabs-modern .nav-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scrollbar-width:none;
  border-bottom:1px solid var(--uk-border)!important;
  background:#fbfdff!important;
}
.tabs-modern .nav-tabs::-webkit-scrollbar{display:none}
.tabs-modern .nav-link{
  white-space:nowrap!important;
  font-size:13.5px!important;
  font-weight:750!important;
  padding:10px 13px!important;
}
.tabs-modern .tab-content{
  padding:12px!important;
}
.pro-stats-card{
  border:0!important;
  padding:10px 4px!important;
  border-radius:0!important;
}
.stats-bar-header{font-size:14px!important;line-height:1.55!important}
.stat-compare-row{
  font-size:13.5px!important;
  line-height:1.6!important;
  padding:10px 5px!important;
}
.stat-prop{color:#526071!important}
.lineup-team-title{font-size:14px!important}
.lineup-table{font-size:12.5px!important}
.player-name{font-size:12.5px!important}
.player-pos{font-size:11.5px!important}
.jersey-num{font-size:11px!important}
.event-row{font-size:13px!important;line-height:1.65!important}
.h2h-item-row{font-size:13px!important;line-height:1.55!important}
.standings-pro-table{font-size:12px!important}
.no-data-msg{font-size:13.5px!important;line-height:1.75!important}

.match-detail-block > .uk-entity-shell{
  margin-top:18px!important;
  padding-top:2px;
  border-top:1px solid #edf2f7;
}

@media (max-width:767px){
  html[lang="ar"] body,html[dir="rtl"] body{font-size:16px}
  main p,.section p,.match-seo-card p,.uk-seo-copy{font-size:15px!important;line-height:1.9!important}
  .uk-match-page-title{font-size:18px!important;line-height:1.65!important}
  #ulll{gap:5px!important}
  #ulll .ull{flex:1 1 0!important;min-width:0!important}
  #ulll .ull:first-child{flex:0 0 48px!important}
  #ulll .button-xs2{width:100%!important;min-width:0!important;padding:7px 5px!important}
  .btn-day-label{font-size:12.5px!important}
  .btn-day-date{font-size:10.5px!important}
  .hero-team-title{font-size:14.5px!important}
  .hero-league-title{font-size:13.5px!important}
  .match-hero-teams{padding:16px 6px!important}
  .tabs-modern .nav-link{font-size:13px!important;padding:9px 11px!important}
  .stat-compare-row{font-size:13px!important}
  .lineups-dual-grid{gap:8px!important}
  .uk-panel{border-radius:15px!important}
}


/* ==========================================================================
   UltraKoora premium site shell — header, navigation & footer — 2026-10-06
   ========================================================================== */
.uk-site-header{position:relative;z-index:1200}
.uk-header-bar{background:linear-gradient(135deg,#061a35 0%,#0a2b55 58%,#0b3a72 100%)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.uk-header-inner{min-height:66px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px}
.uk-site-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:#fff!important;min-width:max-content}
.uk-site-brand-icon{width:42px!important;height:42px!important;display:block;object-fit:contain;border-radius:14px;box-shadow:0 8px 22px rgba(2,8,23,.28),0 0 0 1px rgba(255,255,255,.12)}
.uk-site-brand-copy{display:flex;flex-direction:column;line-height:1.1}
.uk-site-brand-copy strong{font-size:16px;font-weight:900;letter-spacing:.01em;color:#fff}
.uk-site-brand-copy small{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#93c5fd;margin-top:3px}
.uk-header-quick{display:flex;align-items:center;justify-content:center;gap:7px;flex:1}
.uk-quick-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#e5efff!important;text-decoration:none!important;font-size:12.5px;font-weight:800;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.uk-quick-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.13);border-color:rgba(125,211,252,.45);color:#fff!important}
.uk-quick-today{background:linear-gradient(135deg,#0d6efd,#2563eb);border-color:#60a5fa;color:#fff!important;box-shadow:0 6px 18px rgba(37,99,235,.24)}
.uk-quick-today span{font-size:10px;color:#86efac;text-shadow:0 0 9px rgba(74,222,128,.7)}

.rd-navbar-main{background:#0a274a!important}
.rd-navbar-main-bottom{background:transparent!important}
.rd-navbar-main-container{display:flex!important;align-items:center!important;justify-content:center!important}
.uk-primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px;margin:0!important;padding:0!important}
.uk-primary-nav>.rd-nav-item{position:relative}
.uk-primary-nav>.rd-nav-item>.rd-nav-link{display:flex!important;align-items:center!important;min-height:46px;padding:0 14px!important;border-radius:10px;color:#e7eef8!important;font-size:13.5px!important;font-weight:800!important;text-decoration:none!important;transition:background .18s ease,color .18s ease}
.uk-primary-nav>.rd-nav-item>.rd-nav-link:hover,
.uk-primary-nav>.rd-nav-item.uk-current-parent>.rd-nav-link{background:rgba(255,255,255,.08)!important;color:#fff!important}
.uk-primary-nav .rd-navbar-dropdown{min-width:238px!important;padding:8px!important;border:1px solid #dbe4ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 48px rgba(15,23,42,.18)!important}
.uk-primary-nav .uk-menu-wide{min-width:270px!important}
.uk-primary-nav .rd-dropdown-item+.rd-dropdown-item{margin-top:2px!important}
.uk-primary-nav .rd-dropdown-link{display:block!important;padding:8px 10px!important;border-radius:9px!important;color:#334155!important;font-size:12.5px!important;font-weight:700!important;line-height:1.55!important;text-align:right!important;text-decoration:none!important}
.uk-primary-nav .rd-dropdown-link:hover,
.uk-primary-nav .rd-dropdown-link.uk-current-link{background:#eff6ff!important;color:#1d4ed8!important}
.uk-menu-group-label{list-style:none;padding:8px 10px 5px;margin-top:3px;color:#7c8ba1;font-size:10px;font-weight:900;letter-spacing:.02em;border-top:1px solid #eef2f7}
.uk-menu-group-label:first-child{border-top:0;margin-top:0}
.uk-mobile-menu-head,.uk-mobile-menu-foot{display:none}
.uk-menu-toggle{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important}
.uk-menu-toggle span,.uk-menu-toggle span:before,.uk-menu-toggle span:after{background:#fff!important}

.uk-site-footer{background:linear-gradient(180deg,#07182e 0%,#071426 100%)!important;color:#a9b7c9!important;padding:48px 0 0!important}
.uk-footer-brand{text-align:center;max-width:650px;margin:0 auto 34px}
.uk-footer-logo{display:inline-flex;width:74px;height:74px;align-items:center;justify-content:center;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 34px rgba(0,0,0,.22);margin-bottom:12px}
.uk-footer-logo img{width:68px;height:68px;object-fit:contain;border-radius:18px}
.uk-footer-brand>strong{display:block;color:#fff;font-size:19px;font-weight:900}
.uk-footer-brand p{max-width:580px;margin:8px auto 0!important;color:#9fb0c5!important;font-size:13.5px!important;line-height:1.9!important}
.uk-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:0 0 34px}
.uk-footer-grid section{min-width:0}
.uk-footer-grid h2{position:relative;margin:0 0 13px;padding-bottom:9px;color:#fff!important;font-size:14px!important;font-weight:900!important;line-height:1.4!important}
.uk-footer-grid h2:after{content:"";position:absolute;right:0;bottom:0;width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#2563eb)}
.uk-footer-grid a{display:block;padding:5px 0;color:#c0cadd!important;text-decoration:none!important;font-size:12.5px!important;font-weight:650!important;line-height:1.7!important;transition:color .16s ease,transform .16s ease}
.uk-footer-grid a:hover{color:#fff!important;transform:translateX(-2px)}
.uk-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0 22px;border-top:1px solid rgba(148,163,184,.16)}
.uk-footer-bottom nav{display:flex;flex-wrap:wrap;gap:14px}
.uk-footer-bottom a{color:#9fb0c5!important;text-decoration:none!important;font-size:11.5px!important}
.uk-footer-bottom p{margin:0!important;color:#7f91a8!important;font-size:11.5px!important;line-height:1.6!important}

.uk-nav-backdrop{display:none}

@media (max-width:1199px){
  .uk-header-inner{min-height:62px;padding-left:16px!important;padding-right:16px!important}
  .uk-site-brand-icon{width:40px!important;height:40px!important;border-radius:13px}
  .uk-site-brand-copy strong{font-size:15px}
  .uk-site-brand-copy small{font-size:9px}
  .uk-header-quick{justify-content:flex-start;flex:0 1 auto;margin-right:auto}
  .uk-header-quick .uk-quick-link:not(.uk-quick-today){display:none!important}
  .uk-quick-today{min-height:32px;padding:5px 10px;font-size:11.5px}
  .uk-menu-toggle{display:block!important;position:relative!important;inset:auto!important;margin:0!important}

  .rd-navbar-main{
    display:block!important;
    position:fixed!important;
    top:62px!important;
    right:0!important;
    left:auto!important;
    width:min(88vw,340px)!important;
    height:calc(100dvh - 62px)!important;
    padding:0!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#f8fafc!important;
    box-shadow:-18px 0 46px rgba(15,23,42,.2)!important;
    transform:translateX(105%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .2s ease!important;
    z-index:1290!important;
    overscroll-behavior:contain;
  }
  .rd-navbar-main.active{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .rd-navbar-main-bottom{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
  }
  .rd-navbar-main-container{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 12px 28px!important;
  }
  .uk-mobile-menu-head{
    display:flex;align-items:center;gap:11px;padding:8px 8px 14px;margin:0 0 10px;border-bottom:1px solid #e5eaf0
  }
  .uk-mobile-menu-head img{width:46px;height:46px;object-fit:contain;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.10)}
  .uk-mobile-menu-head div{display:flex;flex-direction:column;min-width:0}
  .uk-mobile-menu-head strong{color:#0f172a;font-size:15px;font-weight:900}
  .uk-mobile-menu-head span{margin-top:3px;color:#64748b;font-size:10.5px;font-weight:650;line-height:1.45}

  .uk-primary-nav{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .uk-primary-nav>.rd-nav-item{display:block!important;width:100%!important;margin:0 0 5px!important;border:1px solid #e4eaf1!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(15,23,42,.035)!important}
  .uk-primary-nav>.rd-nav-item>.rd-nav-link{
    min-height:46px!important;padding:0 14px!important;color:#172033!important;background:#fff!important;border-radius:0!important;font-size:13.5px!important;font-weight:850!important
  }
  .uk-primary-nav>.rd-nav-item.uk-current-parent>.rd-nav-link{color:#1d4ed8!important;background:#f8fbff!important}
  .uk-primary-nav .rd-navbar-submenu-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:absolute!important;top:8px!important;left:9px!important;right:auto!important;
    width:30px!important;height:30px!important;border:1px solid #dce5ef!important;border-radius:9px!important;background:#f8fafc!important;color:#334155!important;
    transition:transform .2s ease,background .2s ease!important;
    z-index:2!important
  }
  .uk-primary-nav .rd-navbar-submenu-toggle:before{content:"⌄"!important;font-family:Arial,sans-serif!important;font-size:16px!important;line-height:1!important;transform:translateY(-2px)}
  .uk-primary-nav>.rd-nav-item.opened>.rd-navbar-submenu-toggle{transform:rotate(180deg)!important;background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}

  .uk-primary-nav .rd-navbar-dropdown,
  .uk-primary-nav .uk-menu-wide{
    display:block!important;position:static!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-height:0;overflow:hidden!important;opacity:0;
    margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:#fbfdff!important;box-shadow:none!important;
    transition:max-height .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,padding .22s ease!important
  }
  .uk-primary-nav>.rd-nav-item.opened>.rd-navbar-dropdown{opacity:1;padding-top:7px!important;padding-bottom:9px!important}
  .uk-primary-nav .rd-dropdown-link{padding:8px 9px!important;font-size:12.5px!important;border-radius:8px!important}
  .uk-menu-group-label{padding:8px 9px 4px;font-size:9.5px!important}
  .uk-mobile-menu-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #e5eaf0}
  .uk-mobile-menu-foot a{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#64748b!important;text-decoration:none!important;font-size:10.5px!important;font-weight:700!important}

  .uk-nav-backdrop{
    display:block;position:fixed;inset:62px 0 0;background:rgba(2,8,23,.46);backdrop-filter:blur(1px);
    opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1280
  }
  .uk-nav-backdrop.active{opacity:1;visibility:visible}
  body.rd-navbar-main-active{overflow:hidden!important;touch-action:none}

  .uk-site-footer{padding-top:36px!important}
  .uk-footer-brand{margin-bottom:26px}
  .uk-footer-logo{width:70px;height:70px;border-radius:21px}
  .uk-footer-logo img{width:64px;height:64px}
  .uk-footer-brand>strong{font-size:17px}
  .uk-footer-brand p{font-size:12.5px!important;padding:0 12px}
  .uk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .uk-footer-grid h2{font-size:13.5px!important}
  .uk-footer-grid a{font-size:12px!important;padding:4px 0}
  .uk-footer-bottom{flex-direction:column;text-align:center;gap:10px}
  .uk-footer-bottom nav{justify-content:center}
}
@media(max-width:480px){
  .uk-site-brand-copy small{display:none}
  .uk-header-quick{display:none}
  .uk-footer-grid{grid-template-columns:1fr 1fr;gap:22px 13px}
  .uk-footer-grid a{font-size:11.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .rd-navbar-main,.uk-nav-backdrop,.uk-quick-link,.uk-primary-nav .rd-navbar-dropdown{transition:none!important}
}



/* Desktop reset for the legacy fixed-navbar class used by lightweight shell */
@media (min-width:1200px){
  .uk-site-header .rd-navbar-main{
    position:static!important;inset:auto!important;width:100%!important;height:50px!important;
    margin:0!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;
    overflow:visible!important;box-shadow:none!important;background:#0a274a!important
  }
  .uk-site-header .rd-navbar-main-bottom{
    position:static!important;inset:auto!important;width:100%!important;height:50px!important;
    margin:0!important;padding:0!important;transform:none!important
  }
  .uk-site-header .rd-navbar-main-container{
    position:relative!important;width:100%!important;max-width:1320px!important;height:50px!important;
    margin:0 auto!important;padding:0 20px!important;transform:none!important;display:flex!important;justify-content:center!important
  }
  .uk-site-header .uk-primary-nav{
    position:static!important;inset:auto!important;width:auto!important;height:50px!important;
    margin:0!important;padding:0!important;transform:none!important;display:flex!important
  }
  .uk-site-header .uk-primary-nav .rd-navbar-dropdown{position:absolute!important;top:48px!important;right:0!important;left:auto!important}
}

@media (max-width:1199px){
  .uk-site-header .uk-header-bar{height:56px!important;min-height:56px!important}
  .uk-site-header .uk-header-inner{height:56px!important;min-height:56px!important}
  .uk-site-header .rd-navbar-main{top:56px!important;height:calc(100dvh - 56px)!important}
  .uk-nav-backdrop{inset:56px 0 0!important}
  body:not(:has(.uk-nav-backdrop)):has(.uk-site-header .rd-navbar-main.active){overflow:hidden!important}
  body:not(:has(.uk-nav-backdrop)):has(.uk-site-header .rd-navbar-main.active)::after{
    content:"";position:fixed;inset:56px 0 0;background:rgba(2,8,23,.46);z-index:1280
  }
}



@media (min-width:1200px){
  .uk-site-header .rd-navbar-main{margin-top:56px!important}
  .uk-site-header .uk-primary-nav>.rd-nav-item>.rd-navbar-submenu-toggle{display:none!important}
  .uk-site-header .uk-primary-nav>.rd-nav-item>.rd-navbar-dropdown{
    display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(8px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item:hover>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.rd-nav-item:focus-within>.rd-navbar-dropdown{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important
  }
}



@media (min-width:1200px){
  .uk-site-header .uk-primary-nav>.rd-nav-item>.rd-navbar-dropdown{
    height:auto!important;max-height:none!important;overflow:visible!important
  }
  .uk-site-header .uk-menu-group-label{line-height:1.35!important}
}


/* Mobile stacking order: drawer/header above the dimmed backdrop */
.uk-site-header{z-index:1320!important}
@media(max-width:1199px){
  .uk-site-header .rd-navbar-main{z-index:1340!important}
  .uk-site-header .uk-header-bar{z-index:1350!important}
  .uk-nav-backdrop{z-index:1300!important}
}

/* ==========================================================================
   UltraKoora navigation + footer v2 — 2026-10-06
   ========================================================================== */
.uk-brand-mark,
.uk-mobile-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 8px 22px rgba(2,8,23,.22);
}
.uk-brand-mark{width:46px;height:46px;border-radius:15px}
.uk-mobile-brand-mark{width:50px;height:50px;border-radius:16px;background:#fff;border-color:#e2e8f0;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.uk-brand-mark .uk-site-brand-icon{width:40px!important;height:40px!important;border:0!important;border-radius:12px!important;box-shadow:none!important}
.uk-mobile-brand-mark img{width:44px!important;height:44px!important;object-fit:contain;border-radius:13px}

.uk-live-dot{
  display:inline-block;
  width:7px;height:7px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 0 4px rgba(74,222,128,.12),0 0 12px rgba(74,222,128,.45)
}
.uk-quick-link{position:relative;overflow:hidden}
.uk-quick-link:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.13),transparent 75%);
  transform:translateX(130%);
  transition:transform .42s ease;
  pointer-events:none
}
.uk-quick-link:hover:after{transform:translateX(-130%)}

.uk-menu-toggle{
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important
}
.uk-burger-lines,
.uk-burger-lines:before,
.uk-burger-lines:after{
  display:block;
  width:18px;height:2px;
  border-radius:999px;
  background:#fff;
  transition:transform .24s ease,opacity .18s ease,top .24s ease
}
.uk-burger-lines{position:relative}
.uk-burger-lines:before,.uk-burger-lines:after{content:"";position:absolute;left:0}
.uk-burger-lines:before{top:-6px}
.uk-burger-lines:after{top:6px}
.uk-menu-toggle.active .uk-burger-lines{background:transparent!important}
.uk-menu-toggle.active .uk-burger-lines:before{top:0;transform:rotate(45deg)}
.uk-menu-toggle.active .uk-burger-lines:after{top:0;transform:rotate(-45deg)}

.uk-mobile-shortcuts{display:none}

@media(min-width:1200px){
  .uk-site-header .rd-navbar-main{margin-top:0!important}
  .uk-site-header .rd-navbar-main-container{max-width:1320px!important}
  .uk-primary-nav>.rd-nav-item>.rd-nav-link{
    position:relative;
    min-height:48px!important;
    padding:0 15px!important;
  }
  .uk-primary-nav>.rd-nav-item>.rd-nav-link:after{
    content:"";
    position:absolute;
    right:15px;left:15px;bottom:4px;
    height:2px;border-radius:999px;
    background:linear-gradient(90deg,#38bdf8,#60a5fa);
    transform:scaleX(0);
    transition:transform .18s ease
  }
  .uk-primary-nav>.rd-nav-item:hover>.rd-nav-link:after,
  .uk-primary-nav>.rd-nav-item.uk-current-parent>.rd-nav-link:after{transform:scaleX(1)}
  .uk-site-header .uk-primary-nav>.rd-nav-item>.rd-navbar-dropdown{
    top:47px!important;
    padding:10px!important;
    border-radius:16px!important;
    border:1px solid #dbe5f0!important;
    box-shadow:0 20px 55px rgba(15,23,42,.20)!important;
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item>.uk-menu-mega{
    width:540px!important;
    min-width:540px!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px 8px
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item>.uk-menu-clubs{
    width:630px!important;
    min-width:630px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item>.uk-menu-mega .uk-menu-group-label{grid-column:1/-1}
  .uk-site-header .uk-primary-nav>.rd-nav-item:hover>.uk-menu-mega,
  .uk-site-header .uk-primary-nav>.rd-nav-item:focus-within>.uk-menu-mega{display:grid!important}
  .uk-site-header .uk-primary-nav>.uk-nav-clubs>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-standings>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-leagues>.rd-navbar-dropdown{
    right:50%!important;
    transform:translate(50%,8px)!important
  }
  .uk-site-header .uk-primary-nav>.uk-nav-clubs:hover>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-clubs:focus-within>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-standings:hover>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-standings:focus-within>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-leagues:hover>.rd-navbar-dropdown,
  .uk-site-header .uk-primary-nav>.uk-nav-leagues:focus-within>.rd-navbar-dropdown{
    transform:translate(50%,0)!important
  }
  .uk-menu-group-label{
    margin:4px 2px 3px!important;
    padding:7px 9px 5px!important;
    background:#f8fafc;
    border:0!important;
    border-radius:8px;
    color:#64748b!important;
    font-size:10.5px!important
  }
}

@media(max-width:1199px){
  .uk-menu-toggle{display:inline-flex!important}
  .uk-site-header .uk-header-bar{height:60px!important;min-height:60px!important}
  .uk-site-header .uk-header-inner{height:60px!important;min-height:60px!important;padding-right:12px!important;padding-left:12px!important;gap:10px!important}
  .uk-site-brand{gap:8px}
  .uk-brand-mark{width:42px;height:42px;border-radius:14px}
  .uk-brand-mark .uk-site-brand-icon{width:36px!important;height:36px!important}
  .uk-site-brand-copy strong{font-size:15px!important}
  .uk-header-quick{margin-right:auto!important}
  .uk-quick-today{font-size:11.5px!important;padding:5px 10px!important}

  .uk-site-header .rd-navbar-main{
    top:60px!important;
    right:0!important;
    width:min(92vw,365px)!important;
    height:calc(100dvh - 60px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px 0 0 0;
    background:#f5f8fc!important;
    box-shadow:-20px 0 55px rgba(15,23,42,.24)!important;
    transform:translate3d(105%,0,0)!important;
    opacity:1!important;
    visibility:hidden!important;
    transition:transform .30s cubic-bezier(.22,.8,.2,1),visibility .30s!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    will-change:transform
  }
  .uk-site-header .rd-navbar-main.active{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important
  }
  .uk-site-header .rd-navbar-main-container{padding:12px 11px 30px!important}
  .uk-mobile-menu-head{
    position:sticky;
    top:-12px;
    z-index:4;
    display:flex!important;
    align-items:center;
    gap:11px;
    margin:-12px -11px 12px;
    padding:14px 14px 12px!important;
    background:rgba(245,248,252,.96);
    backdrop-filter:blur(10px);
    border-bottom:1px solid #e2e8f0!important
  }
  .uk-mobile-menu-head strong{font-size:15.5px!important}
  .uk-mobile-menu-head span{font-size:11px!important;line-height:1.55!important}

  .uk-mobile-shortcuts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
    margin:0 0 12px
  }
  .uk-mobile-shortcuts a{
    min-width:0;
    padding:9px 4px 8px;
    border:1px solid #dfe7f0;
    border-radius:12px;
    background:#fff;
    box-shadow:0 4px 12px rgba(15,23,42,.035);
    text-align:center;
    text-decoration:none!important
  }
  .uk-mobile-shortcuts span{display:block;color:#64748b;font-size:9.5px!important;font-weight:700!important;line-height:1.2!important}
  .uk-mobile-shortcuts strong{display:block;margin-top:3px;color:#172033;font-size:11.5px!important;font-weight:850!important;line-height:1.35!important}
  .uk-mobile-shortcuts a:first-child{border-color:#bfdbfe;background:#eff6ff}
  .uk-mobile-shortcuts a:first-child strong{color:#1d4ed8}

  .uk-primary-nav>.rd-nav-item{
    margin-bottom:7px!important;
    border:1px solid #dde6ef!important;
    border-radius:14px!important;
    box-shadow:0 4px 14px rgba(15,23,42,.035)!important
  }
  .uk-primary-nav>.rd-nav-item>.rd-nav-link{
    min-height:49px!important;
    padding:0 15px!important;
    font-size:14px!important;
    letter-spacing:0!important
  }
  .uk-primary-nav>.rd-nav-item>.rd-nav-link:before{
    content:"";
    width:7px;height:7px;
    margin-left:9px;
    border-radius:50%;
    background:#cbd5e1;
    box-shadow:0 0 0 4px #f1f5f9
  }
  .uk-primary-nav>.uk-nav-matches>.rd-nav-link:before{background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
  .uk-primary-nav>.uk-nav-leagues>.rd-nav-link:before{background:#3b82f6;box-shadow:0 0 0 4px #dbeafe}
  .uk-primary-nav>.uk-nav-standings>.rd-nav-link:before{background:#8b5cf6;box-shadow:0 0 0 4px #ede9fe}
  .uk-primary-nav>.uk-nav-clubs>.rd-nav-link:before{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}
  .uk-primary-nav>.uk-nav-sat>.rd-nav-link:before{background:#06b6d4;box-shadow:0 0 0 4px #cffafe}
  .uk-primary-nav>.uk-nav-home>.rd-nav-link:before{background:#64748b;box-shadow:0 0 0 4px #f1f5f9}

  .uk-primary-nav .rd-navbar-submenu-toggle{
    top:9px!important;
    left:10px!important;
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
    background:#f7f9fc!important
  }
  .uk-primary-nav>.rd-nav-item.opened{
    border-color:#bfdbfe!important;
    box-shadow:0 8px 22px rgba(37,99,235,.07)!important
  }
  .uk-primary-nav>.rd-nav-item.opened>.rd-nav-link{background:#f8fbff!important;color:#1d4ed8!important}
  .uk-primary-nav .rd-navbar-dropdown,
  .uk-primary-nav .uk-menu-wide,
  .uk-primary-nav .uk-menu-mega,
  .uk-primary-nav .uk-menu-clubs{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-height:0;
    overflow:hidden!important;
    opacity:0;
    visibility:visible!important;
    transform:none!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:#fbfdff!important;
    box-shadow:none!important;
    transition:max-height .30s cubic-bezier(.22,.8,.2,1),opacity .18s ease,padding .22s ease!important
  }
  .uk-primary-nav>.rd-nav-item.opened>.rd-navbar-dropdown{
    opacity:1!important;
    padding-top:7px!important;
    padding-bottom:10px!important
  }
  .uk-menu-group-label{
    margin:4px 0 2px!important;
    padding:7px 9px 5px!important;
    border-top:1px solid #edf2f7!important;
    color:#718096!important;
    font-size:10.5px!important
  }
  .uk-menu-group-label:first-child{border-top:0!important}
  .uk-primary-nav .rd-dropdown-link{
    padding:8px 10px!important;
    border-radius:9px!important;
    font-size:12.5px!important;
    line-height:1.55!important
  }
  .uk-primary-nav .rd-dropdown-link:active{background:#eaf3ff!important;color:#1d4ed8!important}

  .uk-nav-backdrop{inset:60px 0 0!important;background:rgba(2,8,23,.48)!important;backdrop-filter:blur(2px)}
}

@media(max-width:480px){
  .uk-header-quick{display:none!important}
  .uk-site-brand-copy small{display:none!important}
  .uk-mobile-shortcuts{gap:5px}
  .uk-mobile-shortcuts a{padding:8px 3px}
  .uk-mobile-shortcuts strong{font-size:11px!important}
}

.uk-footer-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px!important}
.uk-footer-brand{display:flex;flex-direction:column;align-items:center!important;text-align:center!important}
.uk-footer-logo{
  width:82px!important;height:82px!important;
  margin:0 auto 13px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important
}
.uk-footer-logo img{width:72px!important;height:72px!important;border-radius:20px!important}
.uk-footer-grid-v2 section{padding:0 5px}
.uk-footer-grid-v2 h2{font-size:14px!important}
.uk-footer-grid-v2 a{font-size:12.25px!important}
.uk-footer-bottom{justify-content:center!important;flex-direction:column!important;text-align:center!important}
.uk-footer-bottom nav{justify-content:center!important}
@media(max-width:991px){
  .uk-footer-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px 20px!important}
}
@media(max-width:600px){
  .uk-site-footer{padding-top:32px!important}
  .uk-footer-logo{width:76px!important;height:76px!important}
  .uk-footer-logo img{width:67px!important;height:67px!important}
  .uk-footer-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}
  .uk-footer-grid-v2 section:last-child{grid-column:1/-1}
  .uk-footer-grid-v2 section:last-child{text-align:center}
  .uk-footer-grid-v2 section:last-child h2:after{right:50%;transform:translateX(50%)}
  .uk-footer-grid-v2 section:last-child a{display:inline-block;margin:0 7px}
}
@media(prefers-reduced-motion:reduce){
  .uk-site-header .rd-navbar-main,
  .uk-primary-nav .rd-navbar-dropdown,
  .uk-quick-link,
  .uk-burger-lines,
  .uk-burger-lines:before,
  .uk-burger-lines:after{transition:none!important}
}

/* Header mobile alignment + direct access refinements — 2026-10-06 */
.uk-mobile-direct{display:none}

@media(max-width:1199px){
  /* Neutralise the legacy RD Navbar vertical transform: keep the burger truly centered. */
  .uk-site-header .uk-menu-toggle{
    position:relative!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    align-self:center!important;
    flex:0 0 38px!important;
    width:38px!important;height:38px!important;
  }
  .uk-site-header .uk-menu-toggle .uk-burger-lines,
  .uk-site-header .uk-menu-toggle .uk-burger-lines:before,
  .uk-site-header .uk-menu-toggle .uk-burger-lines:after{
    width:20px!important;height:2px!important;
    left:0!important;right:auto!important;
    border:0!important;border-radius:999px!important;
    background:#fff!important;
    transform:none!important;
  }
  .uk-site-header .uk-menu-toggle .uk-burger-lines{position:relative!important;top:auto!important;margin:0!important}
  .uk-site-header .uk-menu-toggle .uk-burger-lines:before{top:-6px!important}
  .uk-site-header .uk-menu-toggle .uk-burger-lines:after{top:6px!important}
  .uk-site-header .uk-menu-toggle.active .uk-burger-lines{background:transparent!important}
  .uk-site-header .uk-menu-toggle.active .uk-burger-lines:before{top:0!important;transform:rotate(45deg)!important}
  .uk-site-header .uk-menu-toggle.active .uk-burger-lines:after{top:0!important;transform:rotate(-45deg)!important}

  /* Four high-intent links remain available without opening the drawer. */
  .uk-mobile-direct{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    height:42px;
    padding:5px 10px 6px;
    background:#082441;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .uk-mobile-direct a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:0 5px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    color:#eaf2ff!important;
    text-decoration:none!important;
    white-space:nowrap;
    font-size:11.25px!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .uk-mobile-direct a:first-child{
    background:#2563eb;
    border-color:#3b82f6;
    color:#fff!important;
  }
  .uk-mobile-direct a:active{background:rgba(255,255,255,.14)}

  .uk-site-header .rd-navbar-main{
    top:102px!important;
    height:calc(100dvh - 102px)!important;
  }
  .uk-nav-backdrop{inset:102px 0 0!important}

  /* Exact shortcut wording inside the drawer. */
  .uk-mobile-shortcuts a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:43px!important;
    padding:7px 5px!important;
    color:#172033!important;
    white-space:nowrap;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
  }
  .uk-mobile-shortcuts a:first-child{color:#1d4ed8!important}
  .uk-mobile-shortcuts span,.uk-mobile-shortcuts strong{display:contents!important}

  /* Remove the old icon completely and draw one clean chevron only. */
  .uk-site-header .uk-primary-nav .rd-navbar-submenu-toggle:after{
    content:none!important;
    display:none!important;
  }
  .uk-site-header .uk-primary-nav .rd-navbar-submenu-toggle:before{
    content:""!important;
    display:block!important;
    width:8px!important;height:8px!important;
    border:0!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    background:transparent!important;
    transform:rotate(45deg) translate(-1px,-1px)!important;
    transform-origin:center!important;
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item.opened>.rd-navbar-submenu-toggle{
    transform:none!important;
  }
  .uk-site-header .uk-primary-nav>.rd-nav-item.opened>.rd-navbar-submenu-toggle:before{
    transform:rotate(225deg) translate(-1px,-1px)!important;
  }
}

@media(max-width:360px){
  .uk-mobile-direct{gap:4px;padding-left:6px;padding-right:6px}
  .uk-mobile-direct a{font-size:10.5px!important;padding-left:3px;padding-right:3px}
  .uk-mobile-shortcuts a{font-size:10.75px!important}
}

/* Keep the mobile direct-access bar visibly below the legacy fixed top bar. */
@media(max-width:1199px){
  .uk-site-header,
  .uk-site-header .rd-navbar-wrap{
    height:102px!important;
    min-height:102px!important;
  }
  .uk-mobile-direct{
    position:fixed!important;
    top:60px!important;
    right:0!important;
    left:0!important;
    z-index:1345!important;
  }
}

/* Local-league shortcut: full official name fits comfortably inside the drawer. */
@media(max-width:1199px){
  .uk-mobile-shortcuts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .uk-mobile-shortcuts a{
    min-height:48px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.45!important;
    padding:7px 8px!important;
  }
}