/* Custom CSS untuk Kalender Subur */

.calendar th {
    font-size: 0.9rem;
    padding: 0.5rem;
}

.calendar td {
    height: 40px; /* Atur tinggi sel */
    width: 40px; /* Atur lebar sel */
    padding: 5px;
    vertical-align: middle;
    cursor: default;
    transition: background-color 0.3s;
}

/* Penanda Hari Ini */
.today {
    border: 2px solid #0d6efd !important;
    font-weight: bold;
}

/* Legend Colors (Warna-warna untuk siklus) */
.menstruation-day {
    background-color: #dc3545 !important; /* Merah */
    color: white !important;
    font-weight: bold;
}

.fertile-window {
    background-color: #ffc107 !important; /* Kuning/Oranye Muda */
    color: #333 !important;
}

.ovulation-day {
    background-color: #0d6efd !important; /* Biru/Paling Subur */
    color: white !important;
    font-weight: bold;
    border: 2px solid #0056b3;
}

.safe-day {
    background-color: #28a745 !important; /* Hijau/Aman */
    color: white !important;
}

.legend-color {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 3px;
    vertical-align: middle;
}