/* ================================================
   AMOTZ — ANNOUNCEMENT BAR  (Figma 566:9807)
   ================================================
   band     1440x46 · gold gradient, bright end on the canvas LEFT
   text     923px centred · Polin Medium 14/1.2 · tracking 1.54 · uppercase · white
   radius   3px on the LEFT corners only (566:9807) — see note below
   ================================================ */

.az-annbar {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 8px 24px;
	background-image: var(--az-gradient-gold);
	text-align: center;
}

/* The design rounds only the two LEFT corners by 3px. On a full-bleed band that touches
   both viewport edges this is invisible, and it is almost certainly an artifact of the
   frame being cropped out of a wider comp — but it costs nothing to carry, and dropping it
   silently is how a design detail gets "lost in conversion". Physical corners, matching the
   LTR Figma canvas, not logical ones. */
.az-annbar__link,
.az-annbar {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.az-annbar__text {
	max-width: 923px; /* the design's text box */
	font-family: var(--az-font-heading);
	font-size: 14px;
	font-weight: 500; /* Polin Medium */
	line-height: 1.2;
	letter-spacing: 1.54px;
	text-transform: uppercase;
	color: var(--az-on-gold);
	/* Hebrew has no case, so `uppercase` above is a no-op for the Hebrew glyphs and only
	   affects any Latin the client types in. It is kept because the design declares it. */
	word-break: break-word;
}

/* The whole band is the click target when a URL is set. Colour is inherited rather than
   re-declared so the text rule above stays the single source of truth. */
.az-annbar__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: inherit;
	text-decoration: none;
}

.az-annbar__link:hover .az-annbar__text,
.az-annbar__link:focus-visible .az-annbar__text {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ------------------------------------------------
   RESPONSIVE
   ------------------------------------------------
   The bar is one long unbreakable Hebrew sentence separated by "·". At 1440 it fits on one
   line; below roughly 900 it wraps to two, which is why the band uses `min-height` and
   vertical padding rather than a fixed 46px height — a fixed height would clip the second
   line instead of growing.

   The type steps down rather than scaling with the viewport: 1.54px of tracking on 14px
   type is already loose, and letting it ride down to phone sizes turns the sentence into
   spaced-out fragments. */
@media (max-width: 768px) {
	.az-annbar {
		padding: 8px 16px;
	}

	.az-annbar__text {
		font-size: 12px;
		letter-spacing: 1px;
	}
}