/* ----------------------------------------------------------------
   Custom overrides on top of the Semicolon theme.
   ---------------------------------------------------------------- */

/* Bullets via ::before on the location description lists.
   The writer field outputs <ul><li>...</li></ul>; we suppress the
   default browser marker and draw a coloured bullet ourselves. */
.location-description-text ul {
	list-style: none;
	padding-left: 0;
	margin-left: 1em;
}

.location-description-text li {
	position: relative;
	padding-left: 0.2em;
}

.location-description-text li::before {
	content: "•";
	/* position: absolute; */
	left: 0;
	color: #960e25;
	font-weight: bold;
}

/* Drop the default top margin on .section blocks — the location loop
   alternates light wrappers and bare containers, and the theme's stock
   margin creates uneven gaps between the sections. */
.section {
	margin-top: 0;
}

/* Mobile contact strip inside the header.
   The theme hides #top-bar (which carries tel/mail) at ≤991px, so we surface
   the phone + mail here. Hidden on desktop, shown below the logo/burger row on
   mobile. The header is transparent over the slideshow, so we give the strip a
   subtle dark backdrop and light text for legibility. */
#mobile-contact {
	display: none;
}

@media (max-width: 991px) {
	/* Kill the theme's 1px light border under the header — it shows as a thin
	   white line between the contact bar and the slideshow. */
	#header.transparent-header,
	#header.semi-transparent {
		border-bottom: 0 !important;
	}

	/* Slideshow caption: Revolution Slider shrinks it to ~8px inline on mobile
	   and sizes its layer box to that tiny text, so a bigger font wraps into a
	   narrow column. Center the layer with flexbox (robust against the slider's
	   transform math) and set the font ourselves — its inline styles are
	   non-!important, so these win. */
	#slider .tp-static-layers {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Rev Slider wraps the caption in .tp-parallax-wrap / .tp-loop-wrap /
	   .tp-mask-wrap, each shrunk to the tiny intrinsic text width. Force the
	   whole chain to full width and drop their positioning so flex can center. */
	#slider .tp-static-layer,
	#slider .tp-static-layers .tp-parallax-wrap,
	#slider .tp-static-layers .tp-loop-wrap,
	#slider .tp-static-layers .tp-mask-wrap {
		position: static !important;
		transform: none !important;
		width: 100% !important;
		white-space: normal !important;
		text-align: center !important;
	}

	#slider .tp-caption-titre,
	#slider .tp-caption-titre-promo {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		white-space: normal !important;
		max-width: 92vw;
		margin: 0 auto !important;
	}

	#mobile-contact {
		display: flex;
		clear: both;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 4px 18px;
		position: relative;
		z-index: 200;
		/* Full-bleed: span the whole viewport width even though .container is
		   centred and capped (750px on tablet). Breaks out of the container. */
		width: 100vw;
		margin: 6px 0 0;
		left: 50%;
		transform: translateX(-50%);
		padding: 9px 15px;
		background: rgba(20, 20, 20, 0.78);   /* dark backdrop → white text always reads */
	}

	#mobile-contact a,
	#mobile-contact .mc-write {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		font-size: 14px;
		line-height: 1.3;
		color: #fff !important;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	}

	#mobile-contact a:hover,
	#mobile-contact .mc-write:hover {
		color: #f0c0c8 !important;
	}

	#mobile-contact i {
		font-size: 15px;
	}

	/* Group the envelope icon (mailto:) and the "Écrivez-nous" trigger
	   (opens the Typeform contact modal) as one visual unit. */
	#mobile-contact .mc-mail {
		display: inline-flex;
		align-items: center;
		gap: 7px;
	}

	/* Reset the native button so it reads like the sibling links. */
	#mobile-contact .mc-write {
		background: none;
		border: 0;
		margin: 0;
		padding: 0;
		font-family: inherit;
		cursor: pointer;
	}
}