/* --- Apariencia base de las horas --- */
.mpa-time-period {
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 10px 14px;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* --- Efecto al pasar el ratón --- */
.mpa-time-period:hover {
  background-color: #d1e7dd;
  border-color: #4fc3f7;
}

/* --- 💙 Cuando está seleccionada --- */
.mpa-time-period[aria-pressed="true"],
.mpa-time-period:focus {
  background-color: #4fc3f7 !important;
  color: #fff !important;
  border-color: #0288d1 !important;
  font-weight: 600;
  box-shadow: 0 0 8px rgba(79, 195, 247, 0.5);
/ 
.mpa-time-period[aria-pressed="true"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-7.364 7.364a1 1 0 01-1.414 0L3.293 9.414a1 1 0 011.414-1.414l4.121 4.121 6.657-6.657a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 18px;
  padding-right: 28px; /* deja espacio para el icono */
}


/* Ocultar bloque "Add to your calendar" en MotoPress */
.reservation-calendar-links {
  display: none !important;
}