/* Drink With Us — listing facts bar

   Address, phone, today's hours and the practical detail, above the
   fold, as text rather than locked inside a map iframe.

   Three-class selectors where needed: .fl-page p and
   .fl-builder-content * print after this file. */

.dwu-facts {
	margin: var(--space-6, 1.5rem) 0 var(--space-8, 2rem);
	padding: var(--space-5, 1.25rem) 0;
	border-top: 1px solid rgba(15, 46, 38, 0.14);
	border-bottom: 1px solid rgba(15, 46, 38, 0.14);
}

.dwu-facts__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--space-5, 1.25rem) var(--space-6, 1.5rem);
}

.dwu-facts__item {
	min-width: 0;
}

.fl-page .dwu-facts .dwu-facts__label {
	margin: 0 0 4px !important;
	max-width: none !important;
	color: var(--color-dusty-mauve, #ba7157) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: 0.6875rem !important;
	line-height: 1.2 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

.fl-page .dwu-facts .dwu-facts__value {
	margin: 0 !important;
	max-width: none !important;
	color: var(--color-inky-green, #0f2e26) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: var(--text-sm, 1rem) !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
}

.fl-page .dwu-facts .dwu-facts__value a {
	color: inherit !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(15, 46, 38, 0.3);
	padding-bottom: 1px;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.fl-page .dwu-facts .dwu-facts__value a:hover {
	color: var(--color-dusty-mauve, #ba7157) !important;
	border-bottom-color: var(--color-dusty-mauve, #ba7157);
}

/* Today's status carries a little more weight than the rest — it is the
   thing most visitors are actually checking. */

.fl-page .dwu-facts .dwu-facts__value--status {
	color: var(--color-forest-green, #0f5a38) !important;
}

/* Full week.

   <details> rather than JavaScript: every day stays in the DOM whether
   open or closed, so a crawler and a screen reader both get the whole
   week, and it works before any script loads. */

.dwu-facts__hours {
	margin: 0;
}

.fl-page .dwu-facts .dwu-facts__hours summary {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	cursor: pointer;
	list-style: none;
}

.dwu-facts__hours summary::-webkit-details-marker {
	display: none;
}

.dwu-facts__hours summary::after {
	content: "";
	width: 0.42em;
	height: 0.42em;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	margin-top: -0.2em;
	opacity: 0.6;
	transition: transform 0.18s ease;
}

.dwu-facts__hours[open] summary::after {
	transform: rotate(-135deg);
	margin-top: 0.1em;
}

.fl-page .dwu-facts .dwu-facts__week {
	list-style: none !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
}

.fl-page .dwu-facts .dwu-facts__week li {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	margin: 0 !important;
	padding: 3px 0 !important;
	color: rgba(15, 46, 38, 0.72) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: 0.8125rem !important;
	line-height: 1.4 !important;
	letter-spacing: 0 !important;
}

.fl-page .dwu-facts .dwu-facts__week li.is-today {
	color: var(--color-inky-green, #0f2e26) !important;
}

.dwu-facts__week li.is-today .dwu-facts__day::after {
	content: " ·";
	color: var(--color-dusty-mauve, #ba7157);
}

.dwu-facts__day {
	flex: none;
}

.dwu-facts__span {
	text-align: right;
}

/* Actions */

.dwu-facts__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
	margin-top: var(--space-5, 1.25rem);
}

.fl-page .dwu-facts .dwu-facts__link {
	display: inline-flex;
	align-items: center;
	height: 38px;
	color: var(--color-inky-green, #0f2e26) !important;
	font-family: var(--font-body, sans-serif) !important;
	font-size: 0.75rem !important;
	line-height: 1 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(15, 46, 38, 0.28);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.fl-page .dwu-facts .dwu-facts__link:hover {
	color: var(--color-dusty-mauve, #ba7157) !important;
	border-bottom-color: var(--color-dusty-mauve, #ba7157);
}

/* The add button is styled by the unified trip-control block in the site
   stylesheet. Only its position in the row is set here. */

.dwu-facts__actions .dwu-facts__add {
	flex: 0 0 auto;
	order: -1;
}

@media (max-width: 600px) {
	.dwu-facts__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-4, 1rem);
	}

	.dwu-facts__actions {
		gap: 10px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dwu-facts__hours summary::after {
		transition: none;
	}
}

@media print {
	.dwu-facts__actions {
		display: none;
	}

	/* A printed itinerary should carry the whole week. */
	.dwu-facts__week {
		display: block !important;
	}

	.dwu-facts__hours summary::after {
		display: none;
	}
}