.accordion-label h2 {padding:0;margin-top: 0;margin-bottom: 0;display: flex;justify-content: center;color: #474646;font: 1.2em sans-serif;font-weight: 600;}.line {height: 1px;background: linear-gradient(to right, transparent, #000, transparent);width: 100%;margin-top: 10px;margin-bottom: 10px;}.subtitle {display: flex;font-weight: 300;font: 0.8em sans-serif;padding-bottom: 0.5rem;margin:0;color:#7c7979;justify-content: center;}.horizontal-layout {max-width: 900px;margin-top: 1rem !important;margin-bottom: 1rem !important;display: flex;justify-content: space-between;}.hours-container {position: relative;margin: 0.5rem;border: 0px solid #474646;border-radius: 10px;padding: 0;margin: auto;background-color: #ffffff;font-family: Verdana, Geneva, Tahoma, sans-serif;}#current-time.hidden-hours {display: none;}.hours-container .label {max-width: 100px;}.accordion {align-items: center;background-color: #ffffff;color: black;cursor: pointer;padding: 0.5rem;width: 100%;border: solid 1px black;text-align: center;outline: none;font-size: 1rem;border-radius: 8px;margin-bottom: 0rem;transition: background-color 0.3s ease;width: 32ch;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.accordion:hover {background-color: #c00;color: #ffffff;}.status-icon {margin-left: 10px;font-size: 0.8rem;display: flex;align-items: center;transition: color 0.3s, transform 0.3s;}.status-icon i {font-size: 0.8rem;transition: transform 0.3s;}.open-now {background-color: #4CAF50;border-color: #4CAF50;color: #ffffff;text-align: center;}.open-now:hover {background-color: #ffffff;color: #4CAF50;font-weight: 500;}.closed {background-color: #ffffff;color: #c00;font-weight: 400;}.closed:hover {background-color: #ffffff;color: #c00;font-weight: 400;}.panel {position: absolute;top: 100%;left: 0;right: 0;min-width: 100%;display: none;overflow: hidden;padding: 0 0.5rem;border: 1px solid #ddd;position: absolute;width: auto;z-index: 1000;background-color: #ffffff;}.panel p {margin: 12px 0;font-size: 1rem;color:#7c7979;}#current-time {margin-top: 20px;font-size: 16px;color: #333;}.rotate {transform: rotate(180deg);}@media (max-width: 767.98px) {.horizontal-layout {flex-direction: column;align-items: center;}.hours-container {width: 100%;max-width: 32ch;}.hours-container.label {max-width: 32ch;margin-bottom: 0.5rem;}.hours-container .accordion {margin-bottom: 1rem;}.hours-container .panel {margin-top: 0;top: 100%;width: 100%;}}@media (min-width: 768px) and (max-width: 991.98px) {.horizontal-layout {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;justify-content: center;justify-items: center;gap: 1rem;max-width: 100%;margin: 1rem auto;}.hours-container.label {grid-row: 1;grid-column: auto;max-width: 32ch;display: flex;justify-content: center;align-items: center;margin: 0;}.hours-container:not(.label) {grid-row: 2;grid-column: auto;max-width: 32ch;display: flex;flex-direction: column;align-items: center;margin: 0;}.hours-container:nth-child(1) {grid-column: 1;}.hours-container:nth-child(2) {grid-column: 1;}.hours-container:nth-child(3) {grid-column: 2;}.hours-container:nth-child(4) {grid-column: 2;}.hours-container .accordion {width: 32ch;margin-bottom: 1rem;}.hours-container .panel {width: 32ch;top: 100%;left: 50%;transform: translateX(-50%);}.accordion-label h2 {text-align: center;margin: 0;}}@media (min-width: 992px) {.horizontal-layout {flex-direction: row;justify-content: space-between;align-items: baseline;}.hours-container {flex: 0 0 auto;margin: 0.5rem;}.hours-container.label {max-width: 100px;}.hours-container .accordion {width: 32ch;margin-bottom: 1rem;}.hours-container .panel {width: auto;top: 100%;left: 0;right: 0;}}