/* =====================================================================
   editorial.css — Source Serif 4 italic accent treatment + small flourishes
   that don't fit cleanly into components.css. Loaded both frontend + editor
   so patterns preview faithfully in Gutenberg.
   ===================================================================== */

/* Italic accent helper — used inside H1/H2/H3 to italicize one or two
   keywords. Drives Kadence's "Italic" toggle to use Source Serif 4. */
.psi-italic-accent,
em.psi-italic-accent,
.has-source-serif-quote-font-family em,
.has-source-serif-quote-font-family i {
	font-family: var(--wp--preset--font-family--serif-quote);
	font-style: italic;
	font-weight: 400;
}

/* In Gutenberg the editor wraps text differently — make the italic accent
   render correctly inside any heading's <em> child without requiring the
   user to add a class. Heading-level <em> inherits Source Serif 4 italic. */
.editor-styles-wrapper h1 em,
.editor-styles-wrapper h2 em,
.editor-styles-wrapper h3 em,
.psi-section-h2 em,
.psi-hero__h1 em,
.psi-article-h1 em,
.psi-intro h2 em,
.psi-pricing-band h2 em,
.psi-form-copy h2 em {
	font-family: var(--wp--preset--font-family--serif-quote);
	font-style: italic;
	font-weight: 400;
}

/* Hairline list utility — used in beneficios + ses-supporting */
.psi-hairline-list { list-style: none; padding: 0; margin: 0; }
.psi-hairline-list > li {
	padding-block: 22px;
	border-top: 1px solid var(--psi-c-border);
}
.psi-hairline-list > li:first-child { border-top: 1px solid var(--psi-c-border-strong); }
.psi-hairline-list > li:last-child  { border-bottom: 1px solid var(--psi-c-border-strong); }

/* Generic callout used inside articles. Editor-friendly so patterns preview. */
.is-style-psi-callout,
.psi-callout {
	background: var(--psi-c-primary-tint);
	border-left: 3px solid var(--psi-c-primary);
	padding: 20px 22px;
	border-radius: 0 var(--psi-r-md) var(--psi-r-md) 0;
}

/* Price callout — H1's sibling, used in hero + pricing band variants */
.psi-price-callout {
	font-size: var(--wp--preset--font-size--price, 32px);
	font-weight: 500;
	color: var(--psi-c-primary-deep);
	letter-spacing: -0.01em;
}
.psi-price-callout .psi-currency {
	color: var(--psi-c-text-muted);
	font-weight: 400;
}