/* ==========================================================================
   VikRentCar → sistema de diseño Minyeti.
   Encolado desde el TEMA (el plugin NO permite override de plantillas).
   El CSS del plugin se imprime DESPUÉS (al renderizar el shortcode), así que
   aquí se usa !important solo en las propiedades que hay que ganarle.
   Tokens: naranja var(--c-naranja) #ec5e10 · negro var(--c-negro) · borde #e5e5e5 · verde unico #25d366
   (solo icono/fondo, nunca texto sobre blanco).
   Radios: tarjeta 16 · botón 6 · panel 20. Cero píldoras.
   ========================================================================== */

/* ---------- Botón de acción (todas las pantallas) ---------- */
.vrc-pref-color-btn,
.btn.booknow,
.vrc-search-btn{
  background:var(--c-naranja) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:6px !important;            /* no píldora */
  font-family:var(--f-base) !important;
  font-weight:var(--fw-medio) !important;
  font-size:15px !important;
  min-height:46px;
  padding:12px 22px !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:background-color .15s ease;
}
.vrc-pref-color-btn:hover,.btn.booknow:hover,.vrc-search-btn:hover{background:var(--c-naranja-claro) !important}
.vrc-pref-color-btn-secondary{
  background:transparent !important;color:var(--c-negro) !important;
  border:1px solid #e5e5e5 !important;border-radius:6px !important;box-shadow:none !important;font-weight:var(--fw-medio) !important;
}
.vrc-pref-color-text{color:var(--c-naranja) !important}
.vrc-goback-block a{color:#6f6d67 !important;text-decoration:none}
/* Ocultar el título "VikRentCar" (nombre del plugin) sobre el buscador */
.vrc-main-title{display:none !important}

/* Poppins en el contenido del motor */
.vrcdivsearch,.vrc-search-results-block,.vrc-showprc-container{font-family:var(--f-base)}

/* ---------- Barra de pasos (wizard) → acento naranja ---------- */
.vrc-step-current,.vrc-step-current *{color:var(--c-naranja) !important;border-color:var(--c-naranja) !important}
.vrc-step-complete a,.vrc-step-complete *{color:var(--c-negro) !important}
/* Círculo numerado del paso actual: azul #3286b8 del plugin -> naranja de marca */
.vrc-stepbar .vrc-step a::before,.vrc-stepbar .vrc-step span::before{border-color:#c9c9c9 !important;color:#6f6d67 !important}
.vrc-stepbar .vrc-step-current a::before,
.vrc-stepbar .vrc-step-current span::before{background:var(--c-naranja) !important;border-color:var(--c-naranja) !important;color:#fff !important}

/* ---------- Seguro de Ley + depósito (mi HTML en short_info) ---------- */
.vrc-mn-seguro{display:inline-flex;align-items:center;gap:6px;color:var(--c-texto);font-weight:var(--fw-medio);font-size:12px}
.vrc-mn-seguro svg,.vrc-mn-seguro .vrc-icono{color:var(--c-wa)}
.vrc-mn-seguro::before{content:"\2713";font-weight:700;color:var(--c-wa)}
.vrc-mn-deposito{display:block;color:#6f6d67;font-size:12px;line-height:1.5;margin-top:3px}

/* ==========================================================================
   a) RESULTADOS
   ========================================================================== */
.vrc-itinerary-summary{background:#f7f7f7;border:1px solid #e5e5e5;border-radius:20px;padding:16px 20px}
.vrcarsfound{color:#6f6d67;font-size:13px;margin:14px 2px}
.vrc-search-results-block-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}
/* Estructura real: .car_result > left(imagen) + right > ...deep > inner(datos) + lastblock(precio/botón) */
.car_result{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;margin:0 !important;list-style:none;display:flex;align-items:stretch}
/* Columna de imagen: sin fotos aún -> placeholder gris (la foto irá aquí). */
.vrc-car-result-left{flex:0 0 190px;background:#e9e7e3;min-height:118px}
.vrc-car-result-left img{display:none}
.vrc-car-result-right{flex:1;min-width:0}
.vrc-car-result-rightinner{height:100%}
.vrc-car-result-rightinner-deep{display:flex;align-items:center;gap:18px;padding:18px 20px;flex-wrap:wrap;height:100%}
.vrc-car-result-inner{flex:1 1 55%;min-width:0;display:flex;flex-direction:column}
.vrc-car-name{font-family:var(--f-base);font-size:18px;font-weight:var(--fw-medio);color:var(--c-negro);margin:0}
.vrc-car-category{order:-1;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:var(--fw-medio);color:#6f6d67;margin:0 0 2px}
.vrc-car-result-description{margin-top:8px;font-size:12px;line-height:1.5}
.vrc-car-lastblock{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right;flex:0 0 auto;margin-left:auto}
.vrcstartfrom{font-size:11px;color:#6f6d67;text-transform:uppercase;letter-spacing:.04em}
.vrc-car-price,.vrc_price,.vrc-showprc-pricecost{font-family:var(--f-base);font-size:24px;font-weight:var(--fw-medio);color:var(--c-negro);letter-spacing:-.02em;line-height:1}
.vrc_currency{font-size:15px;font-weight:var(--fw-medio);color:#6f6d67}
.vrc-car-bookingbtn,.vrc-car-bookingbtn form{margin:0}

/* ==========================================================================
   b) RESUMEN (showprc)
   ========================================================================== */
.vrc-showprc-container{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}
.vrc-showprc-left{flex:1 1 300px}
.vrc-showprc-right{flex:1 1 320px}
.vrc-showprc-title{font-family:var(--f-base);font-weight:var(--fw-medio);font-size:22px;color:var(--c-negro);margin:0 0 10px}
.vrc-showprc-prices-wrap{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:10px}
.vrc-showprc-price-row{border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.vrc-showprc-price-selected{background:#fff7f0;border:1px solid var(--c-naranja)}
.vrc-showprc-pricename{font-weight:var(--fw-medio);color:var(--c-negro)}

/* ==========================================================================
   c) BUSCADOR
   ========================================================================== */
.vrcdivsearch-inner{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:20px}
.vrc-searchf-section-locations,.vrc-searchf-section-datetimes,.vrc-searchf-section-categories{margin-bottom:12px}
.vrcsfentrylabsel label,.vrcsfentrydate label,.vrcsfentrytime label{display:block;font-size:13px;font-weight:var(--fw-medio);color:var(--c-negro);margin:0 0 6px}
/* ARRUGA (a) — 8-ago-2026. Los inputs de HORA desbordaban su recuadro en movil.
   La regla fijaba padding y min-height pero NO declaraba ancho ni box-sizing:
   con el modelo de caja de contenido el padding se SUMA al ancho que impone el
   plugin, y el campo se sale de .vrcdivsearch-inner, que ya gasta 20px propios.
   Es el elemento que convierte: por eso va el primero del paquete. */
.vrcsfentryselect select,.vrcsfentrydate input,.vrcsfentrytime select,.vrcsfentrytime input{
  border:1px solid #e5e5e5 !important;border-radius:6px !important;min-height:44px;padding:8px 10px;font-family:var(--f-base);font-size:15px;background:#fff;
  box-sizing:border-box !important;width:100% !important;max-width:100% !important;min-width:0 !important;
}
/* Los contenedores del plugin tampoco declaran min-width:0, y un hijo de
   flex/grid se niega por defecto a encoger por debajo de su contenido. */
.vrcsfentryselect,.vrcsfentrydate,.vrcsfentrytime,.vrc-searchf-section-datetimes{min-width:0;max-width:100%}

/* Safari iOS — mismo arreglo que en el componente del tema (ver main.css).
   El formulario del plugin usa los mismos input nativos, asi que hereda el
   mismo defecto de render: valor alineado a la derecha, altura de mas por el
   margen de su caja interna, y color sin declarar que iOS puede pintar
   invisible. Se replica aqui porque estas reglas viven en otra hoja y solo se
   encolan en /reservaciones/. */
.vrcsfentrydate input::-webkit-date-and-time-value,
.vrcsfentrytime input::-webkit-date-and-time-value{
  text-align:left;margin:0;min-height:1.2em;
}
.vrcsfentrydate input::-webkit-datetime-edit,
.vrcsfentrydate input::-webkit-datetime-edit-fields-wrapper,
.vrcsfentrydate input::-webkit-datetime-edit-text,
.vrcsfentrytime input::-webkit-datetime-edit,
.vrcsfentrytime input::-webkit-datetime-edit-fields-wrapper,
.vrcsfentrytime input::-webkit-datetime-edit-text{
  color:var(--c-negro);opacity:1;-webkit-text-fill-color:var(--c-negro);
}

/* ARRUGA (a) — FIX ESTRUCTURAL, 8-ago-2026 (2ª pasada).
   La 1ª version solo puso box-sizing y ancho al 100%: NO bastó. Yeison lo
   volvio a ver desbordado en movil. El problema no era solo el modelo de caja
   — es que el plugin mete fecha y hora en la MISMA fila, y a 360px no caben
   dos campos con sus etiquetas por mucho que se les diga width:100%.
   La cura no es adivinar anchos: es que cada campo sea dueño de SU fila. */
@media (max-width:640px){
  .vrc-searchf-section-datetimes,
  .vrc-searchf-section-locations{display:block !important}
  .vrc-searchf-section-datetimes > *,
  .vrcsfentrydate,.vrcsfentrytime,.vrcsfentryselect,.vrcsfentrylabsel{
    display:block !important;width:100% !important;max-width:100% !important;
    float:none !important;margin-left:0 !important;margin-right:0 !important;
  }
  .vrcsfentrydate,.vrcsfentrytime{margin-bottom:12px !important}
}
/* 🔴 RETIRADO el 8-ago (3ª pasada): aqui habia 4 selectores contra `table`,
   `tbody`, `tr` y `td` dentro de la seccion de fechas. Se escribieron SUPONIENDO
   que VikRentCar maquetaba con tabla. Comprobado sobre el HTML servido de
   /reservaciones/: **0 elementos <table> en toda la pagina**. Eran reglas contra
   markup inexistente, es decir ruido: ocupan bytes, confunden al que las lea y
   no pueden dar rojo nunca. Lo que queda arriba SI ataca markup real
   (vrcsfentrydate x2, vrcsfentrytime x2, vrcdivsearch x2, verificados). */
.vrc-searchf-section-sbmt{margin-top:14px}
.vrcsfentrysubmit{width:100%}
.vrcsfentrysubmit .vrc-search-btn{width:100%}

/* ---------- Móvil: apilar la tarjeta de resultados ---------- */
@media (max-width:600px){
  .car_result{flex-direction:column}
  .vrc-car-result-left{flex:none;width:100%;aspect-ratio:16/10;min-height:0}
  .vrc-car-result-rightinner-deep{flex-direction:column;align-items:stretch;gap:12px}
  .vrc-car-lastblock{align-items:stretch;text-align:left;margin-left:0}
  .vrc-car-lastblock .vrc-car-bookingbtn .vrc-pref-color-btn,
  .vrc-car-lastblock .vrc-car-bookingbtn form{width:100%}
  .vrc-showprc-container{flex-direction:column}
}

/* ---------------------------------------------------------------------------
   PANTALLA DE GRACIAS (pieza G6, 2026-08-09)
   El resumen lo inyecta reservaciones.js reutilizando el marcado de la pagina
   de la reserva, asi que hereda sus estilos. Aqui solo se le da aire y un
   borde que lo separe del mensaje de confirmacion. Cero reglas nuevas de
   color: los tokens ya existen.
   --------------------------------------------------------------------------- */
.vrc-gracias .successmade{
  font-family:var(--f-titulo);
  font-size:var(--fs-lg);
  font-weight:var(--fw-medio);
  margin-bottom:var(--s-1);
}
.vrc-gracias__resumen{
  margin:var(--s-2) 0;
  padding-top:var(--s-2);
  border-top:1px solid #e5e5e5;
}