/* --- Header Fix - Prevent Expansion Issues --- */

/* Reset and constrain the header wrapper */
.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    box-shadow: inset 0px -1px 0px 0px #eee;
    /* Remove any max-width or width constraints that might conflict */
    width: 100%;
    box-sizing: border-box;
}

/* Ensure container stays within bounds */
.container-wl {
    padding: 0 15px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    /* Add this to prevent overflow */
    width: 100%;
    overflow: hidden;
}

/* Fix logo container to prevent expansion */
#logo-wl {
    float: left; /* Ensure it stays on the left */
    max-width: 300px; /* Constrain logo area */
    box-sizing: border-box;
}

#logo-wl img {
    max-height: 90px;
    max-width: 100%; /* Prevent logo from overflowing its container */
    width: auto;
    height: auto;
    margin-top: 5px;
    margin-bottom: 6px;
    object-fit: contain;
    display: block; /* Remove any inline spacing issues */
}

/* Fix navigation positioning */
ul#navigation-wl {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 35px;
    margin-top: -18px;
    display: block;
    list-style: none;
    font-size: 15px;
    /* Prevent navigation from pushing header boundaries */
    max-width: calc(100% - 320px); /* Account for logo space */
    overflow: hidden;
}

ul#navigation-wl li {
    margin-left: 20px;
    display: inline-block;
    color: #7B7B7B;
    white-space: nowrap; /* Prevent text wrapping */
}

/* Add clearfix to prevent float issues */
.header-wl::after,
.container-wl::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile fixes */
@media (max-width: 767px) {
    #subnav-wl,
    ul#navigation-wl li#message-wl {
        display: none;
    }

    .header-wl.with-subnav {
        padding-top: 15px;
    }

    #logo-wl {
        float: none; /* Remove float on mobile */
        text-align: center;
        max-width: 100%;
    }

    #logo-wl img {
        max-height: 60px;
        max-width: 180px;
        margin: 10px auto;
    }

    ul#navigation-wl {
        position: static; /* Remove absolute positioning on mobile */
        text-align: center;
        max-width: 100%;
        height: auto;
        margin: 10px 0;
    }
}

/* Additional safeguards */
header * {
    box-sizing: border-box;
}

/* Prevent any content from breaking out */
header {
    overflow-x: hidden;
}

/* If you're using flexbox alternative (more modern approach) */
.header-wl-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.header-wl-flex #logo-wl {
    flex: 0 0 auto; /* Don't grow or shrink */
}

.header-wl-flex ul#navigation-wl {
    position: static;
    flex: 0 0 auto;
    margin: 0;
    height: auto;
}
                #landingpage #SearchSection {
                    background: url("//cdn.hotelplanner.com/common/images/site/9406/fluffy1-optipng.png") center top no-repeat !important;
                    background-size: cover !important;
                }
            
                    
            
                    #landingpage #theme-image {
                    background: url("//cdn.hotelplanner.com/common/images/site/9406/Carnival-Crashers-Woman.png") no-repeat !important;
                    background-size: cover !important;
                }