/* Admin RTL overrides — loaded only when dir="rtl" is active (Arabic language) */

/* ----------------------------------------------------------------
   Global
---------------------------------------------------------------- */
[dir="rtl"] body {
  text-align: right;
}

/* ----------------------------------------------------------------
   Sidebar — move from left to right
---------------------------------------------------------------- */
[dir="rtl"] .sidebar {
  left: auto;
  right: 0;
}

/* ----------------------------------------------------------------
   Content area — swap left margin to right
---------------------------------------------------------------- */
[dir="rtl"] .content {
  margin-left: 0;
  margin-right: 60px;
}

/* ----------------------------------------------------------------
   Sidebar submenu — open to the left in RTL
---------------------------------------------------------------- */
[dir="rtl"] .sidebar-menu ul .submenu {
  left: auto;
  right: 60px;
}
[dir="rtl"] .sidebar-menu ul .submenu li a {
  text-align: right;
}

/* Slide-nav open (mobile sidebar toggled in) */
[dir="rtl"] .slide-nav .sidebar {
  margin-right: 0;
  margin-left: auto;
}

/* Responsive: sidebar collapses off-screen to the right in RTL */
@media (max-width: 991.98px) {
  [dir="rtl"] .sidebar {
    margin-right: -225px;
    margin-left: auto;
    right: 0;
    left: auto;
  }
  [dir="rtl"] .slide-nav .sidebar {
    margin-right: 0;
  }
  [dir="rtl"] .page-wrapper {
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

/* ----------------------------------------------------------------
   Header
---------------------------------------------------------------- */
[dir="rtl"] .header .header-left {
  float: right;
}
[dir="rtl"] .user-menu {
  float: left;
}
[dir="rtl"] .mobile_btn {
  float: right;
}

/* ----------------------------------------------------------------
   Top nav search
---------------------------------------------------------------- */
[dir="rtl"] .top-nav-search {
  float: right;
  margin-right: 15px;
  margin-left: 0;
}
[dir="rtl"] .top-nav-search .btn {
  right: auto;
  left: 0;
}
[dir="rtl"] .top-nav-search .form-control {
  padding: 10px 15px 10px 50px;
}

/* ----------------------------------------------------------------
   User header (dropdown)
---------------------------------------------------------------- */
[dir="rtl"] .user-header .user-text {
  margin-left: 0;
  margin-right: 10px;
}

/* ----------------------------------------------------------------
   Page wrapper / breadcrumb
---------------------------------------------------------------- */
[dir="rtl"] .page-header .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: 0.5rem;
  content: "\\";
}

/* ----------------------------------------------------------------
   Admin tables — left-align text becomes right-align
---------------------------------------------------------------- */
[dir="rtl"] .table td,
[dir="rtl"] .table th {
  text-align: right;
}
[dir="rtl"] .table td[style*="text-align: left"],
[dir="rtl"] .table th[style*="text-align: left"] {
  text-align: right !important;
}

/* ----------------------------------------------------------------
   Activity feed (timeline)
---------------------------------------------------------------- */
[dir="rtl"] .activity-feed {
  margin-right: 5px;
  margin-left: 0;
}
[dir="rtl"] .activity-feed .feed-item {
  border-left: none;
  border-right: 2px solid #e4e8eb;
  padding-left: 0;
  padding-right: 20px;
}
[dir="rtl"] .activity-feed .feed-item:after {
  left: auto;
  right: -7px;
}

/* ----------------------------------------------------------------
   Cards & Forms
---------------------------------------------------------------- */
[dir="rtl"] .card-header h4,
[dir="rtl"] .card-header h5 {
  text-align: right;
}
[dir="rtl"] .form-group label {
  display: block;
  text-align: right;
}

/* ----------------------------------------------------------------
   Checkboxes / inline inputs
---------------------------------------------------------------- */
[dir="rtl"] .inptcheck {
  margin-right: 9px;
  margin-left: 0;
}

/* ----------------------------------------------------------------
   Select / chosen dropdowns
---------------------------------------------------------------- */
[dir="rtl"] .select2-container .select2-selection--single {
  text-align: right;
}

/* ----------------------------------------------------------------
   Bootstrap utility overrides in RTL
---------------------------------------------------------------- */
[dir="rtl"] .float-left {
  float: right !important;
}
[dir="rtl"] .float-right {
  float: left !important;
}
[dir="rtl"] .text-left {
  text-align: right !important;
}
[dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

/* ----------------------------------------------------------------
   Dropdown menus — open from right in RTL
---------------------------------------------------------------- */
[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}
[dir="rtl"] .dropdown-menu-right {
  right: auto;
  left: 0;
}

/* ----------------------------------------------------------------
   Page-specific: list-rdv / RDV tables
---------------------------------------------------------------- */
[dir="rtl"] .actions {
  text-align: left;
}

/* ================================================================
   Page-specific: RDV Pro (admin/RDV_Pro.html)
   Note: cette page réutilise le CSS front-office (`front-office/css/style.css`)
   mais charge les overrides RTL via `admin-rtl.css`.
================================================================ */

/* Tabs: garder les onglets alignés à droite, et pousser le bouton
   "Ajouter un RDV" à gauche en RTL */
[dir="rtl"] .rdv-pro-section .rdv-pro-container .tabs {
  justify-content: flex-start;
}
[dir="rtl"] .rdv-pro-section .rdv-pro-container .tabs .btn-info {
  position: static;
  margin-inline-start: auto;
}

/* Table: alignement RTL */
[dir="rtl"] .rdv-pro-section .rdv-pro-container th,
[dir="rtl"] .rdv-pro-section .rdv-pro-container td {
  text-align: right;
}

/* Barre de recherche: icône à droite + padding inversé */
[dir="rtl"] .rdv-pro-section .rdv-pro-container .search-bar .material-icons {
  left: auto;
  right: 1rem;
}
[dir="rtl"] .rdv-pro-section .rdv-pro-container .search-bar input {
  padding: 0.75rem 3rem 0.75rem 1rem;
}

/* Filtre date: positionner l’icône côté gauche en RTL */
[dir="rtl"] .rdv-pro-section .rdv-pro-container .date-filter svg {
  right: auto;
  left: 4px;
}
[dir="rtl"] .rdv-pro-section .rdv-pro-container .date-filter .material-icons {
  margin-right: 0;
  margin-left: 5px;
}

/* Actions: espacement inversé pour les boutons */
[dir="rtl"] .rdv-pro-section .rdv-pro-container .action-btn {
  margin-right: 0;
  margin-left: 0.5rem;
}
[dir="rtl"] .rdv-pro-section .rdv-pro-container .action-btn svg {
  margin-right: 0;
  margin-left: 5px;
}

/* Mobile: dropdown "draw-icon" à gauche en RTL */
[dir="rtl"] .rdv-pro-section .rdv-pro-container header .draw-icon {
  right: auto;
  left: 0;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 6px;
}

/* ----------------------------------------------------------------
   Mobile menu-list (pro bottom nav)
---------------------------------------------------------------- */
[dir="rtl"] header .nav-link {
  text-align: right;
}

/* ----------------------------------------------------------------
   Arabic font injection for admin
---------------------------------------------------------------- */
[dir="rtl"] body,
[dir="rtl"] .form-control,
[dir="rtl"] .btn,
[dir="rtl"] label,
[dir="rtl"] td,
[dir="rtl"] th {
  font-family: 'Changa', sans-serif;
}

/* ----------------------------------------------------------------
   Admin footer uses front-office `style.css` (DM Sans) via common_styles.
   Force Arabic-capable font in RTL for footer content only.
---------------------------------------------------------------- */
[dir="rtl"] .footer-custom,
[dir="rtl"] .footer-custom *:not(svg):not(path):not(.material-icons):not(.fa):not(i):not([class^="fa-"]):not([class*=" fa-"]){
  font-family: 'Changa', sans-serif !important;
}

/* ----------------------------------------------------------------
   Arabic date/text rendering inside RDV Pro (uses DM Sans in front CSS)
   Force an Arabic-capable font to avoid tofu (□/�) in Arabic months/days.
---------------------------------------------------------------- */
[dir="rtl"] .rdv-pro-section,
[dir="rtl"] .rdv-pro-section button,
[dir="rtl"] .rdv-pro-section input,
[dir="rtl"] .rdv-pro-section p,
[dir="rtl"] .rdv-pro-section span,
[dir="rtl"] .rdv-pro-section td,
[dir="rtl"] .rdv-pro-section th {
  font-family: 'Changa', sans-serif;
}