/* ==========================================================================
   Harmonisation MotoPress Hotel Booking avec l'identité Ecrin Resort.
   Chargée uniquement lorsque le plugin est actif.
   ========================================================================== */

/* Boutons du plugin */
.mphb_sc_book-button,
.mphb-book-button,
.button.mphb-confirm-reservation-section__buttons-button,
.mphb_widget_book_button input[type="submit"],
.mphb-checkout-button {
	background: linear-gradient(135deg, #c8a24c 0%, #9c7a2f 100%) !important;
	color: #1a140a !important;
	border: 0 !important;
	border-radius: .5rem !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	box-shadow: 0 18px 40px -20px rgba(200, 162, 76, .55);
	transition: filter .25s ease, transform .25s ease;
}
.mphb_sc_book-button:hover,
.mphb-book-button:hover,
.mphb-checkout-button:hover { filter: brightness(1.06); transform: translateY(-2px); }

/* Titres */
.mphb_sc_rooms-title,
.mphb-room-type-title,
.mphb_room_type-title { font-family: "Playfair Display", Georgia, serif !important; }

/* Prix */
.mphb-price, .mphb_sc_room_price, .mphb-room-price { color: #9c7a2f !important; font-weight: 600; }

/* Champs du formulaire de recherche */
.mphb_sc_search-wrapper input,
.mphb_sc_search-wrapper select,
.mphb-search-form input,
.mphb-search-form select {
	border-radius: .5rem !important;
	border: 1px solid rgba(200, 162, 76, .28) !important;
	font-family: "Montserrat", sans-serif !important;
}

/* ==========================================================================
   Formulaire de recherche MotoPress intégré à la barre hero (.booking-bar)
   Transforme le formulaire vertical du plugin en barre horizontale stylée.
   ========================================================================== */
.booking-bar .mphb_sc_search-wrapper { margin: 0; }

.booking-bar .mphb_sc_search-form {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
	gap: 1rem 1.25rem;
	align-items: end;
}

/* Éléments superflus dans ce contexte compact */
.booking-bar .mphb-required-fields-tip,
.booking-bar .mphb_sc_search-form abbr,
.booking-bar .mphb_sc_search-form br { display: none !important; }

.booking-bar .mphb_sc_search-form > p {
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: .3rem;
	min-width: 0;
	border: 0 !important;
}

.booking-bar .mphb_sc_search-form label {
	font-size: .7rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	font-weight: 600;
	color: rgba(255,255,255,.75) !important;
	margin: 0 !important;
}

.booking-bar .mphb_sc_search-form input,
.booking-bar .mphb_sc_search-form select {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,.3) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	color-scheme: dark;
	width: 100% !important;
	min-height: 0 !important;
	height: auto !important;
	padding: .35rem 0 !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: .95rem !important;
}
.booking-bar .mphb_sc_search-form input::placeholder { color: rgba(255,255,255,.6) !important; }
.booking-bar .mphb_sc_search-form select option { color: #1b1d20; }

/* Bouton « Chercher » → bouton or du thème */
.booking-bar .mphb_sc_search-submit-button-wrapper { align-self: end; margin: 0 !important; }
.booking-bar .mphb_sc_search-form input[type="submit"],
.booking-bar .mphb_sc_search-form .button {
	width: 100%;
	white-space: nowrap;
	background: linear-gradient(135deg, #c8a24c 0%, #9c7a2f 100%) !important;
	color: #1a140a !important;
	border: 0 !important;
	border-radius: .5rem !important;
	padding: .85rem 1.6rem !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	cursor: pointer;
	transition: filter .25s ease, transform .25s ease;
}
.booking-bar .mphb_sc_search-form input[type="submit"]:hover,
.booking-bar .mphb_sc_search-form .button:hover { filter: brightness(1.06); transform: translateY(-2px); }

/* Empilement sur mobile (la barre devient statique sous le hero) */
@media (max-width: 860px) {
	.booking-bar .mphb_sc_search-form { grid-template-columns: 1fr; gap: .75rem; }
	.booking-bar .mphb_sc_search-form > p { border-bottom: 1px solid rgba(255,255,255,.15) !important; padding-bottom: .6rem !important; }
}

/* Galeries et cartes d'hébergement */
.mphb-room-type-gallery img,
.mphb_sc_rooms .mphb-room-type-image img { border-radius: 1rem; }
