/* ==========================================================================
   Pattern-library shared CSS — rules that were byte-identical duplicates
   across two or more page CSS files, consolidated here so pattern
   consumers (new pages built from patterns/) get them from one place.
   No class was renamed and no computed value was changed when moving
   these — see PATTERNS-CSS.md / the implementer report for the audit.
   ========================================================================== */

/* Eyebrow line-height fix: every page-header wrapper needs this same
   correction (design box is ~17px tall / line-height normal; the
   inherited global 1.7 line-height renders it 20.4px). Previously
   duplicated verbatim in acasa.css, servicii.css, resurse.css and
   contact.css under each page's own header-wrapper selector — merged
   here as a single grouped rule. (Despre's version additionally forces
   font-size:12px !important, so it is NOT a duplicate and stays in
   despre.css.) */
.fi-hero-text .fi-eyebrow,
.fi-svc-header .fi-eyebrow,
.fi-resurse-hero .fi-eyebrow,
.fi-contact-header .fi-eyebrow {
	line-height: normal;
}

/* Small status dot (8px circle, deep-colored, non-shrinking). Was also
   duplicated as .fi-notice-dot (resurse.css) for the Resurse demo-content
   notice box; that box was removed (owner annotation C) and .fi-notice-dot
   is no longer used anywhere, so it's dropped from this selector — the rule
   itself stays for .fi-confidentiality (homepage). */
.fi-confidentiality__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--deep);
	flex: none;
}

/* Inline notice/callout box (tint background, 14px radius, 15px/20px
   padding). Was also duplicated as .fi-resurse-notice (resurse.css) for the
   Resurse demo-content notice box; that box was removed (owner annotation C)
   and .fi-resurse-notice is no longer used anywhere, so it's dropped from
   this selector — the rule itself stays for .fi-confidentiality (homepage).
   acasa.css's `body.home .fi-confidentiality { padding: 12px 20px; }`
   override is page-specific and stays there. */
.fi-confidentiality {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: var(--wp--preset--color--tint);
	border-radius: 14px;
	padding: 15px 20px;
}