/* NEEL Trimarans — Vimeo Background. Repris à l'identique de l'extension Elementor Vimeo Background 1.0.0. */

/* ------------------------------------------------------------------
 * Wrapper : toujours pleine largeur, quel que soit le mode.
 * ------------------------------------------------------------------ */
.evb-wrapper {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
	line-height: 0; /* Supprime l'espace fantome sous l'iframe. */
}

/* ==================================================================
 * MODE RATIO : la hauteur decoule du format de la video.
 * L'aspect-ratio est pose en inline par le widget.
 * L'iframe remplit exactement le cadre : RIEN n'est rogne.
 * ================================================================== */
.evb-wrapper.evb-mode-ratio .evb-iframe-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.evb-wrapper.evb-mode-ratio .evb-iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: none;
	border: 0;
	display: block;
	pointer-events: none;
}

/* ==================================================================
 * MODE HAUTEUR FIXE : cadrage "cover", la video est rognee
 * pour remplir toute la zone sans bandes noires.
 * ================================================================== */
.evb-wrapper.evb-mode-height .evb-iframe-container {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.evb-wrapper.evb-mode-height .evb-iframe-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* On prend la plus grande dimension necessaire pour couvrir,
	   calculee sur le CONTENEUR (pas le viewport). */
	width: max(100%, calc(100% * 16 / 9));
	height: max(100%, calc(100% * 9 / 16));
	min-width: 100%;
	min-height: 100%;

	border: 0;
	display: block;
	pointer-events: none;
}

/* Overlay optionnel (couleur de superposition). */
.evb-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.evb-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	background: #f1f1f1;
	color: #555;
	font-size: 14px;
	line-height: 1.4;
	border: 1px dashed #ccc;
}

/* ==================================================================
 * PLEINE LARGEUR FORCEE
 * Annule le padding de la colonne / du widget parent, pour que la
 * video soit reellement collee aux bords.
 * ================================================================== */
.elementor-widget-evb_vimeo_background:has(.evb-full-bleed) {
	width: 100%;
	max-width: 100%;
}

.evb-full-bleed {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/* Neutralise le padding herite du conteneur Elementor. */
.elementor-widget-evb_vimeo_background:has(.evb-full-bleed) .elementor-widget-container {
	padding: 0 !important;
	margin: 0 !important;
}