/*!
 * reservas.css
 *
 * Widget de reserves.
 *  - SIN CAJA / LIMPIO (desactivat intencionalment): estils sense caixa, fonts, popups foscos
 *  - POPUPS Y SUBMENUS (actiu): categoriesPopup, comboPopup, datePickerPopup, childAge…
 *  - Fuente Jost en tot el widget
 */

/* =========================================================
   WIDGET DE RESERVAS · SIN CAJA / LIMPIO — desactivat intencionalment
========================================================= */
/*
.widgetBookingContainer{
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 10px 40px 10px 40px !important;
	font-family: 'Playfair Display', serif;
	position: relative;
	z-index: 999999;
}

/* Degradado del contenedor *
.widgetBookingContainer::before{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		to top,
		rgba(255,255,255,.16) 0%,
		rgba(255,255,255,.08) 45%,
		rgba(255,255,255,0) 100%
	);
}

/* Ocultar labels innecesarias *
.widgetBookingContainer .checkinCheckoutContainer label,
.widgetBookingContainer .peopleContainer label:not(.childAgeLabel),
.stayLen{
	display: none !important;
}

/* Color uniforme en todos los textos *
.widgetBookingContainer,
.widgetBookingContainer *,
.widgetBookingContainer .inputBox,
.widgetBookingContainer .comboBox,
.widgetBookingContainer input,
.widgetBookingContainer select,
.widgetBookingContainer option,
.widgetBookingContainer .selectedText,
.widgetBookingContainer .value,
.widgetBookingContainer .label,
.widgetBookingContainer .checkinCheckoutContainer,
.widgetBookingContainer .peopleContainer,
.widgetBookingContainer .entryDate,
.widgetBookingContainer .departureDate{
	color: #fff !important;
	opacity: 1 !important;
}

/* Campos *
.widgetBookingContainer .inputBox,
.widgetBookingContainer .comboBox{
	display: flex !important;
	align-items: center !important;
	min-height: 28px;
	line-height: 1.2 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255,255,255,.7) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	padding: 0 14px 0 0 !important;
	font-size: 18px;
	transition: border-color .2s ease, opacity .2s ease;
}

/* Ajuste específico combo *
.widgetBookingContainer .comboBox{
	border-bottom: none !important;
}

/* Botón *
.button.searchButton,
.searchButton.button.enabled{
	background: transparent !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.75) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	min-height: 54px;
	padding: 0 26px !important;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.button.searchButton:hover,
.searchButton.button.enabled:hover{
	background: #fff !important;
	color: #111 !important;
	border-color: #fff !important;
}
*/
/* =========================================================
   POPUPS Y SUBMENÚS
========================================================= */

/* Tots els popups del widget — selector de categories, combos d'ocupants,
   calendari (.fullScreenPopup) i selector d'edats dels nens — es presenten
   com targetes blanques netes amb text fosc. Així són llegibles igual sobre
   el hero fosc que sobre la barra sticky blanca, sense dependre de l'estat
   del widget. La doble classe (.X.X) puja l'especificitat a 0,2,0 perquè
   guanyi a `.widgetBookingContainer *{color:#fff}` del CSS del plugin. */
/* NOTA: .fullScreenPopup és la capa fixa que cobreix tot el viewport; la
   targeta real del calendari és .datePickerPopup, dins seu. Estilem la
   targeta, mai la capa (si no, tapa tota la pàgina). */
.categoriesPopup.categoriesPopup,
.comboPopup.comboPopup,
.datePickerPopup.datePickerPopup,
.childAgeGroupContainer.childAgeGroupContainer{
	background: #fff !important;
	border: 1px solid rgba(0,0,0,.12) !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
	border-radius: 8px !important;
	z-index: 9999999 !important;
}

/* Text fosc i llegible dins de tots els popups */
.categoriesPopup.categoriesPopup *,
.comboPopup.comboPopup *,
.datePickerPopup.datePickerPopup *,
.childAgeGroupContainer.childAgeGroupContainer *{
	color: #1f2937 !important;
}

/* Capçalera dels popups */
.comboPopup.comboPopup .popupTitle,
.datePickerPopup.datePickerPopup .popupTitle{
	background: transparent !important;
	border-bottom: 1px solid rgba(0,0,0,.10);
	text-align: left;
}
/* Fuente Jost en todo el widget de reservas */
.widgetBookingContainer,
.widgetBookingContainer *{
	font-family: 'Jost', sans-serif !important;
}
/*FIN WIDGET DE RESERVAS*/

/* =========================================================
   HERO VARIANT A AMB WIDGET — posició vertical del widget
   Empenya el widget cap a la franja inferior del hero perquè
   no parteixi el punt focal de la foto. Aplica a fitxes
   d'allotjament i a qualsevol pàgina amb className
   `er-hero-widget` al row del hero. La home queda exclosa.
   Hero: 70vh desktop / 55vh tablet / 42vh mobile.
   Mobile: el widget ja s'oculta des de l'ACF block.
========================================================= */
body:not(.home) .er-hero-widget .kt-inside-inner-col {
	padding-top: 46vh; /* hero 70vh → widget arranca al ~66% */
}
@media (max-width: 1024px) {
	body:not(.home) .er-hero-widget .kt-inside-inner-col {
		padding-top: 36vh; /* hero 55vh → widget al ~65% */
	}
}