/* Centers the specific shop hours container */ #main-shop-hours .opening-hours { display: flex; flex-direction: column; align-items: center; text-align: center; } /* Aligns the list items cleanly to the left */ #main-shop-hours .opening-hours ul { display: inline-block; text-align: left; list-style: none; padding: 0; margin: 20px auto; min-width: 250px; } /* Adds a subtle separator between days for readability */ #main-shop-hours .opening-hours li { padding: 8px 0; border-bottom: 1px solid rgba(0,0,0,0.1); } /* Ensures the "We are open/closed" status message stays centered */ #main-shop-hours .opening-hours .open-text { display: block; width: 100%; margin-bottom: 10px; }