/*
Theme Name:      Traveler Childtheme
Description:     Traveler Child Theme
Theme URI:       https://travelerwp.com/
Author:          the ShineTheme
Author URI:      http://shinetheme.com
Version:         1.0
Template:        traveler
*/

/* ==========================================================================
   HEADER HEIGHT & FIX OVERLAP
   ========================================================================== */
#header,
.header-style-3 .header {
    height: 120px;
    min-height: 120px;
}

.header-style-3 .logo img,
.custom-logo {
    max-height: 80px;
    width: auto;
}

/* FIX: Push the main layout down below the sticky navigation 
   Targets your specific /search-rooms/ layout structure 
*/
.page-id-search-rooms #main-content,
.page-id-search-rooms .main-content-wrapper,
.page-id-search-rooms .search-rooms-page,
.page-id-search-rooms #st-main-content {
    margin-top: 120px !important;
    padding-top: 20px !important;
}

@media (max-width: 768px) {
    #header,
    .header-style-3 .header {
        height: 100px;
        min-height: 100px;
    }
    .header-style-3 .logo img {
        max-height: 60px;
    }
    /* Adjust spacing on mobile viewports */
    .page-id-search-rooms #main-content,
    .page-id-search-rooms .main-content-wrapper {
        margin-top: 100px !important;
    }
}

/* ==========================================================================
   BANNER - ADJUSTED FOR DYNAMIC TEXT REPLACEMENT
   ========================================================================== */
.banner {
    height: auto !important; /* Changed from 225px to auto to stop text overlap */
    min-height: 225px !important;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.banner img {
    width: 100%;
    height: 225px;
    object-fit: cover;
}

/* ==========================================================================
   ANTI-LOOP MECHANISM (FORCE LOADER HIDE)
   ========================================================================== */
/* If your JS functions or Traveler Core engine experience an AJAX conflict, 
   this ensures the page layout unblocks so users can still see and book rooms.
*/
.page-id-search-rooms .st-loader,
.page-id-search-rooms .loading-icon-wrapper,
.page-id-search-rooms .st-loading {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}