/* ================================================================
   PROP PHONE STUDIO — accessibility.css (§7)
   Passe pragmatique : prefers-reduced-motion, focus clavier visible,
   tailles minimales de cible tactile (44px), support RTL basique
   pour les 21 ecrans ajoutes cette session.
   ================================================================ */

/* Respecte la preference systeme de reduction des animations */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Focus clavier visible sur tous les elements interactifs des nouveaux ecrans */
[id^="screen-"] button:focus-visible,
[id^="screen-"] input:focus-visible,
[id^="screen-"] select:focus-visible,
[id^="screen-"] textarea:focus-visible,
[id^="screen-"] [tabindex]:focus-visible,
[id^="screen-"] .contacts-row:focus-visible,
[id^="screen-"] .cal-event:focus-visible,
[id^="screen-"] .notes-card:focus-visible,
[id^="screen-"] .mapnav-result:focus-visible {
  outline: 2px solid #4f8ef7;
  outline-offset: 2px;
}

/* Taille minimale des cibles tactiles (44x44px, recommandation WCAG 2.2) */
[id^="screen-"] button,
[id^="screen-"] .contacts-fav,
[id^="screen-"] .cal-view-btn,
[id^="screen-"] .mapnav-mode-btn,
[id^="screen-"] .camscreen-flash,
[id^="screen-"] .camscreen-timer,
[id^="screen-"] .notifctr-dismiss,
[id^="screen-"] .lockadv-pin-key {
  min-width: 32px;
  min-height: 32px;
}
[id^="screen-"] .camscreen-shutter,
[id^="screen-"] .lockadv-pin-key,
[id^="screen-"] .contacts-action-btn {
  min-width: 44px;
  min-height: 44px;
}

/* Support RTL basique : bascule via [dir="rtl"] sur le conteneur telephone.
   Inverse les mises en page horizontales des nouveaux ecrans. Active en
   posant dir="rtl" sur #phone-screen (voir accessibility.js). */
[dir="rtl"] .contacts-row,
[dir="rtl"] .contacts-fav,
[dir="rtl"] .cal-event,
[dir="rtl"] .notifctr-item,
[dir="rtl"] .bank-tx,
[dir="rtl"] .delivery-step,
[dir="rtl"] .news-item {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .contacts-back,
[dir="rtl"] .notes-back,
[dir="rtl"] .news-back {
  transform: scaleX(-1); /* retourne le chevron ‹ en › */
}
[dir="rtl"] .settingsfic-row,
[dir="rtl"] .weather-day,
[dir="rtl"] .weather-hour {
  direction: rtl;
}
[dir="rtl"] .contacts-search,
[dir="rtl"] #mapnav-search,
[dir="rtl"] #notes-search,
[dir="rtl"] #browserfic-url {
  text-align: right;
  direction: rtl;
}

/* Contraste renforce pour le texte secondaire sur fond sombre (WCAG AA ~4.5:1) */
[id^="screen-"] .muted,
[id^="screen-"] .contacts-row-info span,
[id^="screen-"] .bank-tx-info span {
  color: #a8a8b0; /* remplace #8a8a92 (contraste insuffisant sur #0e0e11) */
}