/* KORAONLINE V250 GLOBAL MOBILE UX */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
*{-webkit-tap-highlight-color:rgba(8,114,77,.15)}

.kora-mobile-nav-v250{display:none}

@media(max-width:820px){
  body{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    padding-bottom:74px!important;
  }

  body,input,select,textarea,button{
    font-size:16px!important;
  }

  .wrap,
  .ks243-wrap,
  .container,
  .page,
  main,
  .main,
  .content{
    max-width:100%!important;
  }

  .wrap,
  .ks243-wrap,
  .container{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  h1{
    font-size:25px!important;
    line-height:1.35!important;
  }

  h2{
    font-size:20px!important;
    line-height:1.4!important;
  }

  h3{
    font-size:17px!important;
  }

  p{
    line-height:1.8!important;
  }

  header,
  .top,
  .ks243-top{
    position:relative!important;
    top:auto!important;
  }

  header .wrap,
  .top .wrap,
  .ks243-nav{
    min-height:auto!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }

  .brand,
  .ks243-brand{
    justify-content:center!important;
    text-align:center!important;
    font-size:22px!important;
  }

  header nav,
  .top nav,
  .ks243-nav nav,
  .nav,
  .tabs,
  .filters,
  .tools{
    width:100%!important;
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    padding-bottom:3px!important;
  }

  header nav::-webkit-scrollbar,
  .top nav::-webkit-scrollbar,
  .ks243-nav nav::-webkit-scrollbar,
  .nav::-webkit-scrollbar,
  .tabs::-webkit-scrollbar,
  .filters::-webkit-scrollbar,
  .tools::-webkit-scrollbar{
    display:none!important;
  }

  header nav a,
  .top nav a,
  .ks243-nav nav a,
  .nav a,
  .tabs a,
  .filters a,
  .tools a,
  .btn,
  button{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
    border-radius:999px!important;
    padding:9px 12px!important;
  }

  .hero,
  .ks243-hero,
  .league-hero,
  .match-hero,
  .team-hero,
  .card,
  .ks243-card,
  .ks243-content,
  .stat,
  .match-card,
  .league-card,
  .team-card{
    border-radius:18px!important;
    padding:14px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
  }

  .hero,
  .ks243-hero,
  .league-hero,
  .match-hero,
  .team-hero{
    text-align:center!important;
  }

  .hero h1,
  .ks243-hero h1,
  .league-hero h1,
  .match-hero h1,
  .team-hero h1{
    font-size:28px!important;
  }

  .grid,
  .cards,
  .layout,
  .form-grid,
  .check-grid,
  .cache-grid,
  .league-row,
  .tr-row,
  .ks243-grid,
  .matches-grid,
  .teams-grid,
  .stats-grid,
  .scorers-grid{
    grid-template-columns:1fr!important;
  }

  .layout{
    display:block!important;
  }

  .side,
  aside{
    position:static!important;
    width:100%!important;
    margin-bottom:12px!important;
  }

  .side a,
  aside a{
    padding:11px 12px!important;
  }

  table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }

  th,td{
    padding:9px 10px!important;
  }

  input,select,textarea{
    min-height:44px!important;
    border-radius:13px!important;
  }

  textarea{
    min-height:110px!important;
  }

  .team-logo,
  .club-logo,
  .logo,
  .crest{
    max-width:82px!important;
  }

  .team-logo img,
  .club-logo img,
  .logo img,
  .crest img{
    max-width:82px!important;
    max-height:82px!important;
    object-fit:contain!important;
  }

  .match-teams,
  .teams-row,
  .score-row,
  .fixture-row{
    gap:10px!important;
  }

  .score,
  .match-score{
    font-size:26px!important;
  }

  .hide-mobile-v250{
    display:none!important;
  }

  .kora-mobile-nav-v250{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:99999;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    background:rgba(8,47,33,.96);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:7px;
    box-shadow:0 12px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
  }

  .kora-mobile-nav-v250 a{
    color:#d9fff0!important;
    text-decoration:none!important;
    font-family:Tahoma,Arial,sans-serif;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:48px!important;
    border-radius:15px!important;
    padding:5px 2px!important;
    background:rgba(255,255,255,.06)!important;
    white-space:nowrap!important;
  }

  .kora-mobile-nav-v250 a:active{
    transform:scale(.97);
    background:rgba(255,255,255,.13)!important;
  }
}

