/* Custom scrollbar hide */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Smooth transitions */
* {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Input with unit suffix - ensure text doesn't overlap with unit */
input[type="number"] {
    /* Remove spinner buttons in Chrome/Safari/Edge */
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

/* Firefox - remove spinner buttons (web Kit) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

/* Firefox - remove spinner buttons */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Ensure unit suffix is visible and doesn't overlap with input value */
.relative input[type="number"] {
    padding-right: 2.5rem; /* Space for the unit suffix */
}

/* Make sure long numbers don't overlap with unit on mobile */
@media (max-width: 640px) {
    .relative input[type="number"] {
        font-size: 16px; /* Prevent iOS zoom on focus */
    }
}