/* Portail pompiste — mise en page RTL (arabe) */
html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] .navbar .container-fluid,
html[dir="rtl"] .profile-bar .d-flex,
html[dir="rtl"] .success-recap-row,
html[dir="rtl"] .fuel-card-identity {
  flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-brand,
html[dir="rtl"] .form-label,
html[dir="rtl"] .card-header,
html[dir="rtl"] .alert,
html[dir="rtl"] .soft-box,
html[dir="rtl"] .table td,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .portal-alert-message {
  text-align: right;
}

html[dir="rtl"] .input-group {
  flex-direction: row-reverse;
}

html[dir="rtl"] .input-group-text {
  border-radius: 0 0.375rem 0.375rem 0 !important;
}

html[dir="rtl"] .input-group > :not(:first-child) {
  border-radius: 0.375rem 0 0 0.375rem !important;
}

html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
  text-align: right;
}

html[dir="rtl"] .workflow-steps {
  flex-direction: row-reverse;
}

html[dir="rtl"] .success-recap-value {
  text-align: left;
}

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

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

html[dir="rtl"] .btn-close {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .modal-header .btn-close {
  position: absolute;
  left: 1rem;
  right: auto;
}

html[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
html[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
html[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
html[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }

html[dir="rtl"] .login-box,
html[dir="rtl"] .login-logo {
  text-align: center;
}

html[dir="rtl"] .lang-switch {
  left: 0;
  right: auto !important;
}

html[dir="rtl"] #toastHost {
  right: auto;
  left: 1rem;
}

html[dir="rtl"] .scan-wrap {
  direction: rtl;
}

html[dir="rtl"] .confirm-modal-summary dt {
  text-align: right;
}

html[dir="rtl"] .confirm-modal-summary dd {
  text-align: left;
}

html[dir="rtl"] .select2-container--bootstrap-5 .select2-selection__rendered {
  text-align: right;
  padding-right: 0.75rem;
  padding-left: 2rem;
}