/*========================
* 
* 			RESET	GENERAL
* 
* ======================*/

/*========== TOOLSET LIGTHBOX ==========*/

.toolset-dialog {
	width: 70% !important;
	left: 50px !important;
	background: #23282deb !important;
	padding: 50px !important;
	border-radius: 10px !important;
	overflow-y: scroll;
}

.ui-widget-content.ui-front.toolset-dialog {
	left: 50px; 
}

.toolset-dialog button {
	cursor: pointer !important;
	margin: 4px;
	padding: 15px;
	background: #135e96;
	transition: all 0.2s linear;
}

.ui-dialog-titlebar-close {
	background: red !important;
}

.ui-dialog-titlebar-close:hover {
	color: red;
}

.js-toolset-collapsible__toggle {
	background: #595959 !important;
}

.toolset-dialog button:hover {
	background: white !important;
	color: #135e96;
	transition: all 0.2s linear;
}

/*========== Si Internet Explorer ==========*/

html.internet-explorer body.ie {
	margin-top: 40px;
}

html.internet-explorer body.ie:after {
	content: "Vous utilisez actuellement Internet Explorer, certains éléments peuvent ne pas s'afficher correctement. Nous vous recommandons d'utiliser un autre navigateur.";
	position: absolute;
	padding: 10px;
	top: 0px;
	color: var(--blanc);
	background-color: #dd0000;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

/* ========== */

body {
	width: 100vw;
	overflow-x: hidden;
	background-color: #fff !important;
}

/* === GRILLE OVERLAY 12 COLONNES === */
.grid-overlay {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1216px;
	height: 100vh;
	pointer-events: none;
	z-index: 999999;
	display: none;

	background-image: repeating-linear-gradient(
		to right,
		rgba(255, 0, 0, 0.08) 0px,
		rgba(255, 0, 0, 0.08) 72px,   /* colonne : 72px */
		transparent 72px,
		transparent 104px            /* 72 + 32 (gouttière) = 104px */
	);

	/* Bordure de la zone utile */
	box-shadow: 0 0 0 1px rgba(255, 0, 0, 0.4);
}

.grid-overlay:after {
	content: '';
	height: 100vh;
	width: 1px;
	position: absolute;
	left: 32px;
	background: rgba(127, 17, 224, .0);
}

/* Quand active */
.grid-overlay.active {
	display: block;
}

.grid-overlay.active:after {
	background: rgba(127, 17, 224, 1);
}

.column-screenshot img {
	width: auto !important;
}

:where(.fl-builder-content, .fl-page) :is(a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus {
	outline: 2px auto -webkit-focus-ring-color;
    outline-offset: 2px;
}