/* Arabic styles override (RTL + Tajawal)
   Charge ce fichier uniquement pour la langue ar
*/
/* Importation Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap");

/*  LOGO COLOR :: 9c293a */

/* Polices arabes: la sélection se fait via le Customizer (variables CSS) */
html[lang="ar"],
html[lang|="fa"] {
  --font-weight-default: 400;
}

/* Direction RTL quand la page est en arabe */
html[lang="ar"],
html[lang|="fa"] {
  direction: rtl;
}

/* Texte et éléments généraux */
html[lang="ar"] body,
html[lang|="fa"] body {
  font-family: var(--web4-font-body);
  font-weight: var(--font-weight-default);
  font-optical-sizing: auto;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Header: inversions utiles en RTL */
html[lang="ar"] .nts-header__row--top .nts-menu-toggle,
html[lang|="fa"] .nts-header__row--top .nts-menu-toggle {
  left: auto;
  right: 0;
}

/* Navigation primaire: ordre et alignements en RTL */
html[lang="ar"] .nts-primary-nav ul,
html[lang|="fa"] .nts-primary-nav ul {
  flex-direction: row-reverse;
}
html[lang="ar"] .nts-primary-nav .sub-menu,
html[lang|="fa"] .nts-primary-nav .sub-menu {
  left: auto;
  right: 0;
}

/* Outils branding autour du logo */
html[lang="ar"] .nts-branding-tools,
html[lang|="fa"] .nts-branding-tools {
  grid-template-columns: auto auto auto;
}
html[lang="ar"] .nts-branding-tools__left,
html[lang|="fa"] .nts-branding-tools__left {
  justify-self: start;
}
html[lang="ar"] .nts-branding-tools__right,
html[lang|="fa"] .nts-branding-tools__right {
  justify-self: end;
}

/* Footer menu: centrage + ordre inversé si besoin */
html[lang="ar"] .nts-footer-menu ul,
html[lang|="fa"] .nts-footer-menu ul {
  direction: rtl;
}

/* Pagination: ordre en RTL */
html[lang="ar"] .pagination .nav-links,
html[lang|="fa"] .pagination .nav-links {
  direction: rtl;
}

/* Formulaire de recherche: placeholder en Tajawal */
html[lang="ar"] .search-form .search-field::placeholder,
html[lang|="fa"] .search-form .search-field::placeholder {
 /* font-family: "Cairo", Arial, sans-serif;*/
}


:dir(rtl) .web4-cat-section .web4-cat-chevron::after,
html[dir="rtl"] .web4-cat-section .web4-cat-chevron::after{
  content: '>>';
}

.nts-primary-nav { direction: ltr !important;}