/* =========================================================
   BIDET PORTABLE SHOP - CUSTOM.CSS
   Header premium + logo corrigé + responsive
   ========================================================= */

/* 1. BARRE SUPERIEURE */
#header .header-nav {
    margin-bottom: 0;
    min-height: 42px;
    border-bottom: 1px solid #eeeeee;
}

#header .header-nav .container {
    min-height: 42px;
}

/* 2. ZONE LOGO + MENU */
#header .header-top {
    padding: 12px 0 !important;
}

#header .header-top > .container > .row {
    align-items: center;
}

#header .header-top .row {
    margin-bottom: 0;
}

#header .header-top .menu {
    margin-bottom: 0;
}

/* 3. LOGO - BASE */
#header .header-top .logo {
    width: auto;
    height: auto;
    max-height: none;
}

/* 4. LOGO DESKTOP */
@media (min-width: 768px) {

    #header #_desktop_logo {
        width: 245px !important;
        max-width: 245px !important;
        flex: 0 0 245px !important;
        overflow: visible !important;
    }

    #header #_desktop_logo h1 {
        margin: 0 !important;
        padding: 0 !important;
    }

    #header #_desktop_logo a {
        display: block !important;
        overflow: visible !important;
    }

    #header #_desktop_logo img.logo {
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
    }
}

/* 5. MENU PRINCIPAL */
#header .header-top a[data-depth="0"] {
    padding: 10px 14px;
    font-size: 15px;
    font-weight: 600;
    color: #5f6670;
    transition: color .2s ease;
}

#header .header-top a[data-depth="0"]:hover,
#header .header-top a[data-depth="0"]:focus {
    color: #123f73;
}

/* 6. MOBILE */
@media (max-width: 767px) {

    #header .header-nav {
        min-height: initial;
        max-height: none;
    }

    #header .header-top {
        padding: 8px 0 !important;
    }

    #header .header-top .logo,
    #header #_mobile_logo img {
        height: auto !important;
        width: auto !important;
        max-width: 180px !important;
        max-height: 40px !important;
        transform: none !important;
    }

    #header .header-top a[data-depth="0"] {
        padding: 9px 10px;
        font-size: 14px;
    }
}