/* =========================================================
   Sens de lecture de droite a gauche (arabe)
   Ne contient que les regles a inverser : tout le reste
   est herite de main.css.
   ========================================================= */

body {
	direction: rtl;
	text-align: right;
	font-family: 'Cairo', 'Noto Naskh Arabic', -apple-system, 'Segoe UI', sans-serif;
}

/* Les chiffres, adresses et e-mails restent de gauche a droite. */
.topbar__phones a,
.footer-contact__phones a,
.contact__phones a,
.metal-page__contact a,
.lang-switcher__code { direction: ltr; unicode-bidi: embed; }

/* ---------- En-tete ---------- */
.site-header__baseline {
	padding: 3px 16px 3px 0;
	border-left: 0;
	border-right: 3px solid var(--red);
	text-align: right;
}
.nav { margin-left: 0; margin-right: auto; }
.nav__list .sub-menu { left: auto; right: 0; }
.brand-text { text-align: right; }

/* ---------- Hero ---------- */
.hero { background-position: center left; }
.hero::before {
	background: linear-gradient(260deg, rgba(10, 22, 30, .97) 0%, rgba(10, 22, 30, .92) 32%, rgba(10, 22, 30, .45) 58%, rgba(10, 22, 30, .15) 100%);
}
.hero__features li {
	padding-right: 0;
	padding-left: 22px;
	border-right: 0;
	border-left: 1px solid rgba(255, 255, 255, .22);
}
.hero__features li:last-child { border-left: 0; padding-left: 0; }

/* ---------- A propos ---------- */
.about__aside {
	padding-left: 0;
	padding-right: 40px;
	border-left: 0;
	border-right: 1px solid var(--grey-light);
	/* Le texte reste cale a droite : c'est le sens de lecture de l'arabe. */
	text-align: right;
}

/* ---------- Services ---------- */
.service { border-left: 0; border-right: 1px solid rgba(255, 255, 255, .12); }
.service:first-child { border-right: 0; }

/* ---------- Metaux ---------- */
.metals__aside {
	padding-left: 0;
	padding-right: 28px;
	border-left: 0;
	border-right: 3px solid var(--red);
}

/* ---------- Contact et formulaire ---------- */
.contact-form input,
.contact-form select,
.contact-form textarea { text-align: right; }
.contact-form__trap { left: auto; right: -9999px; }
.form-notice { border-left: 0; border-right: 4px solid; }

/* ---------- Pied de page ---------- */
.site-footer__claim .dash { margin-right: 0; margin-left: 8px; }
.site-footer__credit a { border-bottom-color: rgba(224, 27, 34, .55); }

/* ---------- Pages metaux ---------- */
.metal-page__body ul { padding-left: 0; padding-right: 20px; }
.metal-page__others {
	padding-left: 0;
	padding-right: 20px;
	border-left: 0;
	border-right: 3px solid var(--grey-light);
}
.metal-page__card { border-top: 3px solid var(--red); }
.page-hero--metal { text-align: right; }
.page-hero--metal::before {
	background: linear-gradient(260deg, rgba(10, 22, 30, .95) 0%, rgba(10, 22, 30, .82) 55%, rgba(10, 22, 30, .45) 100%);
}

/* ---------- Fleches des boutons ---------- */
.btn__arrow { transform: scaleX(-1); }

/* ---------- Visionneuse ---------- */
.lightbox__close { right: auto; left: 20px; }
.lightbox__nav--prev { transform: scaleX(-1); }
.lightbox__nav--next { transform: scaleX(-1); }

/* ---------- Contenu libre (blocs) ---------- */
.home-content .wp-block-columns { direction: rtl; }

@media (max-width: 860px) {
	.nav { margin-right: 0; }
	.lang-switcher--topbar { margin-right: auto; margin-left: 0; }
}