/* ============================================== */
/* --- 6. ACCOMMODATION BANNER SECTION (FINAL) --- */
/* ============================================== */

.accommodation{
    background-image: url("../img/accom_back_image.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll; 

    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'DM Sans', sans-serif;
    text-align: center;

    min-height: clamp(10rem, 25vw, 15rem); 
    padding: clamp(2rem, 5vw, 4rem) 1rem; 
}

.accommodation-container{
    text-align: center;
    max-width: 800px; 
    width: 90%;
}

.accommodation h1{
    font-size: clamp(1.4rem, 2.8vw, 2.2rem); 
    letter-spacing: 0.15em; 
    margin-bottom: 1.5rem; 
    text-transform: uppercase;
    font-weight: 700; 
    color: #426A8D;
}

.book-btn{
    background-color: #FFE1BD;
    border: 1px solid #FFD6A6; /* We need the border here to transition correctly */
    
    border-radius: 50px !important; 

    width: clamp(200px, 70%, 350px);
    
    padding: clamp(0.6rem, 2vw, 1rem); 
    font-size: clamp(0.95rem, 1.8vw, 1.2rem);
    font-weight: 700; 
    cursor: pointer;
    transition: all 0.3s ease;

    color: #8D7042;
    margin: 0; 
    letter-spacing: 0.05em; 
    
    display: inline-block; 
    text-decoration: none; 
    white-space: nowrap; 
}

.book-btn:hover{
    /* Matching calendar-btn logic */
    background-color: #f8c283; 
    color: #4e2b02;
    font-weight: bolder; /* Increased font weight */
    border-color: #FFD6A6; /* Added border color change */
    transform: translateY(-3px); /* Increased lift */
    box-shadow: 0 6px 20px rgba(255, 214, 166, 0.6); /* Stronger, more colorful shadow */
}

.booking-btn-action{
    display: none;
}
.hidden {
    display: none !important;
}