@charset "UTF-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   KConnect - Main Stylesheet
   iOS System Fonts (San Francisco & SF Arabic)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*
   فونت‌های iOS به صورت خودکار از سیستم عامل بارگذاری می‌شوند:
   - iOS/iPadOS/macOS: San Francisco (SF Pro Display, SF Pro Text, SF Arabic)
   - watchOS: San Francisco Compact

   از طریق -apple-system و system-ui این فونت‌ها فراخوانی می‌شوند
   توجه: design-system.css تمام تنظیمات فونت را مدیریت می‌کند
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   iOS System Fonts Override - اعمال فونت‌های iOS به کل برنامه
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@font-face {
    font-family: peyda;
    src: url(./Fonts/peyda/Peyda-Medium[@fontbazi].ttf);
}

/* Override فونت پیش‌فرض MudBlazor (Roboto) با iOS fonts */
* {
    font-family: peyda, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* اطمینان از اینکه تمام componentهای MudBlazor از iOS fonts استفاده می‌کنند */
.mud-typography,
.mud-button,
.mud-input,
.mud-select,
.mud-text-field,
.mud-table,
.mud-dialog,
.mud-drawer,
.mud-appbar,
.mud-menu,
.mud-list,
.mud-chip,
.mud-card,
.mud-paper,
[class*="mud-"] {
    font-family: peyda, -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
}

/* فونت monospace برای کدها */
code, pre, .mud-code {
    font-family: peyda, ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", monospace !important;
}

.mud-alert {
    direction: rtl !important;
}

.mud-alert .mud-alert-message {
    direction: rtl !important;
    flex-direction: row-reverse !important;
}

.mud-alert .mud-alert-message .mud-icon-root {
    margin-right: 0 !important;
    margin-left: 12px !important;
}

.mud-alert .mud-alert-content {
    text-align: right !important;
    width: 100%;
}