/*
 * Oliveta — estilos para MotoPress Hotel Booking dentro de la sección «Reservar» (#consultar).
 * La sección tiene fondo oliva: aquí se adaptan calendario, formulario y checkout a la marca.
 * Los selectores son los habituales del plugin; comprobarlos con el inspector tras instalarlo
 * (pueden variar entre versiones) y ajustar solo este archivo.
 */
#consultar .mphb-calendar,#consultar .datepick{font-family:var(--serif);color:var(--inv-ink);background:none;border:0;width:100%}
#consultar .datepick-month-header,#consultar .datepick-month-header select{font-family:var(--serif);font-size:21px;font-weight:400;background:none;color:var(--inv-ink);border:0}
#consultar .datepick-month th{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--inv-ink2);font-weight:400}
#consultar .datepick-month td a,#consultar .datepick-month td span{border-radius:5px;font-size:16px;font-feature-settings:"lnum";background:rgba(237,232,222,.06);color:var(--inv-ink)}
#consultar .mphb-booked-date,#consultar .mphb-date-unavailable{opacity:.4;text-decoration:line-through;background:none!important}
#consultar .mphb-available-date:hover{background:rgba(237,232,222,.18)}
#consultar .datepick-selected,#consultar .mphb-date-check-in,#consultar .mphb-date-check-out{background:#EDE8DE!important;color:#3F4B39!important}
#consultar .mphb-date-selectable.mphb-date-in-range{background:rgba(237,232,222,.22)}
#consultar .datepick-nav a,#consultar .datepick-cmd{color:var(--inv-ink);border:1px solid var(--inv-rule);border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}
/* Formulario de búsqueda / reserva */
#consultar .mphb_sc_search-form,#consultar .mphb-booking-form,#consultar .mphb-reservation-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;color:var(--inv-ink)}
#consultar .mphb_sc_search-form label,#consultar .mphb-booking-form label{font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--inv-ink2)}
#consultar input[type=text],#consultar input[type=email],#consultar input[type=tel],#consultar select,#consultar textarea{background:transparent;border:0;border-bottom:1px solid var(--inv-rule);color:var(--inv-ink);font-family:var(--serif);font-size:21px;padding:8px 0 10px;border-radius:0;width:100%}
#consultar input:focus,#consultar select:focus,#consultar textarea:focus{outline:none;border-bottom-color:var(--inv-ink)}
#consultar .mphb-reserve-btn,#consultar .mphb_sc_search-submit-button-wrapper input,#consultar button[type=submit],#consultar .button{min-height:52px;padding:0 34px;background:var(--inv-ink);color:var(--inv-bg);border:0;border-radius:0;font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;font-size:12px;cursor:pointer}
#consultar .mphb-price,#consultar .mphb-total-price{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.4vw,36px);color:var(--inv-ink)}
#consultar .mphb-errors-wrapper,#consultar .mphb-notice{color:#e6cfa3;font-style:italic}
/* Página de checkout (fondo marfil) */
.mphb_sc_checkout-wrapper{max-width:52em;margin:0 auto;padding:140px var(--m) 120px;font-family:var(--serif)}
.mphb_sc_checkout-wrapper h3,.mphb_sc_checkout-wrapper .mphb-checkout-section-title{font-weight:300;font-size:28px;color:var(--oliva)}
.mphb_sc_checkout-wrapper .mphb-gateways-list label{font-family:var(--sans);letter-spacing:.06em}
@media(max-width:600px){#consultar .mphb_sc_search-form,#consultar .mphb-booking-form{grid-template-columns:1fr}}

/* ---------- Ajustes tras probar MotoPress Hotel Booking 6.4 (oct. 2026) ----------
   El plugin pinta las celdas del calendario con fondo #eee: sobre el oliva, los números
   en marfil no se veían. Se dejan transparentes y se marcan los días libres. */
#consultar .datepick,#consultar .datepick-month-row,#consultar .datepick-month,#consultar .datepick-month table,#consultar .datepick-month td,#consultar .datepick-month th,#consultar .datepick-nav,#consultar .datepick-ctrl{background:transparent!important;border-color:rgba(237,232,222,.14)!important;box-shadow:none!important}
#consultar .datepick{width:100%!important;max-width:560px}
#consultar .datepick-month-row{display:flex;gap:28px;flex-wrap:wrap}
#consultar .datepick-month{width:auto!important;flex:1 1 240px;border:0!important}
#consultar .datepick-month table{width:100%;border-collapse:collapse}
#consultar .datepick-month td{border:0!important;padding:2px!important;text-align:center}
#consultar .datepick-month td a,#consultar .datepick-month td span{display:block;padding:8px 0;color:var(--inv-ink)!important;background:rgba(237,232,222,.07)}
#consultar .datepick-month td span:empty{background:none}
#consultar .mphb-not-available-date,#consultar .mphb-booked-date,#consultar .mphb-past-date,#consultar .mphb-date-unavailable{opacity:.35;background:none!important}
#consultar .mphb-booked-date{text-decoration:line-through}
#consultar .mphb-available-date{background:rgba(237,232,222,.14)!important}
#consultar .datepick-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:0}
#consultar .datepick-nav a,#consultar .datepick-cmd{width:auto;height:auto;min-height:40px;padding:0 14px;border-radius:999px;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:none!important}
#consultar .datepick-month-header,#consultar .datepick-month-header select{background:none!important;color:var(--inv-ink)!important}
#consultar .datepick-month-header select option{color:#262626}

/* Calendario desplegable de los campos de fecha (se abre fuera de la sección): colores de la marca */
.mphb-datepick-popup .datepick,.mphb-datepick-popup .datepick-month,.mphb-datepick-popup .datepick-month td{background:var(--bg,#F5F1EA)!important;border-color:var(--rule,#d9d2c3)!important;font-family:var(--serif)}
.mphb-datepick-popup .datepick-nav,.mphb-datepick-popup .datepick-ctrl,.mphb-datepick-popup .datepick-month-header,.mphb-datepick-popup .datepick-month-header select{background:#3F4B39!important;color:#F5F1EA!important;font-family:var(--sans)}
.mphb-datepick-popup .datepick-nav a,.mphb-datepick-popup .datepick-ctrl a{color:#F5F1EA!important;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.mphb-datepick-popup .datepick-month th{background:none!important;color:#3F4B39;font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.mphb-datepick-popup .datepick-month td a,.mphb-datepick-popup .datepick-month td span{color:#262626}
.mphb-datepick-popup .datepick-month td a.datepick-highlight,.mphb-datepick-popup .datepick-month td a.datepick-selected,.mphb-datepick-popup .datepick-month td .mphb-check-in-date{background:#3F4B39!important;color:#F5F1EA!important}

/* Desplegables (adultos, niños): las opciones heredaban el color marfil sobre fondo blanco y no se leían */
#consultar select option,#consultar select optgroup{color:#262626;background:#F5F1EA;font-family:var(--serif);font-size:18px}
#consultar select option:checked{background:#3F4B39;color:#F5F1EA}
#consultar select{cursor:pointer;color-scheme:light}

/* ---------- Página de resultados de búsqueda (una sola casa): ficha con foto y resumen ---------- */
.page-body:has(.mphb_sc_search_results-wrapper){max-width:none}
.mphb_sc_search_results-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(40px,6vw,96px);align-items:start;margin-top:8px}
.mphb_sc_search_results-wrapper::before{content:"";display:block;aspect-ratio:4/3;background:url("../img/pool_dusk.jpg") center/cover no-repeat;margin-bottom:36px}
@media(min-width:900px){
  .mphb_sc_search_results-wrapper{grid-template-columns:1.15fr 1fr}
  .mphb_sc_search_results-wrapper::before{grid-column:1;grid-row:1 / span 6;margin:0;aspect-ratio:auto;min-height:520px;height:100%}
  .mphb_sc_search_results-wrapper>*{grid-column:2}
}
.mphb_sc_search_results-info{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;line-height:1.8}
.mphb-recommendation-title{font-size:clamp(28px,3.2vw,38px)!important;font-weight:300;color:var(--ink);margin:0 0 28px!important}
.mphb-recommendation{border-top:1px solid var(--ink);padding-top:22px}
.mphb-recommendation-details-list{list-style:none;margin:0;padding:0}
.mphb-recommendation-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.mphb-recommendation-item-count{display:none}
.mphb-recommendation-item-link{font-size:26px;color:var(--ink);text-decoration:none;pointer-events:none}
.mphb-recommedation-item-subtotal{display:none}
.mphb-recommendation-item-guests{flex-basis:100%;font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.mphb-recommendation-total{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 30px;color:var(--ink2)}
.mphb-recommendation-total-title{font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.mphb-recommendation-total .mphb-price{font-size:clamp(40px,5vw,56px);font-weight:300;color:var(--ink);font-feature-settings:"lnum"}
.mphb_sc_search_results-wrapper .mphb-button,.mphb_sc_checkout-wrapper .mphb-button,.mphb_sc_checkout-wrapper button[type=submit],.mphb_sc_checkout-wrapper input[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 34px;background:var(--oliva,#3F4B39);color:#F5F1EA;border:0;border-radius:0;font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:background .3s}
.mphb_sc_search_results-wrapper .mphb-button:hover,.mphb_sc_checkout-wrapper .mphb-button:hover{background:#2f3a2b}
/* Con una sola casa sobran el carrito y la ficha repetida */
.mphb_sc_search_results-wrapper .mphb-reservation-cart,.mphb_sc_search_results-wrapper .mphb-room-type,.mphb_sc_search_results-wrapper .mphb-clear{display:none!important}
.mphb-recommendation{display:block!important}
.mphb-recommendation>*,.mphb-recommendation-details-list,.mphb-recommendation-total{float:none!important;width:auto!important}
.mphb_sc_search_results-wrapper .mphb-recommendation-reserve-button{width:100%!important;float:none!important}

/* ---------- Página de pago / datos del huésped (checkout) ---------- */
.page-body:has(.mphb_sc_checkout-wrapper){max-width:none}
.page-body .mphb_sc_checkout-wrapper{max-width:none;margin:0;padding:0}
.mphb_sc_checkout-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(40px,6vw,96px);align-items:start;color:var(--ink2)}
@media(min-width:900px){
  .mphb_sc_checkout-form{grid-template-columns:1.15fr 1fr}
  .mphb_sc_checkout-form>.mphb-customer-details{grid-column:1;grid-row:1 / span 6}
  .mphb_sc_checkout-form>:not(.mphb-customer-details){grid-column:2}
}
/* Tarjeta resumen (derecha): foto, fechas, personas y precio */
.mphb_sc_checkout-form .mphb-booking-details{background:#FBF8F2;border:1px solid var(--rule);padding:0 28px 8px;margin-bottom:0}
.mphb_sc_checkout-form .mphb-booking-details::before{content:"";display:block;aspect-ratio:16/9;margin:0 -28px 24px;background:url("../img/pool_dusk.jpg") center/cover no-repeat}
.mphb_sc_checkout-form .mphb-room-price-breakdown-wrapper,.mphb_sc_checkout-form>.mphb-total-price{background:#FBF8F2;border:1px solid var(--rule);border-top:0;padding:8px 28px 20px;margin:0}
.mphb_sc_checkout-form h3,.mphb_sc_checkout-form h4{font-family:var(--serif);font-weight:300;font-size:28px;color:var(--ink);margin:0 0 18px}
.mphb_sc_checkout-form .mphb-booking-details-title{font-size:24px}
.mphb_sc_checkout-form .mphb-booking-details p{margin:0 0 10px;font-size:17px}
.mphb_sc_checkout-form .mphb-booking-details p>span:first-child{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.mphb_sc_checkout-form .mphb-room-number,.mphb_sc_checkout-form .mphb-room-type-title,.mphb_sc_checkout-form .mphb-guest-name-wrapper{display:none}
.mphb_sc_checkout-form .mphb-price-breakdown{width:100%;border-collapse:collapse;font-size:16px}
.mphb_sc_checkout-form .mphb-price-breakdown td,.mphb_sc_checkout-form .mphb-price-breakdown th{padding:8px 0;border:0;border-bottom:1px solid var(--rule);text-align:left;font-weight:400;background:none}
.mphb_sc_checkout-form .mphb-table-price-column{text-align:right!important}
.mphb_sc_checkout-form .mphb-price-breakdown a{color:var(--ink);text-decoration:none}
.mphb_sc_checkout-form .mphb-price-breakdown-total th{border-bottom:0;padding-top:14px;font-size:20px;color:var(--ink)}
.mphb_sc_checkout-form .mphb-price-breakdown-title{font-size:20px;margin-bottom:6px}
.mphb_sc_checkout-form>.mphb-total-price output{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.mphb_sc_checkout-form>.mphb-total-price .mphb-price{font-family:var(--serif);font-size:clamp(36px,4.4vw,48px);font-weight:300;letter-spacing:0;text-transform:none;color:var(--ink);font-feature-settings:"lnum"}
.mphb_sc_checkout-form .mphb-errors-wrapper{color:#9b3b2b;font-style:italic;margin:14px 0 0}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper{margin:18px 0 0}
/* Formulario del huésped (izquierda) */
.mphb_sc_checkout-form .mphb-customer-details p{margin:0 0 22px}
.mphb_sc_checkout-form .mphb-customer-details br{display:none}
.mphb_sc_checkout-form label{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.mphb_sc_checkout-form abbr{text-decoration:none;color:var(--accent)}
.mphb_sc_checkout-form input[type=text],.mphb_sc_checkout-form input[type=email],.mphb_sc_checkout-form input[type=tel],.mphb_sc_checkout-form select,.mphb_sc_checkout-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:8px 0 10px;font-family:var(--serif);font-size:20px;color:var(--ink)}
.mphb_sc_checkout-form input:focus,.mphb_sc_checkout-form select:focus,.mphb_sc_checkout-form textarea:focus{outline:none;border-bottom-color:var(--ink)}
.mphb_sc_checkout-form textarea{border:1px solid var(--rule);padding:10px 12px;min-height:110px}
.mphb_sc_checkout-form .mphb-required-fields-tip{font-size:14px;color:var(--ink2)}
.mphb_sc_checkout-form .mphb-adults-chooser label{color:var(--accent)}
.mphb_sc_checkout-form input[type=submit]{width:100%}
/* Nombre y apellido, email y teléfono en dos columnas */
.mphb_sc_checkout-form .mphb-customer-details{display:flex;flex-wrap:wrap;gap:0 24px}
.mphb_sc_checkout-form .mphb-customer-details>*{flex:1 1 100%}
@media(min-width:600px){.mphb_sc_checkout-form .mphb-customer-name,.mphb_sc_checkout-form .mphb-customer-last-name,.mphb_sc_checkout-form .mphb-customer-email,.mphb_sc_checkout-form .mphb-customer-phone{flex:1 1 calc(50% - 12px)}}
/* El plugin separa las secciones con márgenes grandes: en dos columnas sobran */
.mphb_sc_checkout-form>section,.mphb_sc_checkout-form>p{margin-top:0!important}
.mphb_sc_checkout-form>.mphb_sc_checkout-submit-wrapper{margin-top:18px!important}
@media(min-width:900px){.mphb_sc_checkout-form{grid-template-rows:repeat(6,auto) 1fr}.mphb_sc_checkout-form>.mphb-customer-details{grid-row:1 / -1}}

/* ---------- 1.0.8 · Calendario de disponibilidad en tira horizontal (12 meses) ----------
   Móvil: un mes por pantalla y se desliza con el dedo. Escritorio: dos meses a la vista.
   Las flechas ‹ › las añade el tema (functions.php) y desplazan la tira. */
#consultar .cal--plugin .datepick{width:100%!important;max-width:none}
#consultar .cal--plugin .datepick-nav{display:none!important}
#consultar .cal--plugin .datepick-month-row{display:flex!important;flex-wrap:nowrap!important;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;height:auto!important;padding-bottom:4px}
#consultar .cal--plugin .datepick-month-row::-webkit-scrollbar{display:none}
#consultar .cal--plugin .datepick-month{float:none!important;flex:0 0 100%!important;width:100%!important;height:auto!important;scroll-snap-align:start}
@media(min-width:700px){#consultar .cal--plugin .datepick-month{flex-basis:calc(50% - 14px)!important}}
#consultar .cal--plugin .datepick-month-header{font-size:21px;text-align:left;padding:0 2px 12px;height:auto!important}
#consultar .cal--plugin .datepick-month td a,#consultar .cal--plugin .datepick-month td span{padding:9px 0}
#consultar .cal--plugin .datepick-ctrl{display:none}
.olv-calnav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}
.olv-calnav button{width:42px;height:42px;border:1px solid var(--inv-rule);border-radius:50%;background:none;color:var(--inv-ink);font-size:20px;line-height:1;cursor:pointer;transition:opacity .2s,background .2s}
.olv-calnav button:hover{background:rgba(237,232,222,.12)}
.olv-calnav button:disabled{opacity:.3;cursor:default;background:none}
#consultar .cal--plugin .datepick-month table{height:auto!important;table-layout:fixed}
#consultar .cal--plugin .datepick-month th{border:0!important;padding:0 0 8px!important}
#consultar .cal-hint{margin-top:16px}
#consultar .mphb-required-fields-tip{display:none}
/* Al pulsar «Reservar» se baja al formulario (#reservar): margen para que no lo tape la cabecera */
#reservar{scroll-margin-top:96px}

/* Calendario desplegable de los campos de fecha en móvil: un solo mes y dentro de los márgenes */
@media(max-width:699px){
  .mphb-datepick-popup{width:calc(100vw - 2 * var(--m,24px))!important;max-width:380px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
  .mphb-datepick-popup .datepick-month-row,.mphb-datepick-popup .datepick-month{width:100%!important;float:none!important}
  .mphb-datepick-popup .datepick-month table{width:100%}
  .mphb-datepick-popup .datepick-month td a,.mphb-datepick-popup .datepick-month td span{padding:10px 0;font-size:17px}
  .mphb-datepick-popup .datepick-nav{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}
  .mphb-datepick-popup .datepick-ctrl{display:flex;justify-content:space-between;padding:6px 10px}
  .mphb-datepick-popup .datepick-month-header,.mphb-datepick-popup .datepick-month-header select{font-family:var(--serif)!important;font-size:20px;font-weight:400}
  .mphb-datepick-popup .datepick-month td a,.mphb-datepick-popup .datepick-month td span{font-feature-settings:"lnum"}
}