/* Hours Table Cell Fix - Ensure filled circles are visible */

/* Main hours table cells with filled circles */
:where(.hours-table__cell) {
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
  font-size: var(--wp--preset--font-size--2xl);
  font-weight: var(--wp--custom--font-weight--light);
  color: rgba(46, 91, 138, 0.35);
  border-right: 1px solid var(--wp--preset--color--gray-100);
  text-align: center;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}

/* Ensure the filled circle character is visible */
:where(.hours-table__cell:not(.is-closed)) {
  color: rgba(46, 91, 138, 0.4);
}

/* Closed cells */
:where(.hours-table__cell.is-closed) {
  color: var(--wp--preset--color--gray-400);
  font-size: var(--wp--preset--font-size--lg);
}

/* Hours table mark in the legend */
:where(.hours-table__mark) {
  display: inline-block;
  margin: 0 var(--wp--preset--spacing--10);
  font-size: var(--wp--preset--font-size--base);
  color: rgba(46, 91, 138, 0.5);
  font-weight: var(--wp--custom--font-weight--normal);
}

/* For the modal hours table */
:where(.hours-open) {
  color: rgba(46, 91, 138, 0.4);
  font-size: var(--wp--preset--font-size--xl);
  font-weight: var(--wp--custom--font-weight--light);
  opacity: 1;
}

:where(.hours-closed) {
  color: var(--wp--preset--color--gray-400);
  font-size: var(--wp--preset--font-size--base);
}

/* Ensure visibility in different contexts */
:where(.info-tabs__panel .hours-table__cell),
:where(.hero-right-content .hours-table__cell) {
  color: rgba(46, 91, 138, 0.4);
  opacity: 1;
  visibility: visible;
}

/* Override any conflicting styles */
:where(.hours-table tbody td.hours-table__cell) {
  color: rgba(46, 91, 138, 0.4);
  font-size: var(--wp--preset--font-size--2xl);
  opacity: 1;
}