/* 
 * Navbar Full Width Layout Fix
 * Makes header-nav items spread across full width with proper spacing
 */

/* Header bottom - ensure full width container */
.header-bottom .header-wrap {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Header nav - make items take full width */
.header-nav {
    flex: 1;
    display: flex !important;
    align-items: center;
    width: 100%;
}

/* Main navigation menu */
.header-nav .main-menu {
    flex: 1;
    width: 100%;
}

.header-nav .main-menu > nav {
    width: 100%;
}

.header-nav .main-menu > nav > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 20px;
    gap: 15px;
}

.header-nav .main-menu > nav > ul > li {
    flex: 0 0 auto;
}

.header-nav .main-menu > nav > ul > li > a {
    padding: 10px 15px;
    white-space: nowrap;
}

/* Browse Categories button - keep fixed width */
.main-categori-wrap {
    flex: 0 0 auto;
    margin-right: 20px;
}

/* Middle header layout adjustments */
.header-middle .header-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-middle .header-right {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-middle .amazon-search-wrapper {
    flex: 1;
    max-width: 800px;
}

.header-middle .header-action-right {
    flex: 0 0 auto;
    margin-left: auto;
}

/* Ensure sticky header maintains layout */
.sticky-bar.stick {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.sticky-bar.stick .header-wrap {
    display: flex;
    align-items: center;
}

/* Remove space-between on header-wrap in header-bottom */
.header-bottom .header-wrap.header-space-between {
    justify-content: flex-start;
}
