/* Custom Fixes for ZyraLuxe */

/* 1. Mobile Menu Alignment */
/* Fixing the excessive indentation for all menu items, including About Us and Contact */
.bwp-mobile_offcanvas .menu li,
.bwp-mobile_offcanvas .menu li a {
    padding-left: 20px !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    text-align: left !important;
}

/* Ensure no extra padding on specific common classes */
.bwp-mobile_offcanvas .menu li.menu-item a {
    padding-left: 20px !important;
}


/* 2. Mobile Header Logo Alignment */
/* Centering the logo vertically in the mobile header */
.bwp-mobile .bwp-column.horizontal-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bwp-mobile .bwp-logo img {
    margin-top: 5px; /* Adjusting for being too high */
    max-height: 40px; /* Ensuring it fits well */
}

/* 3. Mobile Header Balance */
/* Giving more space to the header components */
.bwp-mobile .bwp-row-wrapper.bwp-main_header_row {
    padding: 10px 0 !important;
    min-height: 70px;
    display: flex;
    align-items: center;
}

/* 4. Fix for Mobile Search Icon alignment if needed */
.bwp-mobile .bwp-component-search-icon {
    display: flex;
    align-items: center;
}