/* ==========================================================================
   Sidebar Widget — Opening Hours Card
   --------------------------------------------------------------------------
   Styles the opening hours card (Figma node 431:2283).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Widget aside wrapper — strip GeneratePress inner-padding
   -------------------------------------------------------------------------- */
.azuri-opening-hours-widget.widget {
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Card shell
   -------------------------------------------------------------------------- */
.azuri-opening-hours__card {
	background: var(--azuri-color-white);
	border: 0.5px solid #deeaec;
	border-radius: 14px;
	padding: var(--azuri-space-6) var(--azuri-space-6) 0; /* 24px top/sides, flush bottom */
}

/* --------------------------------------------------------------------------
   Heading — "Opening hours"
   -------------------------------------------------------------------------- */
.azuri-opening-hours__heading {
	color: var(--azuri-color-ink);
	font-family: var(--azuri-font-family-base);
	font-size: 15px;
	font-weight: var(--azuri-font-weight-medium);
	letter-spacing: -0.2344px;
	line-height: 22.5px;
	margin: 0 0 var(--azuri-space-4); /* 16px gap before first row */
}

/* --------------------------------------------------------------------------
   Rows list
   -------------------------------------------------------------------------- */
.azuri-opening-hours__list {
	display: flex;
	flex-direction: column;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------
   Individual row — day | hours, space-between
   -------------------------------------------------------------------------- */
.azuri-opening-hours__row {
	align-items: center;
	border-bottom: 1px solid #f5f9fa;
	display: flex;
	justify-content: space-between;
	padding: var(--azuri-space-2) 0; /* 8px top/bottom, matches Figma pt-8 pb-9 */
}

/* Last row has no divider */
.azuri-opening-hours__row--last {
	border-bottom: none;
}

/* --------------------------------------------------------------------------
   Day label — left column
   -------------------------------------------------------------------------- */
.azuri-opening-hours__day {
	color: var(--azuri-color-ink); /* #2e404f */
	font-family: var(--azuri-font-family-base);
	font-size: 13px;
	font-weight: var(--azuri-font-weight-regular);
	letter-spacing: -0.0762px;
	line-height: 19.5px;
}

/* --------------------------------------------------------------------------
   Hours — right column (slightly muted on normal rows)
   -------------------------------------------------------------------------- */
.azuri-opening-hours__time {
	color: #5a6f80; /* mid-grey per Figma */
	font-family: var(--azuri-font-family-base);
	font-size: 13px;
	font-weight: var(--azuri-font-weight-regular);
	letter-spacing: -0.0762px;
	line-height: 19.5px;
}

/* --------------------------------------------------------------------------
   Muted rows (e.g. Public holidays / Closed) — both columns light grey
   -------------------------------------------------------------------------- */
.azuri-opening-hours__row--muted .azuri-opening-hours__day,
.azuri-opening-hours__row--muted .azuri-opening-hours__time {
	color: #9aabb8; /* light grey per Figma */
}