/* style.css */
.color-blue {
    color: #4f46e5 !important;
}

.color-green {
    color: #10b981 !important;
}

.color-orange {
    color: #f59e0b !important;
}

[v-cloak] {
    display: none !important;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('Vazirmatn.woff2') format('woff2');
}

body {
    font-family: 'Vazirmatn', sans-serif;
}

.card-custom {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-custom:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.15);
}

/* فقط و فقط تنظیم سایز متن راهنمای فیلد اصلی مبلغ */
.amount-field::placeholder {
    font-size: 11px !important;
    font-weight: 500 !important;
    opacity: 0.5 !important;
}

@media (min-width: 768px) {
    .amount-field::placeholder {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .mobile-sticky-bottom {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background-color: #ffffff !important;
        border-top: 2px solid #e5e7eb !important;
        border-radius: 24px 24px 0 0 !important;
        z-index: 99999 !important;
        padding: 16px 20px 28px 20px !important;
        box-shadow: 0 -15px 30px -5px rgba(0, 0, 0, 0.12) !important;
    }

    .main-container {
        padding-bottom: 200px !important;
    }
}

html[data-theme="dark"] .mobile-sticky-bottom {
    background-color: #1d232a !important;
    border-top-color: #2a323c !important;
}

@media print {
    body {
        background: white !important;
        color: black !important;
    }

    .btn,
    button,
    .mobile-sticky-bottom label,
    .no-print {
        display: none !important;
    }

    .card-custom {
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        transform: none !important;
        margin-bottom: 15px;
    }

    .mobile-sticky-bottom {
        position: relative !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        border-radius: 12px !important;
        background: #fafafa !important;
    }
}