/* [fs_store_hours]. Fonts and colors fall back to the Food Shed brand when the page has no --fs-* variables. */
.fsh-card {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 16px 22px 18px;
	color: #3C2415;
	text-align: center;
	background: #FCB534;
	border: 3px solid #3C2415;
	border-radius: 18px;
	box-shadow: 6px 6px 0 #3C2415;
}
.fsh-card p,
.fsh-line { margin: 0; }
.fsh-card__tagline { font: var(--fs-script-weight, 900) 22px/1.1 var(--fs-script, "Caveat Brush"), cursive; }
.fsh-card__hours { font: var(--fs-display-weight, 400) 40px/1 var(--fs-display, "Press Style"), serif; letter-spacing: .5px; }
.fsh-card__status,
.fsh-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font: 700 15px/1.3 var(--fs-body, "Lato"), sans-serif;
}
.fsh-line { justify-content: flex-start; flex-wrap: wrap; }
.fsh-dot {
	flex: none;
	width: 12px;
	height: 12px;
	background: #79A13F;
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(121, 161, 63, .25);
}
[data-state="open"] .fsh-dot { animation: fsh-pulse 2.4s ease-in-out infinite; }
[data-state="soon"] .fsh-dot { background: #F36C22; box-shadow: 0 0 0 3px rgba(243, 108, 34, .25); }
[data-state="closed"] .fsh-dot { background: #BB1E48; box-shadow: 0 0 0 3px rgba(187, 30, 72, .2); }
.fsh-notice {
	margin-top: 6px !important;
	padding: 5px 12px;
	font: 700 14px/1.3 var(--fs-body, "Lato"), sans-serif;
	color: #FFFFFF;
	background: #52154E;
	border-radius: 999px;
}
.fsh-line .fsh-notice { margin-top: 0 !important; }
.fsh-notice[hidden] { display: none; }
.fsh-inline { display: inline; }
.fsh-inline .fsh-dot { display: inline-block; width: .62em; height: .62em; margin-right: .4em; vertical-align: .02em; }
.fsh-inline .fsh-notice { margin: 0 !important; padding: 0; font: inherit; color: inherit; background: none; border-radius: 0; }
.fsh-inline .fsh-notice::before { content: " \00B7  "; }
@keyframes fsh-pulse { 50% { box-shadow: 0 0 0 7px rgba(121, 161, 63, 0); } }
@media (prefers-reduced-motion: reduce) {
	[data-state="open"] .fsh-dot { animation: none; }
}
