/* ===================================
   Startivent – Custom Overrides
   File: custom.css
====================================== */

/* ===================================
   HEADER BASE
====================================== */

header {
    position: relative;
    z-index: 999;
}

/* ===================================
   TOP BANNER (SAME LINE FIX)
====================================== */

header .top-banner {
    margin-top: 0 !important;
    padding: 0 !important;
    min-height: 80px;
}

header .top-banner .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

header .top-banner .row {
    min-height: 80px;
    align-items: center;
}

/* ===================================
   MENU BUTTON (LEFT)
====================================== */

header .sidemenu_btn {
    margin: 0;
    position: relative;
    right: 0;
}

/* ===================================
   LOGO (DESKTOP + MOBILE SAFE)
====================================== */

header .logo-center {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

header .logo-center img {
    max-width: 100%;
    height: auto;
    max-height: 48px;          /* desktop */
    object-fit: contain;
    display: block;
}

/* ===================================
   MOBILE BEHAVIOR (CRITICAL FIX)
====================================== */

@media (max-width: 767px) {

    /* SAME LINE — NO ABSOLUTE, NO OFFSET */
    header .top-banner {
        min-height: 64px;
    }

    header .top-banner .row {
        min-height: 64px;
    }

    /* MENU LEFT */
    header .sidemenu_btn {
        margin-left: 0;
    }

    /* LOGO RIGHT */
    header .logo-center {
        justify-content: flex-end;
    }

    header .logo-center img {
        max-height: 32px;      /* fits 2000x59 safely */
        max-width: 100%;
    }

    /* REMOVE ALL MEGAONE POSITION SHIFTS */
    .logo-center {
        left: auto !important;
        top: auto !important;
        transform: none !important;
        position: relative !important;
    }
}

/* Fine vertical alignment – mobile only */
@media (max-width: 767px) {
    header .logo-center {
        margin-top: 20px;   /* adjust: try 3–6px if needed */
    }
}


/* ===================================
   DESKTOP CENTER LOGO
====================================== */

@media (min-width: 992px) {

    header .logo-center {
        justify-content: center;
    }

    header .logo-center img {
        max-height: 48px;
    }
}

/* ===================================
   NAVBAR BELOW HEADER (NO GAP)
====================================== */

.navbar {
    margin-top: 0 !important;
    padding-top: 0;
}

/* ===================================
   FIXED NAV (SCROLL)
====================================== */

.fixed-nav-on-scroll {
    z-index: 1000;
}