/**
 * Fiche PDF réalisation — styles d'impression
 * @package Simonin_Ikonu
 */

/* =============================================
   BOUTON TÉLÉCHARGER (écran uniquement)
   ============================================= */
.simonin-realisation-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 2rem;
}

.simonin-realisation-pdf-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	background: var(--simonin-orange, #e5803c);
	border: 1px solid var(--simonin-orange, #e5803c);
	color: #fff;
	font-family: var(--simonin-font-display, "Montserrat", Arial, sans-serif);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.simonin-realisation-pdf-btn:hover {
	background: #3f3f3e;
	border-color: #3f3f3e;
	color: #fff;
}

/* Image héro cachée sur le web, visible uniquement à l'impression */
.simonin-print-hero-img {
	display: none;
}

/* Titre print-only caché sur le web */
.simonin-print-title {
	display: none;
}

/* =============================================
   IMPRESSION — fiche projet stylée
   ============================================= */
@media print {

	/* ---------- Page ---------- */
	@page {
		size: A4 portrait;
		margin: 12mm 14mm 16mm;
	}

	/* ---------- Reset animations (sinon opacity:0 à l'impression) ---------- */
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}

	.simonin-anim {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}

	/* ---------- Fond & couleurs de base ---------- */
	html,
	body {
		background: #fff !important;
		color: #1a1a1a !important;
		font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
		font-size: 9.5pt !important;
		line-height: 1.55 !important;
	}

	/* ---------- Masquer les éléments non pertinents ---------- */
	.site-header,
	.site-footer,
	.simonin-footer,
	.simonin-header,
	.simonin-back-to-top,
	.simonin-single-hero,
	.simonin-single-hero__thumbs,
	.simonin-single-hero__nav,
	.simonin-realisation-actions,
	.simonin-single-realisation__cta,
	.simonin-lightbox,
	nav,
	.menu,
	.simonin-breadcrumb,
	#wpadminbar,
	[id*="wpadminbar"],
	video,
	iframe {
		display: none !important;
	}

	/* ---------- Container global ---------- */
	.simonin-single-realisation {
		background: #fff !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.simonin-single-realisation__inner {
		padding: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	/* ---------- En-tête de fiche (bandeau orange) ---------- */
	.simonin-single-realisation::before {
		content: "FICHE DE RÉALISATION";
		display: block;
		background: #e5803c;
		color: #fff !important;
		font-family: "Montserrat", Arial, sans-serif;
		font-size: 7.5pt;
		font-weight: 800;
		letter-spacing: 0.22em;
		text-transform: uppercase;
		padding: 5pt 8pt;
		margin-bottom: 0;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* ---------- Image héro ---------- */
	.simonin-print-hero-img {
		display: block !important;
		width: 100% !important;
		height: 160pt !important;
		object-fit: cover !important;
		object-position: center 30% !important;
		margin: 0 0 0 0 !important;
		page-break-inside: avoid;
	}

	/* ---------- Titre print-only (fond sombre) ---------- */
	.simonin-print-title {
		display: block !important;
		background: #3f3f3e !important;
		color: #fff !important;
		font-family: "Montserrat", Arial, sans-serif !important;
		font-size: 15pt !important;
		font-weight: 800 !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
		line-height: 1.2 !important;
		margin: 0 0 0 0 !important;
		padding: 9pt 10pt !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* ---------- Ligne de séparation déco ---------- */
	.simonin-single-realisation__inner::before {
		content: "";
		display: block;
		height: 3pt;
		background: linear-gradient(90deg, #e5803c 0%, #3f3f3e 100%);
		margin-bottom: 10pt;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* ---------- Contenu textuel ---------- */
	.simonin-single-realisation__content {
		font-size: 9pt !important;
		line-height: 1.65 !important;
		color: #2a2a2a !important;
		margin-bottom: 14pt !important;
		page-break-inside: avoid;
	}

	.simonin-single-realisation__content p {
		margin: 0 0 5pt !important;
	}

	/* ---------- Tableau méta ---------- */
	.simonin-meta-table-wrap {
		margin-bottom: 16pt !important;
		page-break-inside: avoid;
	}

	.simonin-meta-table {
		width: 100% !important;
		border-collapse: collapse !important;
		font-size: 8.5pt !important;
		border: 1px solid #d0cdc9 !important;
	}

	.simonin-meta-table tr:nth-child(even) {
		background: #f7f5f2 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.simonin-meta-table th {
		background: #3f3f3e !important;
		color: #fff !important;
		font-weight: 700 !important;
		font-size: 7.5pt !important;
		text-transform: uppercase !important;
		letter-spacing: 0.07em !important;
		padding: 5pt 8pt !important;
		width: 32% !important;
		vertical-align: middle !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.simonin-meta-table td {
		color: #1a1a1a !important;
		padding: 5pt 8pt !important;
		border-left: 3px solid #e5803c !important;
		vertical-align: middle !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* ---------- Sections galeries ---------- */
	.simonin-single-realisation__fields {
		margin-top: 14pt !important;
	}

	.simonin-single-field-wrap {
		page-break-before: auto;
		margin-bottom: 18pt !important;
	}

	/* Label de champ (ex: "Photos du chantier") masqué — titre de section suffit */
	.simonin-single-field__label {
		display: none !important;
	}

	/* Titre de section galerie */
	.simonin-single-field-wrap h2,
	.simonin-single-field-wrap h3 {
		font-family: "Montserrat", Arial, sans-serif !important;
		font-size: 7.5pt !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.15em !important;
		color: #e5803c !important;
		border-bottom: 1.5pt solid #e5803c !important;
		padding-bottom: 4pt !important;
		margin: 0 0 8pt !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* ---- Grille galerie : 3 colonnes, cellules à ratio 4/3 fixe ---- */
	.simonin-single-field__gallery,
	.simonin-gallery-carousel {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 6pt !important;
		list-style: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Chaque cellule (button ou li) = boîte à ratio 4:3 avec overflow:hidden */
	.simonin-gallery-carousel__item,
	.simonin-single-field__gallery > *,
	.simonin-gallery-carousel > * {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		/* ratio 4:3 : padding-top = 75% de la largeur de colonne */
		padding-top: 75% !important;
		height: 0 !important;
		overflow: hidden !important;
		background: #f0ede8 !important;
		border: none !important;
		border-radius: 0 !important;
		page-break-inside: avoid;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* L'image se positionne en absolute pour remplir la cellule */
	.simonin-gallery-carousel__item img,
	.simonin-single-field__gallery > * img,
	.simonin-gallery-carousel > * img,
	.simonin-single-field__gallery-img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
		display: block !important;
		border: none !important;
		border-radius: 0 !important;
	}

	/* Masquer les overlays/zoom qui ne servent à rien à l'impression */
	.simonin-gallery-carousel__zoom,
	.simonin-gallery-carousel__item > span,
	.simonin-single-field__gallery > * > span {
		display: none !important;
	}

	/* Masquer les pseudo-éléments de liens */
	.simonin-single-field-wrap a::after,
	a[href]::after {
		content: none !important;
		display: none !important;
	}

	/* ---------- Pied de page imprimé ---------- */
	.simonin-single-realisation::after {
		content: "simonin.com  ·  Simonin Wood Solutions  ·  22 ZA des Épinottes, 25500 Montlebon";
		display: block;
		font-family: "Montserrat", Arial, sans-serif;
		font-size: 7pt;
		color: #888;
		text-align: center;
		border-top: 1pt solid #ddd;
		padding-top: 5pt;
		margin-top: 18pt;
	}
}