@import 'tailwindcss';

/* Apply Cairo font globally */
* {
    font-family: 'Cairo', 'Segoe UI', 'Tahoma', 'Arial', 'Helvetica Neue', sans-serif !important;
}

/* Global styles for Filament */
.fi-layout,
.fi-main,
.fi-sidebar,
.fi-topbar,
.fi-sidebar-item,
.fi-sidebar-group,
.fi-sidebar-header-heading,
.fi-dropdown-list-item,
.fi-dropdown-panel,
.fi-input,
.fi-select,
.fi-btn,
.fi-dropdown-trigger,
.fi-modal-window,
.fi-modal-content,
.fi-modal-header-title,
.fi-header-heading,
.fi-breadcrumbs,
.fi-tabs-cluster,
.fi-ta-text,
.fi-fo-field-wrp,
.fi-badge,
.fi-pagination,
.fi-table,
.fi-ta-header-cell,
.fi-ta-cell,
.fi-list-item {
    font-family: 'Cairo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

/* Navigation and Menu Items */
.fi-sidebar-item,
.fi-sidebar-group,
.fi-sidebar-header-heading,
.fi-dropdown-list-item,
.fi-dropdown-panel {
    font-family: var(--font-family) !important;
}

/* Forms and Inputs */
.fi-input,
.fi-select,
.fi-btn,
.fi-dropdown-trigger,
.fi-modal-window,
.fi-modal-content,
.fi-modal-header-title,
.fi-header-heading,
.fi-breadcrumbs,
.fi-tabs-cluster,
.fi-ta-text,
.fi-fo-field-wrp,
.fi-badge,
.fi-pagination,
.fi-table,
.fi-ta-header-cell,
.fi-ta-cell,
.fi-list-item {
    font-family: 'Cairo', sans-serif !important;
}

/* Dropdown lists specific styling */
.fi-dropdown-list {
    font-family: 'Cairo', sans-serif !important;
    text-align: right;
}

/* Dropdown panel menu items */
.fi-dropdown-panel [role="menuitem"] {
    justify-content: flex-start;
}

/* Form components, table cells, modal windows */
.fi-form-component,
.fi-ta-cell,
.fi-modal-window {
    text-align: right;
}

/* Sidebar item icons spacing */
.fi-sidebar-item-icon {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* Button icons spacing */
.fi-btn svg {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Notifications positioning */
.fi-notification {
    text-align: right;
    right: auto;
    left: 1rem;
}

/* Select input direction */
.fi-select-input {
    text-align: right;
    direction: rtl;
}

/* Form sections and fields */
.fi-form-section-content,
.fi-page-header,
.fi-field-wrp,
.choices__list {
    text-align: right;
}

/* Modal footer */
.fi-modal-footer {
    flex-direction: row-reverse;
}

/* Dropdown panel anchor */
.fi-dropdown-panel {
    --anchor-side: right !important;
}