/**
 * Rekik – Extras : correctifs d'affichage du site.
 *
 * Ce fichier est chargé sur toutes les pages publiques, quel que soit le mode (admin ou public).
 * Sa version suit sa date de modification : le navigateur recharge le fichier dès qu'il change
 * (pensez à vider le cache LiteSpeed après une modification).
 */

/* Point 3 (15/10/2026) : bannières de l'accueil (Smart Slider, diaporamas 2 à 7).
   Les textes étaient placés en absolu, avec des décalages propres à chaque diapositive :
   ils changeaient de place et se chevauchaient quand une ligne passait à la ligne.
   Ici, ils sont empilés dans le même bloc, au même endroit sur toutes les diapositives. */
:is(#n2-ss-2, #n2-ss-3, #n2-ss-4, #n2-ss-5, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 18px;
}
:is(#n2-ss-2, #n2-ss-3, #n2-ss-4, #n2-ss-5, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"] {
	position: relative !important;
	inset: auto !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	margin: 0 !important;
	width: auto !important;
	max-width: 100% !important;
	text-align: center !important;
}
:is(#n2-ss-2, #n2-ss-3, #n2-ss-4, #n2-ss-5, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"] * {
	text-align: center !important;
}

/* Ordinateur : le bloc de texte occupe le tiers droit (centré vers 78 % de la largeur, là où
   les photos laissent un fond uni), centré en hauteur. */
:is(#n2-ss-2, #n2-ss-4, #n2-ss-5) .n2-ss-section-main-content {
	padding: 0 3% 0 59% !important;
	min-height: 100%;
}
:is(#n2-ss-2, #n2-ss-4, #n2-ss-5) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"]:last-child:not(:first-child) {
	margin-top: 8px !important;
}

/* Mobile : le titre en haut, le bouton en bas, centrés. */
:is(#n2-ss-3, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content {
	justify-content: space-between !important;
	padding: 18px 16px !important;
	min-height: 100%;
}

/* Mobile : un bouton seul reste en bas de l'image ; avec un titre, le titre en haut. */
:is(#n2-ss-3, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content {
	justify-content: flex-end !important;
}
:is(#n2-ss-3, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"]:first-child:not(:last-child) {
	margin-bottom: auto !important;
}
/* Mobile : le lien du bouton reste lisible sur la photo. */
:is(#n2-ss-3, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"]:last-child a {
	display: inline-block;
	background: rgba(255, 255, 255, 0.88);
	padding: 6px 16px;
	border-radius: 6px;
	white-space: nowrap;
}
:is(#n2-ss-3, #n2-ss-6, #n2-ss-7) .n2-ss-section-main-content > .n2-ss-layer[data-pm="absolute"]:last-child a br {
	display: none;
}

/* Point 5 (15/10/2026) : accueil en arabe. La 2e ligne du titre (« في مدام الرقيق ») a une hauteur
   de ligne de 0 et une marge négative, prévues pour la police fine du français : en arabe, les deux
   lignes se touchent sur ordinateur et se chevauchent sur mobile. */
html[lang="ar"] .elementor-element-0e874e1 {
	margin-top: 0 !important;
}
html[lang="ar"] .elementor-element-0e874e1 .elementor-heading-title {
	line-height: 1.3 !important;
}
html[lang="ar"] .elementor-element-490561e .elementor-heading-title {
	line-height: 1.25 !important;
}