/* Fallero Horarios - bloque de horario en el footer.
   Mismas clases que el modulo de PrestaShop para que el estilo coincida 1:1.
   El tema del blog ya las estiliza via shop-chrome.css; esto es una red de
   seguridad por si el plugin se usa sin ese CSS. */
.cb-opening-footer {
  display: grid;
  gap: 10px;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.45;
}

.cb-opening-footer__list {
  display: grid;
  gap: 6px;
  margin: 0;
}

.cb-opening-footer__row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 10px;
}

.cb-opening-footer__day {
  color: rgba(255,255,255,.68);
  font-weight: 700;
}

.cb-opening-footer__hours {
  color: rgba(255,255,255,.86);
}

.cb-opening-footer__hours.is-closed {
  color: rgba(255,255,255,.58);
}

@media (max-width: 680px) {
  .cb-opening-footer {
    font-size: 12px;
  }

  .cb-opening-footer__row {
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 8px;
  }
}