/*
Theme Name: Racletteparty Child
Theme URI: https://racletteparty.local
Description: Thème enfant de Divi 5 pour le projet Racletteparty
Author: Arpeggio
Author URI: https://arpeggio.be
Template: Divi
Version: 1.0.0
Text Domain: racletteparty-child
*/

@font-face {
	font-family: 'Amsi Pro Condensed Ultra';
	src: url('fonts/AmsiProCondensed-Ultra.woff2') format('woff2'),
	     url('fonts/AmsiProCondensed-Ultra.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

h1, h2, h3, h4 {
	font-family: 'Amsi Pro Condensed Ultra', sans-serif;
}

/* Divi Pixel Popup Maker : curseur main sur les déclencheurs par ID (dipi_popup_id_XXX) */
[id^="dipi_popup_id_"],
[id^="dipi_popup_id_"] * {
	cursor: pointer;
}


/* Hero : produits et compteurs ancrés sur la table (le fond cover suit la hauteur d'écran) */
@media (min-width: 981px) {
	.et_pb_section_0 {
		overflow: hidden;
	}
	/* #main-content : bat le width:100% !important que Divi pose sur les rows */
	#main-content .et_pb_row.rp-produits,
	#main-content .et_pb_row.rp-compteurs {
		position: absolute !important;
		left: max(2.5%, calc(34% - 48vh));
		width: min(96vh, 60%) !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	/* Ancrée par la droite : le bord coupé de la main passe ~10px sous la carte rouge.
	   Row 1 centrée = min(95vw, 1920px), carte à 69.52% de la row
	   → bord de la carte = 50% + row × 0.1952 */
	#main-content .et_pb_row.rp-produits {
		left: auto;
		right: calc(50% - min(95vw, 1920px) * 0.1952 - 14px);
		width: min(108vh, 65%) !important;
		bottom: 15vh;
		z-index: 0;
		pointer-events: none;
	}
	.rp-produits img {
		width: 100%;
	}
	#main-content .et_pb_row.rp-compteurs {
		bottom: 9vh;
		z-index: 2;
	}
}

/* Hero > 1920px : produits légèrement plus grands (+15% de la largeur au-delà de 1920) */
@media (min-width: 1921px) {
	#main-content .et_pb_row.rp-produits {
		width: min(calc(108vh + (100vw - 1920px) * 0.15), 65%) !important;
	}
}