/* ===== Professional one-menu fix ===== */

/* إلغاء أي قوائم عائمة أو قديمة */
#koSafeMenuBtn,
#koSafeMenuOverlay,
#koMobileMenuBtn,
#koMobileMenuOverlay,
#koMenuToggle,
.ko-mobile-menu,
.ko-floating-menu,
.mobile-floating-menu,
.mobile-menu-btn,
.mobile-menu-button,
.menu-toggle,
.hamburger,
.drawer-backdrop,
.offcanvas-backdrop{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* منع طبقات قديمة تغطي القائمة */
header,
.header,
.site-header,
.navbar,
.topbar{
  z-index:999 !important;
}

header a,
.header a,
.site-header a,
.navbar a,
.topbar a{
  pointer-events:auto !important;
  position:relative !important;
  z-index:1000 !important;
}

/* موبايل احترافي */
@media(max-width:820px){

  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body{
    -webkit-text-size-adjust:100% !important;
  }

  header,
  .header,
  .site-header,
  .navbar,
  .topbar{
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
    background:#03110d !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    padding:20px 12px 18px !important;
    display:block !important;
    text-align:center !important;
  }

  header .nav,
  .header .nav,
  .site-header .nav,
  .navbar .nav,
  .topbar .nav,
  .header-inner{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
  }

  .logo,
  .brand,
  .site-logo{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    color:#fff !important;
    font-size:30px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .logo img,
  .brand img,
  .site-logo img{
    width:56px !important;
    height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
    border-radius:14px !important;
  }

  header nav,
  .header nav,
  .site-header nav,
  .navbar nav,
  .topbar nav,
  header .menu,
  .header .menu,
  .site-header .menu,
  .navbar .menu,
  .topbar .menu,
  header .links,
  .header .links,
  .site-header .links,
  .navbar .links,
  .topbar .links,
  header .main-nav,
  .header .main-nav,
  .site-header .main-nav,
  .navbar .main-nav,
  .topbar .main-nav{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px 18px !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    overflow:visible !important;
    transform:none !important;
    position:relative !important;
  }

  header nav a,
  .header nav a,
  .site-header nav a,
  .navbar nav a,
  .topbar nav a,
  header .menu a,
  .header .menu a,
  .site-header .menu a,
  .navbar .menu a,
  .topbar .menu a,
  header .links a,
  .header .links a,
  .site-header .links a,
  .navbar .links a,
  .topbar .links a,
  header .main-nav a,
  .header .main-nav a,
  .site-header .main-nav a,
  .navbar .main-nav a,
  .topbar .main-nav a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:auto !important;
    min-height:auto !important;
    padding:2px 0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.5 !important;
    white-space:nowrap !important;
  }

  header nav a:hover,
  .header nav a:hover,
  .site-header nav a:hover,
  .navbar nav a:hover,
  .topbar nav a:hover,
  header .menu a:hover,
  .header .menu a:hover,
  .site-header .menu a:hover,
  .navbar .menu a:hover,
  .topbar .menu a:hover,
  header .links a:hover,
  .header .links a:hover,
  .site-header .links a:hover,
  .navbar .links a:hover,
  .topbar .links a:hover{
    color:#34d399 !important;
  }

  main,
  .container,
  .wrap,
  .page,
  .content{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  section,
  article,
  .section,
  .card,
  .hero,
  .wc-hero,
  .worldcup-hero{
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .grid,
  .matches-grid,
  .news-grid,
  .videos-grid,
  .match-grid,
  .video-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .tabs,
  .quick-nav,
  .wc-tabs,
  .buttons,
  .nav-buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .tabs a,
  .quick-nav a,
  .wc-tabs a,
  .buttons a,
  .nav-buttons a{
    width:100% !important;
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:430px){
  .logo,
  .brand,
  .site-logo{
    font-size:28px !important;
  }

  header nav a,
  .header nav a,
  .site-header nav a,
  .navbar nav a,
  .topbar nav a,
  header .menu a,
  .header .menu a,
  .site-header .menu a,
  .navbar .menu a,
  .topbar .menu a,
  header .links a,
  .header .links a,
  .site-header .links a,
  .navbar .links a,
  .topbar .links a{
    font-size:15px !important;
  }
}