/* =========================================================================
   GestionEntreprise — interface en arabe (de droite à gauche).
   Chargé UNIQUEMENT quand la langue est l'arabe (voir Views/Shared/_Layout.cshtml),
   après site.css : il inverse les positions « gauche / droite » de site.css.
   En français, ce fichier n'est jamais utilisé.
   ========================================================================= */

:root {
  --police: "Segoe UI", Tahoma, "Noto Sans Arabic", "Noto Naskh Arabic", system-ui, Arial, sans-serif;
}
html[dir="rtl"] body { font-family: var(--police); }
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea, html[dir="rtl"] button { font-family: var(--police); }

/* Les champs de saisie de nombres, téléphones, e-mails et mots de passe restent écrits de
   gauche à droite (c'est ainsi qu'on les saisit), mais alignés à droite. */
html[dir="rtl"] input[type=number],
html[dir="rtl"] input[type=tel],
html[dir="rtl"] input[type=email],
html[dir="rtl"] input[type=url],
html[dir="rtl"] input[type=password] { direction: ltr; text-align: right; }

/* ---- Menu latéral à droite ---- */
html[dir="rtl"] .sidebar { left: auto; right: 0; box-shadow: -1px 0 0 rgba(255, 255, 255, .05); }
html[dir="rtl"] .sidebar-liens li a.actif { box-shadow: inset -3px 0 0 #fff; }
html[dir="rtl"] .zone-principale { margin-left: 0; margin-right: var(--sidebar-largeur); transition: margin-right .18s ease; }
html[dir="rtl"][data-sidebar="reduit"] .zone-principale { margin-left: 0; margin-right: var(--sidebar-largeur-reduite); }
html[dir="rtl"] .sidebar-reduire svg { transform: rotate(180deg); }
html[dir="rtl"][data-sidebar="reduit"] .sidebar-reduire svg { transform: none; }

@media (max-width: 1080px) and (min-width: 641px) {
  html[dir="rtl"] .zone-principale { margin-left: 0; margin-right: var(--sidebar-largeur-reduite); }
  html[dir="rtl"][data-sidebar="reduit"] .sidebar-reduire svg { transform: none; }
}
@media (max-width: 640px) {
  html[dir="rtl"] .sidebar { transform: translateX(100%); }
  html[dir="rtl"] .sidebar.ouverte { transform: translateX(0); }
  html[dir="rtl"] .zone-principale, html[dir="rtl"][data-sidebar="reduit"] .zone-principale { margin-right: 0; }
}

/* ---- En-tête ---- */
html[dir="rtl"] .entete-recherche { margin: 0 auto 0 4px; }
html[dir="rtl"] .entete-recherche svg { left: auto; right: 11px; }
html[dir="rtl"] .entete-recherche input[type=search] { padding: 8px 34px 8px 12px; }
html[dir="rtl"] .entete-actions { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .profil-bouton { padding: 4px 4px 4px 6px; }
html[dir="rtl"] .profil-texte { text-align: right; }
html[dir="rtl"] .profil-menu { right: auto; left: 0; }
html[dir="rtl"] .profil-menu a, html[dir="rtl"] .profil-menu button.lien-menu { text-align: right; }

/* ---- Tableaux ---- */
html[dir="rtl"] th, html[dir="rtl"] td { text-align: right; }
html[dir="rtl"] th.num, html[dir="rtl"] td.num,
html[dir="rtl"] .top-valeur,
html[dir="rtl"] .tdb-table-defil .droite, html[dir="rtl"] table.simple th.droite,
html[dir="rtl"] .lignes-edition .montant-ligne,
html[dir="rtl"] .ligne-ticket .lt-total,
html[dir="rtl"] .ticket-total .montant,
html[dir="rtl"] .qte-cell input { text-align: left; }
html[dir="rtl"] .carte-table th:first-child, html[dir="rtl"] .carte-table td:first-child { padding-left: 14px; padding-right: 20px; }
html[dir="rtl"] .carte-table th:last-child, html[dir="rtl"] .carte-table td:last-child { padding-right: 14px; padding-left: 20px; }

/* ---- Champs avec icône ---- */
html[dir="rtl"] .champ-icone .icone-gauche { left: auto; right: 13px; }
html[dir="rtl"] .champ-icone input { padding-left: 14px !important; padding-right: 40px !important; }
html[dir="rtl"] .champ-icone input[type=password] { padding-left: 44px !important; padding-right: 40px !important; }
html[dir="rtl"] .btn-oeil, html[dir="rtl"] .btn-oeil:hover, html[dir="rtl"] .btn-oeil:active { right: auto; left: 6px; }
html[dir="rtl"] .recherche svg { left: auto; right: 13px; }
html[dir="rtl"] .recherche input[type=search] { padding: 10px 40px 10px 13px; }
html[dir="rtl"] .caisse-recherche svg { left: auto; right: 16px; }
html[dir="rtl"] .caisse-recherche input[type=search] { padding: 0 48px 0 70px; }
html[dir="rtl"] .caisse-recherche kbd { right: auto; left: 14px; }

/* ---- Décors et petits ajustements ---- */
html[dir="rtl"] .connexion-marque::after { right: auto; left: -90px; }
html[dir="rtl"] .tdb-hero-chiffre .valeur small,
html[dir="rtl"] .kpi-valeur small,
html[dir="rtl"] .tuile-prix small,
html[dir="rtl"] .ticket-total .montant small { margin-left: 0; margin-right: 5px; }
html[dir="rtl"] .fiche-actions { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .alerte-info a { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] .papier .papier-complement { border-left: 0; border-right: 3px solid #b23b6d; }

/* ---- Caisse ---- */
html[dir="rtl"] button.tuile-produit, html[dir="rtl"] button.tuile-produit:hover, html[dir="rtl"] button.tuile-produit:active { text-align: right; padding: 14px 18px 12px 14px; }
html[dir="rtl"] button.tuile-produit::before { left: auto; right: 0; }
html[dir="rtl"] .grille-produits-caisse.compacte button.tuile-produit { padding: 10px 14px 10px 10px; }
html[dir="rtl"] button.btn-vider, html[dir="rtl"] button.btn-vider:hover { margin: 0 auto 0 0; }
html[dir="rtl"] .ticket-pied .champ-recu input[type=number] { padding: 0 0 0 14px; }
html[dir="rtl"] .ticket-client select { padding: 0 4px 0 28px; }

/* ---- Mode d'emploi ---- */
html[dir="rtl"] .etapes-guide { text-align: right; }
html[dir="rtl"] .etapes-guide li { padding: 10px 50px 10px 14px; }
html[dir="rtl"] .etapes-guide li::before { left: auto; right: 14px; }

/* ---- Bouton de langue flottant (pages de connexion) ---- */
html[dir="rtl"] .btn-langue-flottant { right: auto; left: 16px; }