/* Override MAD Date Picker colors to match site's emerald green theme */

.mad-date-picker {
    --mad-dp-primary: #10b981; /* emerald-500 */
    --mad-dp-primary-soft: rgba(16, 185, 129, 0.12); /* emerald-500 with opacity */
}

/* Display background colors */
.mad-dp-display {
    background: #ecfdf5; /* emerald-50 */
}

.mad-dp-display:hover {
    background: #d1fae5; /* emerald-100 */
}

/* Today button */
.mad-dp-today-btn:hover {
    background: rgba(16, 185, 129, 0.2); /* emerald-500 with opacity */
}

/* Month hover shadow */
.mad-dp-month:hover:not(.disabled) {
    box-shadow: 0 6px 14px rgba(16, 185, 129, 0.15); /* emerald-500 shadow */
}

/* Year hover shadow */
.mad-dp-year:hover:not(.disabled) {
    box-shadow: 0 6px 14px rgba(16, 185, 129, 0.15); /* emerald-500 shadow */
}

/* Focus visible shadow */
.mad-date-picker button:focus-visible {
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3); /* emerald-500 focus ring */
}