/* Opening hours table */ .opening-hours, table.op-overview, table.opening-hours-table { width: 100%; max-width: 360px; border-collapse: collapse; background: transparent; font-family: inherit; margin: 0 auto; } /* Table separators */ .opening-hours tr, table.op-overview tr, table.opening-hours-table tr { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* Default text styling */ .opening-hours tr td, table.op-overview tr td, .opening-hours tr th, table.op-overview tr th, table.opening-hours-table tr td, table.opening-hours-table tr th { padding: 10px 12px; font-size: 14px; color: #EBF5FF !important; transition: background-color 0.3s ease, color 0.3s ease; } /* Weekday column */ .opening-hours td:first-child, table.op-overview td:first-child, .opening-hours th:first-child, table.op-overview th:first-child { text-align: left; font-weight: 400 !important; } /* Opening times column */ .opening-hours td:last-child, table.op-overview td:last-child, table.opening-hours-table td:last-child { text-align: right; font-variant-numeric: tabular-nums; font-weight: 300; color: #EBF5FF !important; } /* Current weekday */ .opening-hours tr.today td, table.op-overview tr.today td, table.opening-hours-table tr.today td, .opening-hours tr.today th, table.op-overview tr.today th, table.opening-hours-table tr.today th { color: #FFFFFF !important; font-weight: 500 !important; background: rgba(235, 245, 255, 0.12) !important; } /* Current weekday opening times */ .opening-hours tr.today td:last-child, table.op-overview tr.today td:last-child { color: #FFFFFF !important; font-weight: 500 !important; } /* Closed weekdays */ .opening-hours tr.closed td, table.op-overview tr.closed td, table.opening-hours-table tr.closed td, .opening-hours tr.closed th, table.op-overview tr.closed th { opacity: 0.5; }