/*
Theme Name: Flynn Stone
Theme URI: https://flynnstonerocks.com
Description: Child theme for Flynn Stone Design & Fabrication (Kadence).
Author: Purpose Proxy
Template: kadence
Version: 1.0.1
*/

/* --- Flynn: section-heading flourish (— Heading —). Design element with no block UI.
   Applied via an Advanced Heading "Additional CSS Class" = flynn-flourish. Logged in docs/custom-css-log.md --- */
.flynn-flourish .kt-adv-heading-inner,
.flynn-flourish { display: flex; align-items: center; justify-content: center; gap: 22px; }
.flynn-flourish::before, .flynn-flourish::after {
  content: ""; display: inline-block; height: 2px; width: 46px; flex: 0 0 46px;
  background: var(--global-palette1);
}

/* Flynn: inline terracotta accent word (palette-based, avoids inline styles). Class "flynn-accent". */
.flynn-accent { color: var(--global-palette1); }

/* --- Flynn header: vertically centre the menu against the logo --- */
.site-main-header-inner-wrap.site-header-row { align-items: center; }
.site-header-main-section-left.site-header-section,
.site-header-main-section-right.site-header-section { align-items: center; }
/* "Get An Estimate" nav item: terracotta, darker on hover (concept) */
#primary-menu .nav-estimate > a .nav-drop-title-wrap,
.header-navigation .nav-estimate > a { color: var(--global-palette1) !important; }
.header-navigation .nav-estimate > a:hover { color: var(--global-palette2) !important; }

/* Flynn: Our Stone cards are square tiles with centred content (no Kadence aspect-ratio control on columns) */
.flynn-stone-card > .kt-inside-inner-col { aspect-ratio: 1 / 1; justify-content: center; align-items: center; }
@media (max-width: 767px){ .flynn-stone-card > .kt-inside-inner-col { aspect-ratio: 16 / 10; } }

/* Flynn: centre the inner block image within a centred Kadence image figure (service icons, footer logo) */
.wp-block-kadence-image.aligncenter > img.kb-img { margin-left: auto; margin-right: auto; display: block; }

/* Flynn: constrain the footer stacked logo (Kadence image width attr doesn't render in static markup) */
.flynn-footer-logo img.kb-img { max-width: 290px; margin-left: auto; margin-right: auto; display: block; }
@media (max-width: 767px){ .flynn-footer-logo img.kb-img { max-width: 230px; } }

/* --- Flynn: sticky footer ---
   The site footer is a Theme Kit Pro replace_footer element, so Kadence never emits its own
   `footer-on-bottom` flex CSS (that only ships with the Customizer footer builder). The body still
   gets the class, but nothing stretches the content, so on short pages the footer floated up under
   the content. Supply the layout: #wrapper is a full-height flex column and #inner-wrap grows,
   pinning the footer rows (direct children of #wrapper) to the bottom of the viewport.
   Logged in docs/custom-css-log.md. */
body.footer-on-bottom #wrapper.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; }
body.footer-on-bottom #wrapper.wp-site-blocks > #inner-wrap { flex: 1 0 auto; }

/* Flynn: project "Stone Used" dynamic field is a newline-separated list — preserve the line breaks */
.flynn-stone-list, .flynn-stone-list .kt-adv-heading-inner { white-space: pre-line; }

/* Flynn: hero headline fills the width to a ~40px side margin (fluid). The block's per-breakpoint
   font sizes are a fallback; this scales the "From Quarry / to Creation" title with the viewport.
   Logged in docs/custom-css-log.md. */
.flynn-hero-title.wp-block-kadence-advancedheading { font-size: clamp(34px, 9.5vw, 190px) !important; line-height: 1.02; }