.airbnb-calendar-wrapper {
margin-bottom: 20px;
border: 1px solid #eee;
padding: 15px;
border-radius: 5px;
}
.calendar-navigation {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.calendar-navigation button {
padding: 8px 15px;
margin: 0 10px;
cursor: pointer;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
}
.calendar-navigation button:hover {
background-color: #eee;
}
.calendar-navigation span {
font-size: 1.2em;
font-weight: bold;
padding: 8px 15px;
}
.airbnb-calendar {
width: 100%;
border-collapse: collapse;
text-align: center;
}
.airbnb-calendar th {
padding: 10px;
font-weight: bold;
border-bottom: 2px solid #ccc;
}
.airbnb-calendar td {
padding: 10px;
border: 1px solid #eee;
cursor: default;
}
.airbnb-calendar td.past {
background-color: #f2f2f2;
color: #ccc;
cursor: not-allowed;
}
.airbnb-calendar td.booked {
background-color: #ffe0e0;
color: #d32f2f;
cursor: not-allowed;
}
.airbnb-calendar td.available {
cursor: pointer;
}
.airbnb-calendar td.available {
background-color: #e6ffe6; color: #1a7300; cursor: pointer;
}
.airbnb-calendar td.available:hover {