/* ============================================================
   SCM & SERVICES — Feuille RTL (version arabe)
   Surcharges directionnelles + typographie Cairo.
   Ne modifie jamais la version française (scoped sur [dir="rtl"]).
   ============================================================ */

[dir="rtl"] {
  --font-sans: "Cairo", "Barlow", sans-serif;
  --font-display: "Cairo", "Barlow Condensed", sans-serif;
}
[dir="rtl"] body,
[dir="rtl"] .font-display,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] button {
  font-family: "Cairo", sans-serif;
}
[dir="rtl"] body { line-height: 1.85; letter-spacing: 0; }
[dir="rtl"] .font-display { letter-spacing: 0; }
[dir="rtl"] .section-title,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { line-height: 1.35; }
[dir="rtl"] .uppercase,
[dir="rtl"] .tracking-wide,
[dir="rtl"] .tracking-wider,
[dir="rtl"] .tracking-widest { text-transform: none; letter-spacing: 0; }

/* --- Navigation --- */
[dir="rtl"] .nav-link::after { left: auto; right: 0; left: 100%; transition: left .25s ease; }
[dir="rtl"] .nav-link:hover::after,
[dir="rtl"] .nav-link-active::after { left: 0; }
[dir="rtl"] .nav-submenu { right: auto; left: 0; text-align: right; }
[dir="rtl"] .border-l { border-left-width: 0; border-right-width: 1px; }
[dir="rtl"] .border-l-4 { border-left-width: 0; border-right-width: 4px; }
[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .pl-0 { padding-right: 0; }
[dir="rtl"] .ml-0 { margin-right: 0; }
@media (min-width: 768px) {
  [dir="rtl"] .md\:border-r { border-right-width: 0; border-left-width: 1px; }
}
@media (min-width: 1024px) {
  [dir="rtl"] .lg\:border-r { border-right-width: 0; border-left-width: 1px; }
  [dir="rtl"] .lg\:text-right { text-align: left; }
}

/* --- Histoire / frise --- */
[dir="rtl"] .timeline {
  border-left: 0;
  border-right: 2px solid var(--border);
  padding-left: 0;
  padding-right: clamp(1.2rem, 4vw, 2.5rem);
}
[dir="rtl"] .timeline-item::before {
  left: auto;
  right: calc(clamp(1.2rem, 4vw, 2.5rem) * -1 - .42rem);
}
[dir="rtl"] .timeline-highlight { border-left: 0; border-right: 4px solid var(--orange); }

/* --- Pôles / digital --- */
[dir="rtl"] .digital-keywords li { border-left: 0; border-right: 3px solid var(--digital); }
[dir="rtl"] .digital-flow li:not(:last-child)::after { content: "↓"; }
@media (min-width: 768px) {
  [dir="rtl"] .digital-flow li:not(:last-child)::after {
    content: "←";
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(.25rem, -50%);
  }
}

/* --- Galerie / lightbox --- */
[dir="rtl"] .gallery-item { text-align: right; }
[dir="rtl"] .gallery-icon { right: auto; left: 1rem; }
[dir="rtl"] .lightbox > button { right: auto; left: 1.2rem; }

/* --- Pourquoi nous / secteurs --- */
[dir="rtl"] .why-card { border-left: 0; border-right: 3px solid var(--highlight); }
[dir="rtl"] .sector-item { border-right: 0; border-left: 1px solid var(--border); }
@media (max-width: 639px) {
  [dir="rtl"] .why-card { padding-right: 1.2rem; padding-left: .5rem; }
}

/* --- Carrières / offres / blog --- */
[dir="rtl"] .job-detail-template { border-left: 0; border-right: 4px solid var(--digital); }
[dir="rtl"] .demo-note { border-left: 0; border-right: 3px solid var(--orange); }
[dir="rtl"] .job-article ul, [dir="rtl"] .job-article ol,
[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { padding-left: 0; padding-right: 1.3rem; }
[dir="rtl"] .article-body blockquote { border-left: 0; border-right: 4px solid var(--orange); }
[dir="rtl"] .comment { border-left: 0; border-right: 3px solid var(--digital); }

/* --- Conformité (mentions, confidentialité, cookies, alertes) --- */
[dir="rtl"] .policy-notice,
[dir="rtl"] .policy-callout,
[dir="rtl"] .form-status { border-left: 0; border-right: 4px solid var(--orange); }
[dir="rtl"] .form-status { border-right-color: var(--destructive); }
[dir="rtl"] .form-ready { border-right-color: var(--primary); }
[dir="rtl"] .alert-confidential { border-left: 0; border-right: 5px solid var(--solar); }
[dir="rtl"] .policy-table th,
[dir="rtl"] .policy-table td { text-align: right; }

/* --- Pagination --- */
[dir="rtl"] .pagination { direction: rtl; }