/* Nana Bath — brand tokens & site-wide polish
   Palette from the live nanabath.com build; typography mirrors betterbath.com
   (Google Sans Flex variable font, self-hosted in this child theme). */

@font-face {
  font-family: 'Google Sans Flex';
  src: url('../fonts/GoogleSansFlex-VariableFont.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --nana-navy: #002533;
  --nana-navy-deep: #00394d;
  --nana-aqua: #7fc4c9;
  --nana-light: #f2f6f6;
  --nana-text: #373737;
  --nana-muted: #5a6b70;
  --nana-font: 'Google Sans Flex', 'Roboto', sans-serif;
}

body {
  font-family: var(--nana-font);
  color: var(--nana-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--nana-font);
  color: var(--nana-navy);
}

.elementor-button,
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-counter .elementor-counter-number-wrapper,
.elementor-widget-nav-menu .elementor-nav-menu {
  font-family: var(--nana-font);
}

a {
  color: var(--nana-navy-deep);
}

a:hover {
  color: var(--nana-aqua);
}

/* Smooth-scroll for #quote / #showers anchor links, offset for sticky header */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
}

/* Keep GHL form iframes from collapsing on small screens */
iframe[id^="inline-"] {
  min-height: 640px;
}