/* Custom CSS for Webinew CRM & Portal - 100% Offline & Local */

@font-face {
    font-family: 'Webinew';
    src: url('../fonts/webinew-vf.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
}

:root {
    --font-webinew: 'Webinew', system-ui, -apple-system, sans-serif;
}

/* farsi num for iranyekan - webinew */
body {
    font-family: var(--font-webinew) !important;
    direction: rtl;
    text-align: right;
    background-color: #f8fafc;
    color: #1e293b;
    -webkit-font-smoothing: antialiased;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

/* برای زبان فارسی */
:root:lang(fa) {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

/* برای پروژه‌ها و بخش‌های انگلیسی */
[dir="ltr"], :lang(en) {
    direction: ltr !important;
    text-align: left !important;
    font-feature-settings: normal !important;
}

input, button, select, textarea {
    font-family: var(--font-webinew) !important;
}

/* اعداد فارسی در صورت نیاز */
.fa-num {
    font-feature-settings: "ss01";
}

/* استایل مخصوص برگه قرارداد و پرینت */
@media print {
    body {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
    .no-print {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
    .contract-container {
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* بوم امضای دیجیتال */
.signature-canvas {
    touch-action: none;
    cursor: crosshair;
    background-color: #ffffff;
    border: 2px dashed #cbd5e1;
    border-radius: 0.75rem;
    width: 100%;
    height: 180px;
}

/* تقویم شمسی جلالی */
jdp-container {
    --jdp-day-size: 38px !important;
    font-family: var(--font-webinew) !important;
    direction: rtl !important;
    z-index: 99999 !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.15), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
}

/* اسکرول‌بار شیک */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}