/**
 * BOOKING NAVBAR FIXES
 *
 * This file contains minimal overrides to ensure the global navbar
 * displays correctly on booking pages. These overrides are necessary
 * because booking pages have different layout requirements.
 *
 * Version: 1.0
 * Created: 2025-01-22
 *
 * GOAL: Minimize !important usage and rely on specificity instead
 */

/* ==========================================================================
   NAVBAR POSITIONING - BOOKING PAGES ONLY
   ========================================================================== */

/* Ensure navbar uses sticky positioning (consistent with global navbar) */
body.booking-page .navbar,
body[class*="booking-step"] .navbar {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--z-index-sticky);
    width: 100%;
}

/* ==========================================================================
   NOTES
   ========================================================================== */

/*
 * REFACTORING NOTES (2025-01-22 & 2025-01-23):
 *
 * 1. Changed navbar position from fixed → sticky (matches global navbar)
 *    - Booking pages now use same positioning as other pages
 *    - Consistent behavior across entire site
 *
 * 2. REMOVED all Airbnb search pill / Book Now button styles
 *    - Global navbar (static/navbar/css/search-integration.css) handles ALL Book Now styling
 *    - Conflicting styles were causing inconsistency between booking and non-booking pages
 *    - Book Now button now renders identically everywhere
 *    - Single source of truth for navbar button styling
 *
 * 3. Minimal file size
 *    - Only contains navbar positioning override for booking pages
 *    - All other navbar styling handled globally
 *    - Follows single source of truth principle
 */