/* ==============================================================
   WIZZY DRAWS — rtl.css
   Surcouche RTL (arabe) + police Cairo.
   À charger UNIQUEMENT quand app()->getLocale() == 'ar', APRÈS app.css :

   <html dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}"
         lang="{{ app()->getLocale() }}">
   ...
   <link rel="stylesheet" href="{{ asset('assets_front/css/app.css') }}">
   @if(app()->getLocale() === 'ar')
       <link rel="stylesheet" href="{{ asset('assets_front/css/rtl.css') }}">
   @endif

   Toutes les règles sont scopées sous [dir="rtl"] pour ne jamais
   impacter le FR/EN.
   ============================================================== */

@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap");

/* ==============================================================
   1. POLICE GLOBALE
   ============================================================== */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] li,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] button,
[dir="rtl"] label,
[dir="rtl"] strong,
[dir="rtl"] b {
    font-family: "Cairo", "Inter", sans-serif !important;
}

/* La police "Courgette" reste décorative (logo/slogan) et n'est pas
   forcée en Cairo — commentez la ligne suivante si vous voulez
   uniformiser totalement. */
[dir="rtl"] .fm-sec {
    font-family: "Cairo", cursive !important;
}

/* Cairo n'a pas d'italique dédiée dans cette liste de graisses ;
   on neutralise les obliques hérités de polices latines. */
[dir="rtl"] em,
[dir="rtl"] i:not([class*="fa-"]):not([class*="fal"]):not([class*="fad"]) {
    font-style: normal;
}

/* Ajustement fin : Cairo paraît visuellement plus grand qu'Inter à
   taille égale → léger correctif optionnel. */
[dir="rtl"] p {
    line-height: 1.65;
}

/* ==============================================================
   2. UTILITAIRES DIRECTIONNELS GÉNÉRIQUES
   ============================================================== */

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

[dir="rtl"] ul.list-style,
[dir="rtl"] ol.list-style,
[dir="rtl"] .unstyled {
    padding-left: 0;
    padding-right: 0;
}