/* Notice Bar — Blocksy top row (Figma nodes 23295:56326, 25078:50345, 25078:50473) */

/* Top row container.
   NOTE: background-color, height, and text color are intentionally NOT set here.
   They are Customizer values (Header > Top Row > Background / Row Height, and the
   Top Row text element > Font Color) so non-devs can change them without touching
   code. Hardcoding them here (with !important) previously overrode the Customizer
   and silently broke that workflow (tasks 86ey73757 / 86ey735rp audit). Leave them
   to the Customizer; only non-Customizer layout (padding, flex, icon) lives here. */
#header [data-row="top"] {
	padding: 0 16px;
}

/* Center the content */
#header [data-row="top"] .ct-container {
	justify-content: center;
}

/* Text element */
#header [data-row="top"] .ct-header-text .entry-content,
#header [data-row="top"] .ct-header-text .entry-content p {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	/* color: comes from the Customizer (Top Row text element > Font Color) */
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
}

/* Bed icon */
#header [data-row="top"] .ct-header-text svg {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	vertical-align: middle;
	fill: currentColor;
}

/* Tablet & Mobile — tighter line-height */
@media (max-width: 1024px) {
	#header [data-row="top"] .ct-header-text .entry-content,
	#header [data-row="top"] .ct-header-text .entry-content p {
		line-height: 20px;
	}
}

/* Small mobile — allow wrapping */
@media (max-width: 480px) {
	#header [data-row="top"] .ct-header-text .entry-content p {
		white-space: normal;
		text-align: center;
		font-size: 12px;
	}
}