/*
 * Selector de fechas V4 (avengine-e-booking y sus hijos).
 *
 * Solo reglas de comportamiento. Los valores visuales por defecto van en
 * los base styles de cada elemento y el usuario los cambia desde la pestaña
 * Estilo. Todo va dentro de :where() (especificidad 0) para que nunca gane
 * a esos estilos (.elementor .e-…, especificidad 0,2,0).
 */

/* Ancla del aviso de error del botón (se inserta en la raíz). */
:where(.avdsel-atomic) {
  position: relative;
}

/* El input ocupa el espacio libre del envoltorio, junto al icono. */
:where(.avdsel-atomic .avdsel-input-wrap) {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}

/* El <input>/<select> real (y el altInput de Flatpickr) hereda tipografía
   y color de su elemento (Input/Select), que es el que se estiliza; aquí
   se anulan los estilos del tema. Esta regla sí necesita especificidad. */
.avdsel-atomic .avdsel-input-wrap > input,
.avdsel-atomic .avdsel-input-wrap > select {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  color: inherit;
  line-height: inherit;
}

/* Hueco para la flecha del select (fondo de .avdsel-select, a 0.7rem del
   borde y 12px de ancho) para que el texto no se monte sobre ella. */
.avdsel-atomic .avdsel-input-wrap > select {
  padding-inline-end: calc(0.7rem + 12px + 0.3rem);
}

:where(.avdsel-atomic .avds_icon-wrapper) > svg {
  width: 100%;
  height: 100%;
}

/* Contadores: el campo no crece (como .input_numbers_wrap en el V3) y el
   número solo ocupa sus cifras, sin las flechas nativas del navegador. */
:where(.avdsel-atomic [data-avd-field="adults"], .avdsel-atomic [data-avd-field="minors"], .avdsel-atomic [data-avd-field="rooms"]) {
  flex: 0 0 auto;
}

:where(.avdsel-atomic .avdsel-counter) {
  flex: 0 0 auto;
}

.avdsel-atomic .avdsel-input-wrap.avdsel-counter > input {
  width: auto;
  max-width: 2ch;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}

.avdsel-atomic .avdsel-counter > input::-webkit-inner-spin-button,
.avdsel-atomic .avdsel-counter > input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Botones −/+: heredan el color del contador. El símbolo necesita
   especificidad: date-selector-global.css (selector antiguo del plugin)
   también estiliza .number-edit_simbol en todas las páginas. */
:where(.avdsel-atomic .avdsel-counter .number-edit) {
  display: flex;
  cursor: pointer;
}

.avdsel-atomic .avdsel-counter .number-edit_simbol {
  width: 0.8em;
  height: 0.8em;
  stroke: currentColor;
  stroke-width: 2;
}

/* Campos ocultos automáticamente (selects con una sola opción) y selects
   de datos que la raíz pinta para el JS. Deben ganar al display de los
   base styles y de la pestaña Estilo: por eso !important. */
.avdsel-atomic .avdsel-hidden-field {
  display: none !important;
}

/* Central de reservas: solo admite fechas, así que se ocultan los campos
   de zona, alojamiento, contadores y código promocional. Va por CSS para
   que el editor y el frontend coincidan. */
.avdsel-atomic.avdsel-central [data-avd-field="zone"],
.avdsel-atomic.avdsel-central [data-avd-field="accom"],
.avdsel-atomic.avdsel-central [data-avd-field="adults"],
.avdsel-atomic.avdsel-central [data-avd-field="minors"],
.avdsel-atomic.avdsel-central [data-avd-field="rooms"],
.avdsel-atomic.avdsel-central [data-avd-field="promo"] {
  display: none !important;
}
.e-atomic-element.avengine-e-booking-envelope-base.avinput_envelope > .avdsel-counter > .number-edit {
	opacity: .3;
}