/* Calendar Color Fix - Matching Reference Image Exactly */

/* Override any existing styles to match the reference image */
.panchang-topbar {
    background: linear-gradient(135deg, #8B4513 0%, #A0522D 50%, #CD853F 100%) !important;
    color: #ffffff !important;
    border-bottom: 3px solid #F5DEB3 !important;
}

.panchang-calendar-nav {
    background: #F5DEB3 !important;
    border-bottom: 2px solid #DEB887 !important;
}

.panchang-cal-btn {
    background: #8B4513 !important;
    color: #ffffff !important;
    border: none !important;
}

.panchang-cal-btn:hover {
    background: #A0522D !important;
}

.panchang-cal-month {
    color: #8B4513 !important;
}

.panchang-cal-month.active {
    background: #8B4513 !important;
    color: #ffffff !important;
}

.panchang-table {
    background: #FFF8DC !important;
    border: 2px solid #DEB887 !important;
}

.panchang-table th {
    background: #8B4513 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #8B4513 !important;
}

.panchang-table td {
    background: #FFF8DC !important;
    border: 1px solid #DEB887 !important;
}

.panchang-table td:hover {
    background: #F0E68C !important;
    border-color: #8B4513 !important;
}

.panchang-table td.today {
    background: #FFE4B5 !important;
    border: 1px solid #8B4513 !important;
}

/* Fix for selected date to avoid double border */
.calendar-cell.selected-date {
    background-color: rgba(166, 92, 0, 0.15) !important;
    border: 1px solid #a65c00 !important;
}

/* Date content styling */
.date-number {
    color: #8B4513 !important;
    font-weight: 700 !important;
}

.date-tithi {
    color: #8B4513 !important;
}

.date-nakshatra {
    color: #A0522D !important;
}

.date-paksha,
.date-weekday {
    color: #8B4513 !important;
}

.date-times {
    color: #CD853F !important;
}

/* Hover effects */
.panchang-table td:hover .date-number {
    color: #654321 !important;
}

.panchang-table td:hover .date-tithi,
.panchang-table td:hover .date-nakshatra,
.panchang-table td:hover .date-paksha,
.panchang-table td:hover .date-weekday,
.panchang-table td:hover .date-times {
    color: #654321 !important;
    font-weight: 600 !important;
}