/* Header ListoolAI — patch v32 CLEAN
   - pas de mini recherche dans la navbar
   - pas de fermeture </body></html> dans le header
   - vrai logo /assets/logo.png
   - plus de chevauchement à droite
*/

#site-header *,
.site-header *{
    box-sizing:border-box !important;
}

.header-logo::before,
.header-logo::after,
.site-logo::before,
.site-logo::after,
.logo::before,
.logo::after,
.navbar-brand::before,
.navbar-brand::after{
    content:none !important;
    display:none !important;
    background:none !important;
    background-image:none !important;
}

#site-header,
.site-header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    width:100% !important;
    background:rgba(5,10,20,.96) !important;
    border-bottom:1px solid rgba(148,163,184,.14) !important;
    backdrop-filter:blur(18px) !important;
}

.header-inner{
    min-height:92px !important;
    width:100% !important;
    max-width:1920px !important;
    margin:0 auto !important;
    padding:0 28px !important;
    display:grid !important;
    grid-template-columns:300px minmax(0,1fr) max-content !important;
    align-items:center !important;
    gap:26px !important;
    overflow:visible !important;
}

.header-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:300px !important;
    min-width:300px !important;
    height:86px !important;
    text-decoration:none !important;
    background:none !important;
    background-image:none !important;
    overflow:visible !important;
}

.header-logo img,
.header-logo .real-logo{
    display:block !important;
    width:280px !important;
    max-width:280px !important;
    height:auto !important;
    max-height:82px !important;
    object-fit:contain !important;
    background:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.header-logo-mark,
.header-brand-copy{
    display:none !important;
}

.header-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
}

.nav-item{
    color:#d8e2f2 !important;
    text-decoration:none !important;
    font-weight:900 !important;
    font-size:16px !important;
    white-space:nowrap !important;
    line-height:1 !important;
    flex:0 0 auto !important;
}

.nav-item:hover{
    color:#fff !important;
}

.vip-link{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:max-content !important;
    padding:11px 16px !important;
    border-radius:15px !important;
    border:1px solid rgba(250,204,21,.35) !important;
    background:rgba(250,204,21,.10) !important;
    color:#ffe680 !important;
    font-size:15px !important;
    position:relative !important;
    z-index:5 !important;
}

.nav-mega{
    position:relative !important;
}

.mega-panel{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 18px) !important;
    left:0 !important;
    min-width:360px !important;
    padding:14px !important;
    border-radius:18px !important;
    background:#0f172a !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.38) !important;
    z-index:1200 !important;
}

.nav-mega:hover .mega-panel,
.nav-mega:focus-within .mega-panel{
    display:grid !important;
    gap:8px !important;
}

.mega-link{
    display:flex !important;
    gap:10px !important;
    padding:12px !important;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:14px !important;
}

.mega-link:hover{
    background:rgba(255,255,255,.07) !important;
}

.mega-link small{
    display:block !important;
    color:#94a3b8 !important;
    margin-top:2px !important;
}

/* ancienne mini recherche neutralisée si un ancien template la remet */
.header-search{
    display:none !important;
}

.header-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    min-width:max-content !important;
    position:relative !important;
    z-index:3 !important;
}

.header-login-dropdown,
.header-account-dropdown{
    position:relative !important;
    flex:0 0 auto !important;
}

.header-login-btn,
.header-account-btn{
    min-height:48px !important;
    padding:0 20px !important;
    border-radius:999px !important;
    border:1px solid rgba(148,163,184,.18) !important;
    background:rgba(15,23,42,.78) !important;
    color:#fff !important;
    font-weight:950 !important;
    cursor:pointer !important;
    white-space:nowrap !important;
}

.header-login-menu,
.header-account-menu{
    display:none !important;
    position:absolute !important;
    right:0 !important;
    top:calc(100% + 12px) !important;
    width:300px !important;
    min-width:300px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:#0f172a !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.38) !important;
    z-index:1300 !important;
}

.header-login-dropdown:hover .header-login-menu,
.header-login-dropdown:focus-within .header-login-menu,
.header-account-dropdown:hover .header-account-menu,
.header-account-dropdown:focus-within .header-account-menu{
    display:grid !important;
    gap:8px !important;
}

.header-login-menu a,
.header-account-menu a{
    display:grid !important;
    gap:4px !important;
    padding:13px 14px !important;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:14px !important;
    font-weight:850 !important;
}

.header-login-menu a:hover,
.header-account-menu a:hover{
    background:rgba(255,255,255,.08) !important;
}

.header-login-menu small,
.header-account-menu small{
    color:#9fb2cf !important;
    font-weight:700 !important;
}

.btn,
.header-actions .btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    min-height:50px !important;
    padding:0 22px !important;
    border-radius:999px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.btn-primary,
.header-publish-btn{
    color:#fff !important;
    background:linear-gradient(135deg,#6366f1,#6d5dfc) !important;
}

.mobile-menu-btn{
    display:none !important;
}

@media(max-width:1500px){
    .header-inner{
        grid-template-columns:250px minmax(0,1fr) max-content !important;
        gap:18px !important;
        padding:0 18px !important;
    }

    .header-logo{
        width:250px !important;
        min-width:250px !important;
    }

    .header-logo img,
    .header-logo .real-logo{
        width:235px !important;
        max-width:235px !important;
    }

    .header-nav{
        gap:16px !important;
    }

    .nav-item{
        font-size:14px !important;
    }

    .vip-link{
        padding:9px 12px !important;
        font-size:13px !important;
    }

    .header-actions{
        gap:10px !important;
    }

    .header-actions .btn{
        padding:0 16px !important;
    }
}

@media(max-width:980px){
    .header-inner{
        display:flex !important;
        gap:14px !important;
    }

    .mobile-menu-btn{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:44px !important;
        height:44px !important;
        border-radius:12px !important;
        border:1px solid rgba(255,255,255,.14) !important;
        background:rgba(15,23,42,.82) !important;
        color:#fff !important;
        margin-left:auto !important;
    }

    .header-logo{
        width:220px !important;
        min-width:220px !important;
    }

    .header-logo img,
    .header-logo .real-logo{
        width:200px !important;
        max-width:200px !important;
    }

    .header-nav,
    .header-actions{
        display:none !important;
        position:absolute !important;
        left:16px !important;
        right:16px !important;
        top:86px !important;
        padding:16px !important;
        border-radius:18px !important;
        background:#0f172a !important;
        border:1px solid rgba(255,255,255,.12) !important;
    }

    .header-nav.open,
    .header-actions.open{
        display:grid !important;
        gap:12px !important;
    }
}