/* =====================================================
   HEADER SPACING FIX
   - Menu ke baad extra space kam kiya
   - Logo ke baad space increase kiya
   ===================================================== */

/* Logo ke baad thoda zyada gap */
.oh-logo {
    margin-right: 32px !important;
}

/* Menu flex 1 hata do — tab hi spacer kaam karega properly */
.oh-menu {
    flex: 0 0 auto !important;
    gap: 2px !important;
}

/* Spacer — yeh buttons ko right side push karta hai, isko rakhna hai */
.oh-menu-spacer {
    flex-grow: 1 !important;
    min-width: 16px !important; /* pehle 40px tha, ab kam */
}

/* Nav inner — logo + menu + spacer + buttons sab theek se fit ho */
.oh-navin {
    gap: 0 !important;
}

/* Menu links ke beech ka gap thoda tight */
.oh-menulink {
    padding: 7px 10px !important;
    font-size: 13px !important;
}

/* 1025px-1380px range mein bhi fix */
@media (min-width: 1025px) and (max-width: 1380px) {
    .oh-logo {
        margin-right: 24px !important;
    }
    .oh-menu-spacer {
        min-width: 8px !important;
    }
    .oh-menulink {
        padding: 6px 8px !important;
    }
}

/* Mobile: hamburger + logo spacing */
@media (max-width: 900px) {
    .oh-logo {
        margin-right: 0 !important;
        margin-left: 10px !important;
    }
    .oh-navin {
        gap: 10px !important;
    }
}