/* ============================================================
   Flujo de compra / reserva — paleta LoPillo
   teja #9c4126 (acento del logo) · teal #0f7d79 (acciones)
   papel #f6f3ec · almendra #e2d9c6 · tinta #232a33
   Cargada en producto.php (ficha + calendario de reservas).
   ============================================================ */

/* --- Calendario (bootstrap-datepicker): popup de fechas disponibles --- */
.datepicker-dropdown{
  border:1px solid #e2d9c6; border-radius:10px; padding:8px;
  box-shadow:0 14px 34px rgba(35,42,51,.16);
}
.datepicker table tr th.datepicker-switch{ color:#232a33; font-weight:700; }
.datepicker table tr th.datepicker-switch:hover,
.datepicker table tr th.prev:hover,
.datepicker table tr th.next:hover{ background:#f6f3ec; }
.datepicker table tr th.prev,
.datepicker table tr th.next{ color:#9c4126; }
.datepicker table tr th.dow{
  color:#9c4126; font-size:11px; text-transform:uppercase; letter-spacing:.04em;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused{ background:#f6f3ec; border-radius:6px; }
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.active{
  background:#9c4126 !important; background-image:none !important;
  color:#fff !important; text-shadow:none !important; border-radius:6px;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled{
  background:#e6f2f1 !important; background-image:none !important;
  color:#0f7d79 !important; border-radius:6px;
}
.datepicker table tr td.today.active{ background:#9c4126 !important; color:#fff !important; }
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.old,
.datepicker table tr td.new{ color:#cfd6df; }
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled{
  background:#9c4126 !important; background-image:none !important; color:#fff !important;
}
.datepicker table tr td span:hover{ background:#f6f3ec; }

/* --- Ficha de producto: botón principal y precio --- */
button.add-to-cart,
.add-to-cart.button{
  background:#0f7d79 !important; border:0 !important; border-radius:8px !important;
  letter-spacing:.05em; box-shadow:0 6px 18px rgba(15,125,121,.28);
}
button.add-to-cart:hover,
.add-to-cart.button:hover{ background:#0c6a67 !important; }

.product-price,
.product-price ins{ color:#9c4126 !important; }

/* Campo de fecha del calendario: que se vea que es clicable */
input.component-datepicker{
  border:1.5px solid #e2d9c6 !important; border-radius:8px !important;
  background:#fdfcf9 !important; cursor:pointer;
}
input.component-datepicker:focus{
  border-color:#0f7d79 !important; box-shadow:0 0 0 3px rgba(15,125,121,.14) !important;
}