/* Surdays — Buscador Krossbooking (Room City) con los colores corporativos.
 * El widget trae un acento rojo (#c93027) desde su servidor; aquí lo sustituimos
 * por el verde petróleo de Surdays. Se carga después del CSS del widget. */
:root {
	--kb-acento: #08525D;
	--kb-acento-hover: #053B43;
	--kb-suave: #DDEFE6;
	--kb-salvia: #6BAE8F;
}

/* Botones: verificar disponibilidad, compartir, +/−, «Hecho» */
body .kross-container .kb-btn,
body .kross-container .kb-btn-submit,
body .kross-container .kb-shareButton,
body .kb-btn-p,
body .kb-plus,
body .km-minus,
body .kb-btn-done,
body [class*="kb-"] .kb-btn,
body .KB-daterangepicker .kb-btn {
	background-color: var(--kb-acento) !important;
	border-color: var(--kb-acento) !important;
	color: #fff !important;
}
body .kross-container .kb-btn:hover,
body .kross-container .kb-btn:focus-visible,
body .kb-btn-p:hover,
body .kb-btn-done:hover,
body [class*="kb-"] .kb-btn:hover {
	background-color: var(--kb-acento-hover) !important;
	border-color: var(--kb-acento-hover) !important;
}
body .kross-container .kb-btn svg,
body .kross-container .kb-shareButton svg { fill: #fff !important; }

/* Botón principal con la forma de los botones de la web */
body .kross-container .kb-btn-submit {
	border-radius: 12px !important;
	font-family: 'Nunito Sans', system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	transition: background-color .2s;
}
body .kross-container .kb-shareButton { border-radius: 12px !important; }

/* Fechas y número de huéspedes */
body .kross-container .kb-d,
body .kross-container .kb-qt {
	color: var(--kb-acento) !important;
	border-color: var(--kb-acento) !important;
	outline-color: var(--kb-acento) !important;
}
body .kross-container .kb-label { color: #56696D !important; }

/* Calendario */
body .KB-daterangepicker th.month {
	color: var(--kb-acento) !important;
	border-color: var(--kb-acento) !important;
	outline-color: var(--kb-acento) !important;
}
body .KB-daterangepicker td.active,
body .KB-daterangepicker td.active:hover,
body .KB-daterangepicker td.start-date,
body .KB-daterangepicker td.end-date {
	background-color: var(--kb-acento) !important;
	border-color: var(--kb-acento) !important;
	color: #fff !important;
}
body .KB-daterangepicker td.in-range:not(.active):not(.off) {
	background-color: var(--kb-suave) !important;
	color: #0B3F47 !important;
}
body .KB-daterangepicker td.available:not(.active):hover {
	background-color: var(--kb-suave) !important;
	color: #0B3F47 !important;
}
body .KB-daterangepicker td.today:not(.active) {
	box-shadow: inset 0 0 0 2px var(--kb-salvia);
}
body .KB-daterangepicker .prev span,
body .KB-daterangepicker .next span { border-color: var(--kb-acento) !important; }

/* Resultados y demás enlaces de acento del widget */
body [class*="kb-"] a:not(.kb-btn):not(.kb-btn-done):not(.kb-btn-p) { color: var(--kb-acento); }
body [class*="kb-"] .kb-price,
body [class*="kb-"] [class*="price"] { color: var(--kb-acento) !important; }

/* Desplegables (calendario, huéspedes, compartir): línea superior y flecha */
body .KB-daterangepicker,
body .kb-select,
body .kb-sharebuttonPopup { border-top-color: var(--kb-acento) !important; }
body .KB-daterangepicker::before,
body .kb-select::before,
body .kb-sharebuttonPopup::before { border-bottom-color: var(--kb-acento) !important; }