/* ============================================
   CRITICAL FIXES - FORCE KORALIVE.ES LAYOUT
   ============================================ */

/* ELIMINATE ANY SIDEBAR COMPLETELY */
.sidebar,
.left-nav,
.side-navigation,
aside:not(#mobile-menu),
.vertical-nav,
[class*="sidebar"],
[class*="side-nav"] {
    display: none !important;
}

/* FORCE HORIZONTAL HEADER */
header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--header-height) !important;
    z-index: 1000 !important;
}

/* FORCE MAIN CONTENT FULL WIDTH */
main,
.main-content,
.content-wrapper,
body>section {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    max-width: 100% !important;
}

/* CONTAINER CENTERED */
.container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
}

/* HEADER CONTENT HORIZONTAL */
.container-header,
.header-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* NAVIGATION HORIZONTAL */
.nav-desktop,
.header-nav-desktop {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* LOGO CONTAINER */
.logo-container,
.logo {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

/* ENSURE NO FIXED LEFT ELEMENTS */
[style*="position: fixed"][style*="left: 0"]:not(header) {
    position: static !important;
}

/* BODY LAYOUT */
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* SECTIONS FULL WIDTH */
section {
    width: 100% !important;
    margin-left: 0 !important;
}

/* FORCE REMOVE ANY WRAPPER CREATING SIDEBAR SPACE */
.wrapper,
.page-wrapper,
.site-wrapper {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MOBILE MENU ONLY (Keep it) */
#mobile-menu {
    /* Mobile menu CSS stays as is */
}

/* GRID FIX FOR MATCH CARDS */
.matches-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 1.5rem !important;
    width: 100% !important;
}

@media (min-width: 1024px) {
    .matches-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 1440px) {
    .matches-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* ENSURE HEADER IS VISIBLE */
header * {
    visibility: visible !important;
    opacity: 1 !important;
}