/* ============================================================
   Open Water chrome — FOOTER (native Astra footer builder)
   Island Bound Adventures. Navy band + padding come from the
   Astra footer Design tab (customizer-editable). This layer only
   styles type, colors, chips, brand mark, and the below bar.
   Targets Astra's real footer markup. Header styles appended later.
   ============================================================ */
.site-footer {
  --ow-sail: oklch(0.985 0.006 95);
  --ow-on-navy: oklch(0.96 0.012 230);
  --ow-on-navy-soft: oklch(0.82 0.020 230);
  --ow-blue-500: oklch(0.63 0.165 235);
  --ow-blue-700: oklch(0.46 0.135 240);
  --ow-sun-500: oklch(0.74 0.150 60);
  --ow-display: 'Bricolage Grotesque','Hanken Grotesk',system-ui,sans-serif;
  --ow-sans: 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* base type + colors on the navy bands */
.site-primary-footer-wrap,
.site-below-footer-wrap {
  color: var(--ow-on-navy-soft);
  font-family: var(--ow-sans);
  -webkit-font-smoothing: antialiased;
  text-align: left;
}
.site-footer .site-primary-footer-wrap a,
.site-footer .site-below-footer-wrap a {
  color: var(--ow-on-navy-soft);
  text-decoration: none;
  transition: color 0.18s ease;
}
.site-footer .site-primary-footer-wrap a:hover,
.site-footer .site-below-footer-wrap a:hover {
  color: var(--ow-sail);
  text-decoration: none;
}

/* primary grid: brand column wider, generous gap */
@media (min-width: 922px) {
  .site-primary-footer-inner-wrap {
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr !important;
    gap: 2rem !important;
    align-items: start;
  }
}

/* section headings: widget titles + the NAP "Find us" heading */
.site-footer .widget-title,
.site-footer .owf-h4 {
  color: var(--ow-sail);
  font-family: var(--ow-display);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 1rem;
}

/* widget nav-menu link lists */
.site-footer .footer-widget-area { margin: 0; }
.site-footer .footer-widget-area .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}
.site-footer .footer-widget-area .menu li { margin: 0; }
.site-footer .footer-widget-area .menu-link { font-size: 0.95rem; }

/* brand block (HTML 1) */
.owf-brandlink {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  line-height: 1.05;
}
.owf-name {
  font-family: var(--ow-display);
  font-weight: 800;
  font-size: 1.18rem;
  color: var(--ow-sail);
  letter-spacing: -0.02em;
}
.owf-name small {
  display: block;
  font-family: var(--ow-sans);
  font-weight: 600;
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ow-on-navy-soft);
  margin-top: 2px;
}
.owf-mark {
  width: 34px;
  height: 34px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(150deg, var(--ow-blue-500), var(--ow-blue-700));
  color: var(--ow-sail);
}
.owf-mark svg { width: 19px; height: 19px; }
.owf-blurb {
  margin: 1rem 0 0;
  font-size: 0.92rem;
  max-width: 34ch;
  line-height: 1.6;
}
.owf-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.owf-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--ow-on-navy);
  background: oklch(0.96 0.012 230 / 0.08);
  border: 1px solid oklch(0.96 0.012 230 / 0.14);
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
}
.owf-chip svg { width: 13px; height: 13px; color: var(--ow-sun-500); }

/* NAP block (HTML 2) */
.owf-napbody { font-size: 0.92rem; line-height: 1.7; margin: 0; }

/* below bar: copyright left, footer menu right */
.site-below-footer-inner-wrap .site-footer-below-section-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.site-footer .ast-footer-copyright { font-size: 0.85rem; color: var(--ow-on-navy-soft); }
.site-footer .ast-footer-copyright p { margin: 0; }
.site-footer .footer-navigation .menu {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-navigation .menu-link { font-size: 0.85rem; }