/* iOS Safari can auto-inflate font sizes; keep typography consistent. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* iOS Safari: date inputs can "distort" (and trigger zoom) when font-size < 16px. */
@supports (-webkit-touch-callout: none) {
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="month"] {
        font-size: 16px;
        line-height: 1.25;
        min-height: 44px;
    }
}

/* Ensure pointer cursor on all interactive elements */
button,
a,
select,
label[for],
[type="button"],
[type="submit"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[role="button"],
.btn-primary,
summary {
    cursor: pointer !important;
}

/* Custom animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

/* Custom transitions */
.smooth-transition {
    transition: all 0.3s ease;
}


/* Custom form styles */
.form-input:focus {
    box-shadow: 0 0 0 3px rgba(5, 175, 242, 0.2);
}

/* Custom button styles */
.btn-primary {
    transition: all 0.3s ease;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.fill-current {
    display: none !important;
}