.form-floating.date {
    cursor: pointer;
    transition: all 0.2s ease;
}

.form-floating.date.active-click {
    transform: scale(0.98);
}

.form-floating.date.focused {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Style improvements for the datetime picker */
.bootstrap-datetimepicker-widget {
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #FEA116 !important;
    text-shadow: none !important;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #FEA116 !important;
    text-shadow: none !important;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #FEA116 !important;
}

/* Make picker more visible on mobile */
@media (max-width: 768px) {
    .bootstrap-datetimepicker-widget {
        width: 95% !important;
        max-width: none !important;
        margin: 0 auto !important;
    }
}