/*
 * 3SAFE – Aide-mémoires : aperçu direct, sans tuile rouge PDF.
 * Toutes les règles sont limitées à la page ciblée par le plugin.
 */

body.s3amad-aide-memoires-page .s3amad-theme-list {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	columns: 1 !important;
	gap: 18px !important;
	align-items: start !important;
	width: 100% !important;
	max-width: none !important;
}

body.s3amad-aide-memoires-page .s3amad-theme-list > .s3amad-theme-block,
body.s3amad-aide-memoires-page .s3amad-theme-block {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Le lien d'aperçu disparaît dès le chargement du CSS, avant son retrait du DOM. */
body.s3amad-aide-memoires-page a[href*="tsrq_route=thumbnail"],
body.s3amad-aide-memoires-page [data-s3amad-preview-control="1"] {
	display: none !important;
}

/* Tout ancien visuel PDF identifié par le script est neutralisé définitivement. */
body.s3amad-aide-memoires-page [data-s3amad-pdf-placeholder="1"] {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

body.s3amad-aide-memoires-page .s3amad-inline-preview-host {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: clamp(235px, 27vw, 350px) !important;
	min-height: 235px !important;
	max-height: 350px !important;
	padding: 14px !important;
	overflow: hidden !important;
	border: 0 !important;
	border-bottom: 1px solid #d6dce5 !important;
	border-radius: 0 !important;
	background: #f2f4f7 !important;
}

body.s3amad-aide-memoires-page .s3amad-inline-preview-image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 4px !important;
	object-fit: contain !important;
	object-position: center top !important;
	background: #fff !important;
	box-shadow: 0 6px 20px rgba(15, 32, 57, .12) !important;
	user-select: none !important;
	-webkit-user-drag: none !important;
}

body.s3amad-aide-memoires-page .s3amad-inline-preview-host.is-loading::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 3px solid rgba(12, 91, 137, .18);
	border-top-color: #0c5b89;
	border-radius: 50%;
	animation: s3amad-spin .8s linear infinite;
}

body.s3amad-aide-memoires-page .s3amad-inline-preview-host.is-loading .s3amad-inline-preview-image {
	opacity: 0;
}

body.s3amad-aide-memoires-page .s3amad-inline-preview-fallback {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 18px;
	color: #5d6877;
	font-weight: 750;
	text-align: center;
	background: #eef1f5;
}

@keyframes s3amad-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 720px) {
	body.s3amad-aide-memoires-page .s3amad-theme-list {
		gap: 14px !important;
	}

	body.s3amad-aide-memoires-page .s3amad-inline-preview-host {
		height: 245px !important;
		min-height: 245px !important;
		max-height: 245px !important;
		padding: 10px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.s3amad-aide-memoires-page .s3amad-inline-preview-host.is-loading::after {
		animation-duration: 1.8s;
	}
}

@media print {
	body.s3amad-aide-memoires-page .s3amad-inline-preview-host {
		display: none !important;
	}
}