/* Saycom Shared Blazor Styles - Bootstrap Theme Compatible */

/* ============================================
   1. FONT IMPORTS
   ============================================ */
@import url('fontawesome.min.css');
@import url('tabler-icons.css');

/* ============================================
   2. RTL BASE CONFIGURATION
   ============================================ */
html, body {
    direction: rtl;
    font-feature-settings: "ss01";
    text-align: right;
    font-family: Vazirmatn, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ============================================
   3. BLAZORED MODAL THEME SUPPORT
   ============================================ */
.blazored-modal-container {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

.blazored-modal {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-lg) !important;
}

.blazored-modal-header {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-bottom: 1px solid var(--bs-border-color) !important;
}

.blazored-modal-content {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

.blazored-modal-footer {
    background-color: var(--bs-body-bg) !important;
    border-top: 1px solid var(--bs-border-color) !important;
}

.blazored-modal-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .blazored-modal-overlay {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ============================================
   4. BLAZORED TOAST RTL FIX
   ============================================ */
.blazored-toast-container {
    left: auto !important;
    right: 1rem !important;
}

/* ============================================
   5. UTILITY CLASSES (Minimal - Use Bootstrap)
   ============================================ */
.cursor-pointer {
    cursor: pointer;
}

/* ============================================
   6. ACCESSIBILITY
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}