/* Overlay des pages métier + pages autonomes lisibles */

html.db-embed #socket,
html.db-embed #scroll-top-link {
	display: none !important;
}

html.db-embed #wrap_all,
html.db-embed #main {
	padding-top: 0 !important;
	margin: 0 !important;
}

html.db-embed.html_header_transparency #top .avia-builder-el-0 .container,
html.db-embed.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
	padding-top: 28px !important;
}

html.db-embed body {
	background: #f7f4ee;
}

/* Visite directe : header opaque, menu lisible */
html:not(.home):not(.db-embed) #header.av_header_transparency .header_bg {
	opacity: 1 !important;
	background: #ffffff !important;
}

html:not(.home):not(.db-embed) #header.av_header_transparency {
	background: #ffffff;
}

.db-modal {
	position: fixed;
	top: 88px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	display: none;
	align-items: stretch;
	justify-content: center;
	padding: 12px 24px 24px;
	box-sizing: border-box;
}

.db-modal.is-open {
	display: flex;
}

.db-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(28, 32, 24, 0.55);
	backdrop-filter: blur(6px);
	border: 0;
	padding: 0;
	cursor: pointer;
}

.db-modal__panel {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(1180px, 100%);
	height: 100%;
	background: #f7f4ee;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
}

.db-modal__bar {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 56px;
	padding: 8px 16px 8px 20px;
	background: #ffffff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.db-modal__title {
	flex: 1;
	margin: 0;
	font-family: Lato, "Open Sans", sans-serif;
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #242424;
}

.db-modal__close {
	appearance: none;
	border: 0;
	background: transparent;
	width: 44px;
	height: 44px;
	cursor: pointer;
	position: relative;
	color: #242424;
}

.db-modal__close::before,
.db-modal__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	right: 12px;
	height: 2px;
	background: currentColor;
}

.db-modal__close::before {
	transform: rotate(45deg);
}

.db-modal__close::after {
	transform: rotate(-45deg);
}

.db-modal__close:hover {
	color: #007a29;
}

.db-modal__frame {
	flex: 1 1 auto;
	width: 100%;
	border: 0;
	background: #f7f4ee;
}

body.db-modal-open {
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.db-modal {
		padding: 0;
	}

	.db-modal__panel {
		border-radius: 0;
		width: 100%;
	}
}