/*
Theme Name:   Living Waters
Theme URI:    https://optivro.com
Description:  Child theme for Living Waters Enterprises — five licensed family care homes in Buncombe County, North Carolina. Owns the document shell, the Homes/Team/Updates templates, and the global element base. All design tokens live in the Living Waters Core plugin so the palette survives a theme change.
Author:       Optivro
Author URI:   https://optivro.com
Template:     astra
Version:      1.0.0
Requires PHP: 8.0
Text Domain:  living-waters
Tags:         care-home, editorial, accessible
*/

/* ============================================================================
 * Global element base only.
 * Component styling lives in the plugin (widgets.css / templates.css) so the
 * widgets keep their identity if this theme is ever swapped.
 * ========================================================================== */

body{
  background-color:var(--lw-paper);
  color:var(--lw-ink);
  font-family:var(--lw-sans);
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

h1,h2,h3,h4{
  font-family:var(--lw-display);
  font-weight:400;
  font-variation-settings:'SOFT' 0,'WONK' 1;
  letter-spacing:-.022em;
  line-height:1.06;
  color:var(--lw-ink);
}

a{ color:var(--lw-green-dk); }

::selection{ background:rgba(36,144,120,.22); }

:focus-visible{
  outline:2px solid var(--lw-green-dk);
  outline-offset:3px;
  border-radius:3px;
}

img{ max-width:100%; height:auto; }

/* ⚠️ Do NOT add a blanket `svg{max-width:100%}` here.
   Combined with an auto-sized grid/flex track it creates a circular sizing
   dependency that Chrome resolves to a 0px icon — the element stays present and
   clickable but invisible. This hid an entire mobile menu button on the
   reference project. Size SVGs explicitly instead. */

/* --- Astra neutralisation ---------------------------------------------------
   Astra ships opinionated containers, spacing and button fills. We take over
   layout entirely on our templates; these are the minimum overrides. */
.ast-container{ display:block; }
.site-content .ast-container{ max-width:none; padding:0; }
.entry-content > *{ max-width:none; }