/* Custom styles for better UX */

/* Stiilid FullCalendarile, et see näeks parem välja */
:root {
    --fc-border-color: #e5e7eb;
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-event-bg-color: #3b82f6;
    --fc-event-border-color: #3b82f6;
    --fc-event-text-color: #ffffff;
    --fc-button-bg-color: #374151;
    --fc-button-active-bg-color: #1f2937;
    --fc-today-bg-color: rgba(229, 193, 89, 0.1);
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--fc-today-bg-color);
}

.fc .fc-button {
    text-transform: capitalize;
}

/* Modaalakna sujuv ilmumine */
.modal-hidden {
    display: none;
    opacity: 0;
}

.modal-visible {
    display: flex;
    opacity: 1;
}

.modal-content {
    transform: scale(0.95);
    opacity: 0;
    transition: all 0.2s ease-out;
}

.modal-visible .modal-content {
    transform: scale(1);
    opacity: 1;
}

/* Nuppude stiilid */
.btn-email, .btn-secondary {
    border-radius: 9999px; /* fully rounded */
    background-color: #1f2937; /* dark gray */
    color: white;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    font-weight: bold;
    padding: 0.75rem 2rem; /* py-3 px-8 */
    transition: all 300ms;
    display: inline-block; /* Vajalik, et nupud oleksid korrektselt reas */
    cursor: pointer;
}

.btn-secondary {
    background-color: transparent;
    color: #1f2937;
    border: 2px solid #1f2937;
}

 .btn-email:hover, .btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}