/* EH : Notice Garantie Légale UE */

/* Modale */
.modal.eh-gl-modal {
	z-index: 1060;
}

.eh-gl-modal .modal-dialog {
	padding: 15px;
	margin: 0 auto;
	min-height: 100%;
}

.eh-gl-modal .modal-content {
	border: none;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.eh-gl-modal .modal-title {
	width: 100%;
	text-align: center;
}

/* Largeur : modale à 800px sur desktop, le modal-body n'ayant pas de padding
   l'image s'affiche à 800px. Dès 576px, on remplace les 500px de Bootstrap 4.1 :
   la modale prend toute la largeur disponible jusqu'à 800px.
   En dessous de 576px, comportement Bootstrap (pleine largeur). */
@media (min-width: 576px) {
	.eh-gl-modal .modal-dialog {
		max-width: 800px;
	}
}

/* Défilement interne : Bootstrap 4.1 n'a pas .modal-dialog-scrollable (4.3+).
   Header et footer restent visibles, seul le corps défile. */
.eh-gl-modal .modal-body {
	padding: 0;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.eh-gl-notice__img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #f3f3f3; /* visible le temps du chargement */
}

.eh-gl-modal .btn-primary {
	background-color: #E3000F;
	border-color: #E3000F;
	padding: 10px 30px;
	text-transform: uppercase;
}

.eh-gl-modal .btn-primary:hover,
.eh-gl-modal .btn-primary:focus {
	background-color: #c4161b;
	border-color: #c4161b;
}

/* Fiche produit */
.eh-gl-product-block {
	font-size: 14px;
	margin-top: 1.4rem;
}

.eh-gl-product-block__title {
	font-size: 17px !important;
	margin-bottom: 0.3rem;
}

.eh-gl-product-block__text {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.modal.eh-gl-modal {
		padding: 0;
	}

	.eh-gl-modal .modal-dialog {
		padding: 0;
		margin: 0 auto;
	}

	.eh-gl-modal .modal-content {
		border-radius: 0;
	}

	.eh-gl-modal .modal-body {
		max-height: unset;
	}
}