/**
 * Footer Elementor 3536 — vue mobile (≤ 767 px).
 *
 * La démo Serava /contact-us/ empile un seul panneau : marque, réseaux,
 * filet, CTA, copyright, puis coordonnées, newsletter et bandeau défilant.
 * Ici les colonnes desktop (offset 350 px, flex row, display:contents mal
 * combiné) se recollent et se réordonnent pour coller à ce rythme.
 */

@media (max-width: 767px) {
	#pxl-footer-elementor {
		background-color: #17324f !important;
		overflow: hidden;
	}

	#pxl-footer-elementor .elementor-3536 {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0;
		padding: 40px 24px 28px;
		background-color: #17324f;
	}

	/* Aplatit les wrappers desktop pour que chaque widget soit un flex item. */
	#pxl-footer-elementor .elementor-3536 > .e-con,
	#pxl-footer-elementor .elementor-3536 .e-con-inner,
	#pxl-footer-elementor .elementor-element-318e046,
	#pxl-footer-elementor .elementor-element-cc0c45e,
	#pxl-footer-elementor .elementor-element-dc6b5a4,
	#pxl-footer-elementor .elementor-element-1569f60,
	#pxl-footer-elementor .elementor-element-0960b2a,
	#pxl-footer-elementor .elementor-element-c53625a,
	#pxl-footer-elementor .elementor-element-12a0c92,
	#pxl-footer-elementor .elementor-element-f18f6b8,
	#pxl-footer-elementor .elementor-element-109d5cc {
		display: contents !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	#pxl-footer-elementor .elementor-widget {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		flex: 0 0 auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		align-self: stretch !important;
	}

	#pxl-footer-elementor .elementor-widget-container,
	#pxl-footer-elementor .pxl-text-editor,
	#pxl-footer-elementor .pxl-item--inner,
	#pxl-footer-elementor .pxl-image-wg {
		height: auto !important;
		max-height: none !important;
	}

	/* Ordre de la démo : marque → réseaux → CTA → copyright → coordonnées. */
	#pxl-footer-elementor .elementor-element-e93fe75 { order: 1; }  /* logo */
	#pxl-footer-elementor .elementor-element-2909348 { order: 2; }  /* réseaux */
	#pxl-footer-elementor .elementor-element-8ac099d { order: 3; }  /* filet */
	#pxl-footer-elementor .elementor-element-8b776b0 { order: 4; }  /* CTA titre */
	#pxl-footer-elementor .elementor-element-55b4ba8 { order: 5; }  /* CTA bouton */
	#pxl-footer-elementor .elementor-element-de3d05d { order: 6; }  /* copyright */
	#pxl-footer-elementor .elementor-element-99c61f1 { order: 7; }  /* Appelez-nous */
	#pxl-footer-elementor .elementor-element-4c6df1f { order: 8; }  /* téléphone */
	#pxl-footer-elementor .elementor-element-fd45be3 { order: 9; }  /* Nous trouver */
	#pxl-footer-elementor .elementor-element-bcdc817 { order: 10; } /* adresse */
	#pxl-footer-elementor .elementor-element-74378a5 { order: 11; } /* horaires */
	#pxl-footer-elementor .elementor-element-4178e58 { order: 12; } /* e-mail */
	#pxl-footer-elementor .elementor-element-00601fa { order: 13; } /* newsletter titre */
	#pxl-footer-elementor .elementor-element-f39f014 { order: 14; } /* newsletter texte */
	#pxl-footer-elementor .elementor-element-2a2c687 { order: 15; } /* formulaire */
	#pxl-footer-elementor .elementor-element-75658dc { order: 16; } /* marquee */

	/* Marque */
	#pxl-footer-elementor .elementor-element-e93fe75 {
		margin-bottom: 28px !important;
		text-align: center;
	}
	#pxl-footer-elementor .elementor-element-e93fe75 .vv-logo {
		display: inline-block;
		font-size: clamp(28px, 8vw, 36px) !important;
		letter-spacing: 0.18em !important;
		line-height: 1.15 !important;
	}

	/* Suivez-nous + pastilles, comme « Follow Us » sur la démo. */
	#pxl-footer-elementor .elementor-element-2909348 {
		margin-bottom: 0 !important;
	}
	#pxl-footer-elementor .elementor-element-2909348 .pxl-icon-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		/* six réseaux depuis vv-reseaux/pieds-de-page.php : à 12 px d'écart et
		   52 px de diamètre la rangée mesure 372 px et la sixième pastille
		   tombait seule à la ligne sur un écran de 390 px. */
		gap: 9px;
	}
	#pxl-footer-elementor .elementor-element-2909348 .pxl-icon-list::before {
		content: "Suivez-nous :";
		flex: 0 0 100%;
		display: block;
		margin: 0 0 16px;
		font-family: Melodrama, Georgia, serif;
		font-size: 28px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.5px;
		color: #fff;
		text-align: center;
		text-transform: none;
	}
	#pxl-footer-elementor .elementor-element-2909348 .pxl-icon-list a {
		width: 44px !important;
		height: 44px !important;
		border: 1px solid rgba(255, 254, 246, 0.5) !important;
		border-radius: 50% !important;
		background: transparent !important;
	}

	/* Filet horizontal entre réseaux et CTA. */
	#pxl-footer-elementor .elementor-element-8ac099d {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		margin: 28px 0 32px !important;
	}
	#pxl-footer-elementor .elementor-element-8ac099d .elementor-divider,
	#pxl-footer-elementor .elementor-element-8ac099d .elementor-divider-separator {
		display: block !important;
		width: 100% !important;
		border: 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
		margin: 0 !important;
	}

	/* CTA : titre centré, bouton blanc comme « Book appointment ». */
	#pxl-footer-elementor .elementor-element-8b776b0 {
		margin-bottom: 22px !important;
		text-align: center;
	}
	#pxl-footer-elementor .elementor-element-8b776b0 .pxl-item--title {
		font-size: 28px !important;
		line-height: 1.22 !important;
		letter-spacing: 0.5px !important;
		text-align: center !important;
		text-transform: uppercase;
	}
	#pxl-footer-elementor .elementor-element-55b4ba8 {
		margin-bottom: 28px !important;
		text-align: center;
	}
	#pxl-footer-elementor .elementor-element-55b4ba8 .btn,
	#pxl-footer-elementor .elementor-element-55b4ba8 a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-width: 200px;
		height: 55px;
		padding: 0 36px;
		background: #fff !important;
		color: #0f1f34 !important;
		border: 0 !important;
	}
	#pxl-footer-elementor .elementor-element-55b4ba8 .pxl--text-wrap,
	#pxl-footer-elementor .elementor-element-55b4ba8 .pxl--text-wrap * {
		background: transparent !important;
		color: #0f1f34 !important;
	}

	/* Copyright juste sous le CTA, comme la démo. */
	#pxl-footer-elementor .elementor-element-de3d05d {
		margin: 0 0 36px !important;
		text-align: center;
		font-size: 14px;
	}

	/* Coordonnées : libellé discret, téléphone Melodrama 40 px. */
	#pxl-footer-elementor .elementor-element-99c61f1,
	#pxl-footer-elementor .elementor-element-fd45be3 {
		margin: 0 0 4px !important;
	}
	#pxl-footer-elementor .elementor-element-4c6df1f {
		margin: 0 0 22px !important;
	}
	#pxl-footer-elementor .elementor-element-4c6df1f a,
	#pxl-footer-elementor .elementor-element-4c6df1f p {
		font-family: Melodrama, Georgia, serif !important;
		font-size: 40px !important;
		line-height: 1.05 !important;
		color: #fff !important;
	}
	#pxl-footer-elementor .elementor-element-bcdc817 {
		margin: 0 0 18px !important;
	}
	#pxl-footer-elementor .elementor-element-74378a5 {
		margin: 0 0 8px !important;
	}
	#pxl-footer-elementor .elementor-element-4178e58 {
		display: flex !important;
		flex-direction: column !important;
		margin: 0 0 36px !important;
		width: 100% !important;
		min-height: 0 !important;
		height: auto !important;
		overflow: visible !important;
	}
	#pxl-footer-elementor .elementor-element-4178e58 .elementor-widget-container,
	#pxl-footer-elementor .elementor-element-4178e58 .pxl-image-wg,
	#pxl-footer-elementor .elementor-element-4178e58 .pxl-text-editor,
	#pxl-footer-elementor .elementor-element-4178e58 .pxl-item--inner,
	#pxl-footer-elementor .elementor-element-4178e58 p {
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		overflow: visible !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
	}

	/* Newsletter pleine largeur (plus d’offset 350 px). */
	#pxl-footer-elementor .elementor-element-00601fa {
		margin: 0 0 10px !important;
	}
	#pxl-footer-elementor .elementor-element-f39f014 {
		margin: 0 0 18px !important;
	}
	#pxl-footer-elementor .elementor-element-2a2c687 {
		margin: 0 0 8px !important;
	}
	#pxl-footer-elementor .elementor-element-2a2c687 .wpcf7-form {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
	#pxl-footer-elementor .elementor-element-2a2c687 input[type="email"],
	#pxl-footer-elementor .elementor-element-2a2c687 input[type="text"] {
		width: 100%;
	}

	/* Bandeau défilant, bord à bord. */
	#pxl-footer-elementor .elementor-element-75658dc {
		width: calc(100% + 48px) !important;
		max-width: none !important;
		margin: 28px 0 0 -24px !important;
		overflow: hidden !important;
	}
}

@media (max-width: 767px) {
	.pxl-scroll-top,
	.pxl-scroll-top.pxl-on {
		bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
		right: 16px !important;
		width: 48px;
		height: 48px;
		border: 1px solid rgba(255, 254, 246, 0.55) !important;
		background-color: #17324f !important;
	}
}