/* Availability Page Styles */

/* Availability Hero Section */
.availability-hero-section {
    padding: 80px 0;
    background-color: var(--primary);
    position: relative;
    overflow: hidden;
}

/*.availability-hero-section::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -50px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100px;*/
/*    background-color: var(--accent);*/
/*    transform: skewY(-2deg);*/
/*    z-index: 1;*/
/*}*/

/* Responsive styles */
@media (max-width: 991.98px) {
    .availability-hero-section {
        padding: 60px 0;
    }
}

@media (max-width: 767.98px) {
    .availability-hero-section {
        padding: 50px 0;
    }
}

@media (max-width: 575.98px) {
    .availability-hero-section {
        padding: 40px 0;
    }
}

/* Make calendar full-width on the availability page */
.availability-section .calendar-container {
    max-width: 100%;
}

/* Ensure calendar is responsive */
@media (max-width: 767.98px) {
    .availability-section .calendar-container {
        margin: 0 -15px;
        border-radius: 0;
    }

    .availability-section .calendar-actions .btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .availability-section .calendar-actions .btn:last-child {
        margin-bottom: 0;
    }

    .availability-section .calendar-info {
        padding: 0 15px;
    }
}