/**
 * Timeito Custom Styles
 * 
 * This file contains custom styles for Timeito application
 * including Persian font (Vazirmatn) and RTL support.
 * 
 * IMPORTANT: This file must be loaded LAST to override template fonts
 */

/* ==================== */
/* Font Family Override */
/* ==================== */

:root {
  --font-family-sans-serif:
    'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

html,
body {
  font-family:
    'Vazirmatn',
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif !important;
}

/* Override all text elements to use Vazirmatn */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
label,
button,
input,
select,
textarea,
.card-title,
.card-header,
.card-body,
.card-footer,
.nav-link,
.dropdown-item,
.btn,
.table,
th,
td,
.modal-title,
.modal-body,
.modal-footer,
.alert,
.badge,
.breadcrumb,
.form-label,
.form-control,
.form-select,
.list-group-item {
  font-family:
    'Vazirmatn',
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif !important;
}

/* ==================== */
/* RTL Support          */
/* ==================== */

[dir='rtl'] {
  text-align: right;
}

[dir='rtl'] .text-start {
  text-align: right !important;
}

[dir='rtl'] .text-end {
  text-align: left !important;
}

/* ==================== */
/* Persian Numbers      */
/* ==================== */

/* Use Persian numerals for content */
.persian-numbers {
  font-feature-settings: 'ss01';
}

/* ==================== */
/* Form Elements        */
/* ==================== */

[dir='rtl'] input,
[dir='rtl'] textarea,
[dir='rtl'] select {
  text-align: right;
}

/* ==================== */
/* Menu & Navigation    */
/* ==================== */

.menu-vertical .menu-item .menu-link,
.menu-horizontal .menu-item .menu-link {
  font-family: 'Vazirmatn', sans-serif !important;
}

.app-brand-text {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Buttons              */
/* ==================== */

.btn {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Cards                */
/* ==================== */

.card {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* DataTables           */
/* ==================== */

.dataTables_wrapper {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Modals               */
/* ==================== */

.modal-content {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Toastr               */
/* ==================== */

.toast-message,
.toast-title {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* SweetAlert2          */
/* ==================== */

.swal2-popup {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Select2              */
/* ==================== */

.select2-container {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Filament Panel       */
/* ==================== */

.fi-body,
.fi-sidebar,
.fi-header {
  font-family: 'Vazirmatn', sans-serif !important;
}

/* ==================== */
/* Line Height Fix      */
/* ==================== */

body {
  line-height: 1.6;
}

/* Persian text needs slightly more line-height for readability */
p,
.card-text,
.list-group-item {
  line-height: 1.8;
}
/* ==================== */
/* Sidebar Background   */
/* ==================== */
/* Override theme default (#f7f7f9) to pure white for the aside menu */
.bg-menu-theme,
.bg-menu-theme.menu-vertical,
aside#layout-menu.bg-menu-theme {
  background-color: #ffffff !important;
}

/* When collapsed sidebar is hovered/opened, keep pure white background */
.layout-menu-collapsed.layout-menu-hover .layout-menu-fixed .bg-menu-theme aside {
  background-color: #ffffff !important;
}