/* ============================================================
   League of Cooking (Limoncella-style) — About page (Phase 7).
   The existing About page (page 198, /about-2/) already has 100% REAL
   content (Amelia's real bio, real photos of her kitchen/kid/cat, real
   culinary-experience copy, real community CTA) built with the OLD
   everaro-style palette as inline block styles. Per the "don't touch
   data, restyle only" rule, this file recolors those inline styles via
   attribute selectors (never touches post content) to the Limoncella
   token palette, and styles the two NEW shortcodes appended at the end
   of the page: [lim_about_quote] (decorative pull-quote, matching
   Limoncella's cream/squiggle card) and [lim_about_social] (real
   Connect-With-Me row, reusing lim-about__social-btn from home.css).
   ============================================================ */

/* Native Kadence page-title band is redundant - the real About content
   already opens with its own "About Me" hero band (MEASURED fix, same
   issue found on the Recipe Index page). */
body.page-id-198 .entry-hero { display: none; }

/* ---- Recolor the existing real content's inline band backgrounds ---- */
.page-id-198 .wp-block-group[style*="background-color:#faf1ec"] {
	background-color: var(--lim-bg) !important;
}
.page-id-198 .wp-block-group[style*="background-color:#e0b8a9"] {
	background-color: var(--lim-accent) !important;
}
.page-id-198 [style*="color:#e0b8a9"] {
	color: var(--lim-accent) !important;
}
.page-id-198 [style*="color:#2a2a2a"] {
	color: var(--lim-ink-dark) !important;
}
.page-id-198 .wp-block-image img[style*="border-radius"] {
	border-radius: var(--lim-radius-button) !important;
}
.page-id-198 .wp-block-button__link[style*="background-color:#ffffff"] {
	background-color: var(--lim-surface) !important;
	border-radius: var(--lim-radius-button) !important;
}

/* ---- Typography: match Limoncella's heading/body fonts sitewide ---- */
.page-id-198 h1, .page-id-198 h2, .page-id-198 h3 { font-family: var(--lim-font-heading); }
.page-id-198 p, .page-id-198 .wp-block-paragraph { font-family: var(--lim-font-body); }

/* ---- [lim_about_quote] — decorative pull-quote card ---- */
.lim-about-quote {
	max-width: var(--lim-container-wide); margin: var(--lim-space-12) auto; padding: var(--lim-space-8) 20px;
	background: var(--lim-bg); border: 1px dashed var(--lim-steel-blue); border-radius: var(--lim-radius-button);
	text-align: center;
}
.lim-about-quote__squiggle { display: block; font-size: 28px; color: var(--lim-accent); margin-bottom: var(--lim-space-3); }
.lim-about-quote p {
	font-family: var(--lim-font-heading); font-size: 22px; line-height: 1.4; color: var(--lim-ink-dark);
	max-width: 640px; margin: 0 auto;
}

/* ---- [lim_about_social] — Connect With Me row ---- */
.lim-about-social {
	max-width: var(--lim-container-wide); margin: 0 auto; padding: var(--lim-space-12) 20px; text-align: center;
}
.lim-about-social h2 { margin-bottom: var(--lim-space-6); }
.lim-about-social__row {
	display: flex; justify-content: center; gap: var(--lim-space-4); flex-wrap: wrap;
}
.lim-about-social__row .lim-about__social-btn { min-width: 160px; }

@media (max-width: 767px) {
	.lim-about-quote p { font-size: 18px; }
}