/* USAHAKAN Custom CSS Styles */

/* Hide scrollbar for clean numpad design etc */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Utilities for gradient text */
.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #1E40AF, #3B82F6);
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

@keyframes pulse-soft {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.animate-pulse-soft {
    animation: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Custom form elements */
.form-input {
    @apply w-full px-4 py-3 rounded-lg border border-slate-300 focus:ring-2 focus:ring-primary/20 focus:border-primary transition-colors outline-none;
}

.form-label {
    @apply block text-sm font-medium text-slate-700 mb-1;
}

.btn-primary {
    @apply bg-primary hover:bg-blue-800 text-white font-medium py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2 w-full sm:w-auto;
}

.btn-secondary {
    @apply bg-amber-500 hover:bg-amber-600 text-white font-medium py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2 w-full sm:w-auto;
}

/* Numpad specifically for Kasir */
.numpad-btn {
    @apply bg-white border border-slate-200 rounded-xl text-2xl font-semibold text-slate-800 flex items-center justify-center h-16 active:bg-slate-100 active:scale-95 transition-all select-none;
}

.numpad-btn-action {
    @apply bg-slate-100 border border-slate-200 rounded-xl text-lg font-medium text-slate-600 flex items-center justify-center h-16 active:bg-slate-200 active:scale-95 transition-all select-none;
}