body {
    font-family: 'Arial', sans-serif;
}

.astro-booking-container {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background: linear-gradient(135deg, #6B7280, #4B5563);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
}

.astro-booking-container h2 {
    text-align: center;
    color: #FFD700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#astro-booking-form {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
    color: #333;
}

#astro-booking-form input,
#astro-booking-form select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #F9FAFB;
}

#astro-booking-form button {
    background: #8B5CF6;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
}

#astro-booking-form button:hover {
    background: #7C3AED;
}

.fc-daygrid-day-number {
    color: #fff !important;
}

.fc-day-available {
    background: #4CAF50 !important;
}

.fc-day-booked {
    background: #EF4444 !important;
}

.fc-day-past {
    background: #D1D5DB !important;
}