/* ==========================================================================
   Site4 — langues de droite à gauche (arabe)
   Chargé uniquement quand is_rtl(). Grilles et flex s'inversent d'eux-mêmes ;
   ce fichier corrige les positions physiques, les dégradés et le sens des flèches.
   ========================================================================== */

/* L'arabe est une écriture liée : l'espacement des lettres casserait les liaisons. */
html[dir="rtl"] body * {
	letter-spacing: 0 !important;
}

/* Sélecteur de langue : « العربية » garde sa taille quand il est actif */
.lang-switch__item.is-active:lang(ar) {
	font-size: 10.34px;
	font-weight: 500;
}

/* Flèches et chevrons : sens miroir */
.icon--arrow-up-right {
	transform: scaleX(-1);
}

.activity__arrow img,
.project__link img,
.btn-all__circle img {
	transform: rotate(136.32deg);
}

.btn__circle img,
.activities__bar a img {
	transform: rotate(90deg);
}

/* Hero : texte calé à droite, dégradé sombre côté texte */
.hero {
	padding-right: 75.25px;
	padding-left: 0;
}

.hero::before {
	background: linear-gradient(270deg, rgba(0, 0, 0, 0.73) 0.747%, rgba(0, 0, 0, 0.18) 68.467%, rgba(102, 102, 102, 0) 98.195%);
}

/* Actualités : pastille de catégorie dans le coin haut droit */
.news-card__chip {
	right: 16px;
	left: auto;
}

/* Pied de page */
.newsletter-form {
	margin-right: auto;
	margin-left: 0;
}

.footer-bottom {
	margin: 18.7px 7.04px 0 -74.86px;
	padding: 25.68px 0 0 74.86px;
}

@media (max-width: 1199px) {
	.hero {
		padding-right: 56px;
	}

	.footer-bottom {
		margin-left: 0;
		padding-left: 0;
	}
}

@media (max-width: 1023px) {
	.hero {
		padding: 0 40px;
	}

	.newsletter-form {
		margin-right: 0;
	}

	.footer-bottom {
		margin: 48px 0 0;
	}
}

@media (max-width: 767px) {
	.hero {
		padding: 48px 20px;
	}

	.hero::before {
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.73) 0%, rgba(0, 0, 0, 0.35) 100%);
	}
}

/* Une adresse e-mail s'écrit toujours de gauche à droite */
.newsletter-form__input {
	direction: ltr;
	text-align: right;
}

/* Animations au survol : glissements en miroir.
   Les flèches « ↗ » sont déjà retournées (scaleX(-1)) : le retournement est conservé dans le survol. */
@media (prefers-reduced-motion: no-preference) {
	.btn:hover .btn__circle {
		transform: translateX(-3px);
	}

	.footer-nav__list a:hover {
		transform: translateX(-4px);
	}

	.btn-all:hover .btn-all__circle img {
		transform: translate(-2px, -2px) rotate(136.32deg);
	}

	.activities__bar a:hover img {
		transform: rotate(90deg) translateY(3px);
	}

	.btn-outline:hover .icon,
	.news-card__link:hover .news-card__arrow .icon,
	.social-card:hover .social-card__arrow .icon,
	.footer-card__link:hover .icon,
	.btn-citizen:hover .btn-citizen__arrow .icon {
		transform: scaleX(-1) translate(2px, -2px);
	}
}

/* ---------- Page « Nos projets » et page d'un projet ---------- */

.pp-banner::after {
	background:
		linear-gradient(270deg, rgba(8, 25, 47, 0.84) 0%, rgba(8, 25, 47, 0.28) 65%, rgba(8, 25, 47, 0.08) 100%),
		linear-gradient(0deg, rgba(8, 25, 47, 0.45) 0%, rgba(8, 25, 47, 0) 40%);
}

.breadcrumb img,
.pcard__badge img,
.pcard__more img,
.pp-cta__arrow {
	transform: scaleX(-1);
}

@media (prefers-reduced-motion: no-preference) {
	.pcard:hover .pcard__more img {
		transform: scaleX(-1) translateX(4px);
	}

	.pp-cta__button:hover .pp-cta__arrow {
		transform: scaleX(-1) translate(2px, -2px);
	}
}

/* ---------- Page d'un projet ---------- */

.pd-back img,
.pd-intention img,
.pd-related__link img,
.pd-gallery__nav img,
.pd-lightbox__prev img,
.pd-lightbox__next img {
	transform: scaleX(-1);
}

@media (prefers-reduced-motion: no-preference) {
	.pd-back:hover img {
		transform: scaleX(-1) translateX(-3px);
	}

	a.pd-intention:hover img,
	.pd-related__link:hover img {
		transform: scaleX(-1) translate(2px, -2px);
	}
}

/* ---------- Page « Nous connaître » ---------- */

.about-link img,
.domain-card__link img {
	transform: scaleX(-1);
}

.about-key {
	background: linear-gradient(270deg, #f4f7fb, rgba(244, 247, 251, 0));
}

.about-vision__body::before {
	content: "”";
}

@media (prefers-reduced-motion: no-preference) {
	.about-link:hover img,
	.domain-card:hover .domain-card__link img {
		transform: scaleX(-1) translateX(4px);
	}
}

/* ---------- Actualités ---------- */

.acard__more img {
	transform: scaleX(-1);
}

@media (prefers-reduced-motion: no-preference) {
	.acard:hover .acard__more img {
		transform: scaleX(-1) translate(2px, -2px);
	}
}

.actu-back__link img {
	transform: scaleX(-1);
}

/* ---------- Nous contacter ---------- */

.cf-submit::after {
	transform: scaleX(-1);
}

@media (prefers-reduced-motion: no-preference) {
	.cf-submit:hover::after {
		transform: scaleX(-1) translate(3px, -3px);
	}
}

/* Adresses e-mail et numéros s'écrivent de gauche à droite */
.cf input[type="email"],
.cf input[type="tel"] {
	direction: ltr;
	text-align: right;
}

/* ---------- Espace citoyen ---------- */

.ec-banner::before {
	background: linear-gradient(270deg, rgba(8, 25, 47, 0.87) 0%, rgba(8, 25, 47, 0.53) 42%, rgba(8, 25, 47, 0.02) 82%);
}

.ec-select select {
	background-position: left 13.5px center;
}

.ec-select--small select {
	background-position: left 11px center;
}

.cf--citizen select,
.cf--question select {
	padding: 0 15.94px 0 40px;
	background-position: left 15.6px center;
}

.ec-nav__arrow,
.ec-card__more img,
.ec-banner__button .ec-round img,
.ec-card__go img {
	transform: scaleX(-1);
}

.ec-qa__answer {
	padding: 0 0 19.69px 32.81px;
}

@media (prefers-reduced-motion: no-preference) {
	.ec-nav__link:hover .ec-nav__arrow,
	.ec-card:hover .ec-card__more img,
	.ec-banner__button:hover .ec-round img,
	.ec-card:hover .ec-card__go img,
	.cf--citizen .cf-submit:hover::after,
	.cf--question .cf-submit:hover::after {
		transform: scaleX(-1) translateX(3px);
	}
}