/**
 * Modal de conformité — habillage aligné sur la charte du site.
 * Couleurs reprises des variables du thème (--red, --dark, --white).
 */

/* Graisse « bold » d'Helvetica : le thème ne charge que la version light,
   d'où l'absence d'effet du bouton Gras dans l'éditeur. On déclare ici la
   fonte helvetica standard (plus grasse) présente dans le thème. */
@font-face {
	font-family: 'helvetica-bold';
	src: url('../../fonts/helvetica-webfont.woff2') format('woff2'),
		url('../../fonts/helvetica-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* Au-dessus de tout le reste (header sticky, swiper, etc.). */
.inovalis-compliance-modal {
	z-index: 20000;
}

.inovalis-compliance-modal .modal-content {
	border: none;
	border-radius: 0;
	box-shadow: 0 20px 60px rgba(29, 22, 22, 0.25);
}

/* La modal reste contenue dans le viewport : seul le corps défile.
   Renfort de .modal-dialog-scrollable, robuste quelle que soit la version CSS de Bootstrap. */
.inovalis-compliance-modal .modal-dialog {
	display: flex;
	max-height: calc(100vh - 2rem);
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.inovalis-compliance-modal .modal-content {
	max-height: 100%;
	overflow: hidden;
}

/* L'en-tête (logo) et le pied (bouton) restent fixes. */
.inovalis-compliance-modal .modal-header,
.inovalis-compliance-modal .modal-footer {
	flex: 0 0 auto;
}

.inovalis-compliance-modal .modal-body {
	flex: 1 1 auto;
	overflow-y: auto;
}

/* En-tête : logo aligné selon le réglage, sans croix de fermeture.
   Pas de bordure : les blocs ne sont plus séparés par un trait gris. */
.inovalis-compliance-modal .modal-header {
	display: block;
	border-bottom: none;
	padding: 32px 32px 24px;
}

.inovalis-compliance-modal .inovalis-compliance-logo img {
	max-height: 90px;
	width: auto;
	height: auto;
}

/* Alignement du logo (gauche / centre / droite). */
.inovalis-compliance-modal .inovalis-compliance-logo--left {
	text-align: left;
}

.inovalis-compliance-modal .inovalis-compliance-logo--center {
	text-align: center;
}

.inovalis-compliance-modal .inovalis-compliance-logo--right {
	text-align: right;
}

.inovalis-compliance-modal .modal-body {
	padding: 28px 36px;
	color: var(--dark, #1d1616);
}

.inovalis-compliance-modal .inovalis-compliance-content {
	font-size: 16px;
	line-height: 1.6;
}

.inovalis-compliance-modal .inovalis-compliance-content :last-child {
	margin-bottom: 0;
}

/* Gras réellement visible : on force la fonte grasse dédiée + une graisse forte. */
.inovalis-compliance-modal .inovalis-compliance-content strong,
.inovalis-compliance-modal .inovalis-compliance-content b {
	font-family: 'helvetica-bold', 'helvetica', Arial, sans-serif;
	font-weight: 700;
}

/* Pied : bouton alignable, reprend le style .btn_red du site.
   Pas de bordure, et espacement haut/bas identique pour un bouton bien centré. */
.inovalis-compliance-modal .modal-footer {
	display: flex;
	justify-content: center;
	border-top: none;
	padding: 28px 36px;
}

/* Alignement du bouton (gauche / centre / droite). */
.inovalis-compliance-modal .inovalis-compliance-footer--left {
	justify-content: flex-start;
}

.inovalis-compliance-modal .inovalis-compliance-footer--center {
	justify-content: center;
}

.inovalis-compliance-modal .inovalis-compliance-footer--right {
	justify-content: flex-end;
}

.inovalis-compliance-modal .inovalis-compliance-accept {
	cursor: pointer;
}

/* Mise en page arabe (RTL) : le thème ajoute la direction globalement. */
.rtl .inovalis-compliance-modal .modal-body,
[dir="rtl"] .inovalis-compliance-modal .modal-body {
	text-align: right;
}

@media (max-width: 575.98px) {
	.inovalis-compliance-modal .modal-body,
	.inovalis-compliance-modal .modal-header,
	.inovalis-compliance-modal .modal-footer {
		padding-left: 20px;
		padding-right: 20px;
	}

	.inovalis-compliance-modal .inovalis-compliance-title {
		font-size: 24px;
	}
}