/*
 * Offer page (CPT offre, Elementor template 928) - see hsp-offers.php.
 * Site palette (Elementor kit): Orange #DB5F21, Dark brown #26190D, Grey #534F49.
 */

/* Validity dates under the title: same style as the room / offer subtitle on /reservation-directe/. */
.hsp-offer-period {
	margin: 0;
	font-family: 'Century Gothic Std', 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
	font-size: clamp(16px, 2vw, 19px);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.04em;
	color: #DB5F21;
}

/* Same alignment as the offer title (left, full width), at every breakpoint; 10px under the title (the
   container gap is 32px). */
.hsp-offer-period-widget {
	margin-top: -22px;
	width: 100%;
	align-self: stretch;
	text-align: left;
}

/* The dates widget takes no space when the offer is not temporary (the shortcode prints nothing). */
.hsp-offer-period-widget:not(:has(.hsp-offer-period)) {
	display: none;
}

/* Ended offer: the button stays as information, greyed and not clickable. */
body.hsp-offer-ended .hsp-offer-button .elementor-button,
body.hsp-offer-ended .hsp-offer-button .elementor-button:hover,
body.hsp-offer-ended .hsp-offer-button .elementor-button:focus {
	background-color: #CFC6BA !important;
	border-color: #CFC6BA !important;
	color: #534F49 !important;
	cursor: default;
	pointer-events: none;
}