@media(max-width:420px){
  h1{font-size:23px!important}
  .hero h1,.ks243-hero h1,.league-hero h1,.match-hero h1,.team-hero h1{font-size:25px!important}
  .wrap,.ks243-wrap,.container{padding-left:10px!important;padding-right:10px!important}
  .kora-mobile-nav-v250{left:6px;right:6px;bottom:6px;border-radius:18px}
  .kora-mobile-nav-v250 a{font-size:10px!important}
}

/* KORAONLINE V251 MOBILE POLISH */
@media(max-width:820px){
  body{
    padding-bottom:68px!important;
  }

  .kora-mobile-nav-v250{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    gap:5px!important;
    padding:6px!important;
    border-radius:18px!important;
  }

  .kora-mobile-nav-v250 a{
    min-height:45px!important;
    font-size:10.5px!important;
    border-radius:14px!important;
    gap:2px!important;
  }

  .kora-mobile-nav-v250 a span{
    font-size:16px!important;
    line-height:1!important;
  }

  /* ترتيب وجداول: أريح للموبايل */
  table{
    font-size:14px!important;
  }

  table th,
  table td{
    font-size:14px!important;
    padding:8px 9px!important;
  }

  .standings-table,
  .scorers-table,
  .league-table{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:16px!important;
  }

  .standings-table table,
  .scorers-table table,
  .league-table table{
    min-width:560px!important;
  }

  .card:has(table)::after,
  .ks243-content:has(table)::after{
    content:"اسحب الجدول يمين/يسار";
    display:block;
    margin-top:8px;
    color:#08724d;
    font-size:12px;
    font-weight:900;
    text-align:center;
    background:#eefaf3;
    border-radius:999px;
    padding:7px 10px;
  }

  /* كروت المباريات */
  .match-card,
  .fixture-card,
  .game-card{
    overflow:hidden!important;
  }

  .match-card b,
  .fixture-card b,
  .game-card b{
    max-width:130px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .score,
  .match-score,
  .fixture-score{
    min-width:78px!important;
    text-align:center!important;
  }

  /* الروابط المهمة */
  .seo-links,
  .important-links,
  .ks243-links{
    justify-content:center!important;
  }

  .seo-links a,
  .important-links a,
  .ks243-links a{
    font-size:14px!important;
    padding:9px 12px!important;
  }
}

@media(max-width:420px){
  .kora-mobile-nav-v250{
    left:5px!important;
    right:5px!important;
    bottom:5px!important;
  }

  .kora-mobile-nav-v250 a{
    font-size:9.8px!important;
    min-height:43px!important;
  }

  table th,
  table td{
    font-size:13px!important;
    padding:7px 8px!important;
  }
}

/* KORAONLINE V252 MOBILE FILTER COLLAPSE */
@media(max-width:820px){
  .kora-v252-filter-toggle{
    width:100%!important;
    margin:8px 0 12px!important;
    background:#eefaf3!important;
    color:#08724d!important;
    border:1px solid #cdeee0!important;
    border-radius:999px!important;
    font-weight:900!important;
    min-height:44px!important;
  }

  .kora-v252-filter-form{
    overflow:hidden!important;
    transition:max-height .25s ease, opacity .2s ease, margin .2s ease!important;
    max-height:650px!important;
    opacity:1!important;
  }

  .kora-v252-filter-form.kora-v252-collapsed{
    max-height:0!important;
    opacity:0!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border:0!important;
  }
}