/**
 * Header Einzeilig Layout
 * Logo + Menü + Login/Cart in einer Reihe
 * 
 * Erstellt von: Gentrit Gruda
 * Datum: 2024
 */

/* ========================================
   HEADER VOLLE BREITE (nur Menü, nicht die Seite)
   ======================================== */

header.sleek .container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 30px !important;
}

/* ========================================
   HEADER EINZEILIG: Logo + Menü + Login/Cart
   WPLMS Theme Spezifisch
   ======================================== */

header.sleek .container > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Alle Bootstrap Columns im Header zurücksetzen */
header.sleek .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 10px !important;
    float: none !important;
}

/* Logo Bereich - links, kompakt */
header.sleek .row > .col-md-9:first-child,
header.sleek .row > [class*="col-"]:first-child {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
}

header.sleek h2 {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

header.sleek h2 img {
    max-height: 45px !important;
    width: auto !important;
}

/* Navigation/Menü - neben dem Logo, flexibel wachsend */
header.sleek .menu-hauptmenue-header-container,
header.sleek nav {
    flex: 1 !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin-left: 30px !important;
}

header.sleek .menu-hauptmenue-header-container > ul,
header.sleek nav > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

header.sleek .menu-hauptmenue-header-container > ul > li,
header.sleek nav > ul > li {
    white-space: nowrap !important;
    margin: 0 !important;
}

header.sleek .menu-hauptmenue-header-container > ul > li > a,
header.sleek nav > ul > li > a {
    padding: 10px 15px !important;
}

/* Login/Cart Bereich - rechts */
header.sleek .row > .col-md-3,
header.sleek .row > [class*="col-"]:last-child {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: flex-end !important;
}

header.sleek .vibebp-login {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

header.sleek .vibebp-login > ul {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ========================================
   LOGIN & CART IM HEADER AUSBLENDEN
   (aber .woocart Dropdown behalten für Topbar)
   ======================================== */

header.sleek .col-md-3 .topmenu > li > a {
    display: none !important;
}

header.sleek .col-md-3 .topmenu {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
}

header.sleek .col-md-3 .topmenu .woocart {
    visibility: visible;
    pointer-events: auto;
    position: fixed;
    right: 20px;
    z-index: 999999;
}

/* ========================================
   RESPONSIVE ANPASSUNGEN
   ======================================== */

@media (max-width: 992px) {
    header.sleek .container > .row {
        flex-wrap: wrap !important;
    }
    
    header.sleek .row > .col-md-9:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
    }
    
    header.sleek .menu-hauptmenue-header-container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }
    
    header.sleek .menu-hauptmenue-header-container > ul {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}