/* Compact Header - Minimal Blue Space for Reservation Page */

/* Make header more compact */
header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Reduce reservation hero section to minimal size */
.reservation-hero {
    padding: 30px 0 40px !important; /* Much smaller padding */
    min-height: auto !important;
    height: auto !important;
    background: linear-gradient(135deg, #3B82F6 0%, #1E40AF 100%) !important;
}

/* Make reservation hero container compact */
.reservation-hero .container {
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Compact reservation hero text */
.reservation-hero .hero-content {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.reservation-hero .hero-title {
    font-size: 2.2rem !important; /* Smaller title */
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

.reservation-hero .hero-subtitle {
    font-size: 1rem !important; /* Smaller description */
    margin-bottom: 20px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure reservation form starts closer */
.reservation-form-section {
    padding-top: 60px !important;
}

/* Alternative: If you want to keep minimal hero content */
.hero-text-new-minimal {
    padding: 15px 0 !important;
}

.hero-text-new-minimal h1 {
    font-size: 1.8rem !important;
    margin-bottom: 5px !important;
}

.hero-text-new-minimal p {
    font-size: 0.9rem !important;
    margin-bottom: 10px !important;
}

/* Mobile adjustments for reservation page */
@media (max-width: 768px) {
    .reservation-hero {
        padding: 20px 0 25px !important;
    }
    
    .reservation-hero .hero-title {
        font-size: 1.8rem !important;
    }
    
    .reservation-hero .hero-subtitle {
        font-size: 0.9rem !important;
    }
}

/* Very compact option - uncomment if you want even smaller */
/*
.hero-section-new {
    padding: 15px 0 20px !important;
}

.hero-text-new h1 {
    font-size: 1.5rem !important;
    margin-bottom: 5px !important;
}

.hero-text-new p {
    font-size: 0.8rem !important;
    margin-bottom: 10px !important;
}

.hero-buttons {
    display: none !important;
}
*/