.hours-widget {
	max-width: 600px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 0px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	height: 100%;
}

.status-banner {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 0.3s ease;
	padding: 10px 5px 0px 5px;
}

.status-banner.open {
	background: #017d1e;
	color: #ffffff;
	animation: pulse 2s ease-in-out infinite;
}

.status-banner.closed {
	background-color: var(--red);
	color: #ffffff;
}

#nextHours {
	padding: 0px 5px;
	text-align: center;
	font-size: 0.5em;
	line-height: 1.5em;
}

#nextHours div {
	display: inline-block;
}

@keyframes pulse {

	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.9;
		transform: scale(1.02);
	}
}

.hours-list {
	padding: 14px;
	background: #ffffff;
}

.hours-header {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 3px solid #d32f2f;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.day-row {
	display: flex;
	justify-content: space-between;
	padding: 5px 5px;
	margin-bottom: 6px;
	transition: all 0.2s ease;
	border: 1px solid transparent;
	font-size: 0.9em;
}

.day-row:hover {
	background: #f5f5f5;
	border-color: #e5e5e5;
}

.day-row.today {
	background: #16a34a;
	border: 2px solid #15803d;
	font-weight: 600;
}

.day-name {
	font-weight: 500;
	padding-right: 10px;
}

.day-row.today .day-name {
	color: #ffffff;
}

.day-hours {
	font-weight: 500;
}

.day-row.today .day-hours {
	color: #ffffff;
}

.footer-note {
	padding: 5px;
	background: #f9fafb;
	text-align: center;
	font-size: 13px;
	color: #535353;
	border-top: 1px solid #e5e7eb;
}

.timezone-indicator {
	background: #e2e2e2;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
}

.locmap iframe {
	width: 100%;
	height: 100%;
	min-height: 400px;
	margin-bottom: 10px;
}

.loccontact {
	font-size: 1.2em;
}