/* =========================================================
   MOTOPRESS DATEPICK: estilos robustos (ESCRITORIO + MÓVIL)
   No depende de mphb-datepick-popup
   ========================================================= */

/* Reservado */
.datepick .mphb-booked-date,
.datepick-multi .mphb-booked-date,
.mphb-datepick .mphb-booked-date,
.mphb-calendar .mphb-booked-date {
  background: #8b4513 !important;
  color: #fff !important;
  border: 1px solid #5c2f0a !important;
  font-weight: 700 !important;
}

/* No disponible (por reglas) pero no reservado */
.datepick .mphb-unselectable-date:not(.mphb-booked-date),
.datepick-multi .mphb-unselectable-date:not(.mphb-booked-date),
.mphb-datepick .mphb-unselectable-date:not(.mphb-booked-date),
.mphb-calendar .mphb-unselectable-date:not(.mphb-booked-date) {
  background: #efefef !important;
  color: #8a8a8a !important;
  border: 1px solid #d0d0d0 !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.05),
    rgba(0,0,0,0.05) 4px,
    transparent 4px,
    transparent 8px
  ) !important;
}

/* Disponible */
.datepick .mphb-available-date,
.datepick-multi .mphb-available-date,
.mphb-datepick .mphb-available-date,
.mphb-calendar .mphb-available-date {
  background: #ffffff !important;
  color: #3b2a1a !important;
  font-weight: 700 !important;
}

/* Asegurar que los <a> y <span> se pinten igual (a veces el tema pisa el <a>) */
.datepick a.mphb-date-cell,
.datepick span.mphb-date-cell,
.mphb-datepick a.mphb-date-cell,
.mphb-datepick span.mphb-date-cell {
  border-radius: 3px !important;
}

/* Móvil: celdas táctiles más grandes */
@media (max-width: 768px){
  .datepick a.mphb-date-cell,
  .datepick span.mphb-date-cell,
  .mphb-datepick a.mphb-date-cell,
  .mphb-datepick span.mphb-date-cell {
    min-width: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* =========================================================
   MotoPress Availability Calendar (shortcode) - FIX ESTADOS
   Wrapper: .mphb_sc_availability_calendar-wrapper
   ========================================================= */

/* 1) Reservado */
.mphb_sc_availability_calendar-wrapper .mphb-booked-date {
  background-color: #8b4513 !important;
  color: #ffffff !important;
  border: 1px solid #5c2f0a !important;
  font-weight: 700 !important;
}

/* 2) No disponible (en este calendario usa mphb-not-available-date) */
.mphb_sc_availability_calendar-wrapper .mphb-not-available-date {
  background-color: #efefef !important;
  color: #8a8a8a !important;
  border: 1px solid #d0d0d0 !important;
  font-weight: 600 !important;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.05),
    rgba(0,0,0,0.05) 4px,
    transparent 4px,
    transparent 8px
  ) !important;
}

/* 3) Disponible */
.mphb_sc_availability_calendar-wrapper .mphb-available-date {
  background-color: #ffffff !important;
  color: #3b2a1a !important;
  border: 1px solid #e6e0da !important;
  font-weight: 700 !important;
}

/* 4) Homogeneizar tamaño y centrado de celdas (span/a) */
.mphb_sc_availability_calendar-wrapper .mphb-date-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  min-height: 38px !important;
  line-height: 38px !important;
  border-radius: 4px !important;
}

/* 5) Ajuste en móvil */
@media (max-width: 768px) {
  .mphb_sc_availability_calendar-wrapper .mphb-date-cell {
    min-width: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    font-size: 15px !important;
  }
}