/*
Theme Name: Weston Marine Lake
Theme URI: https://westonmarinelake.co.uk
Author: Weston Marine Lake project
Description: Bespoke theme for Weston Marine Lake — the community tidal lake on
  Weston-super-Mare's seafront. Built from the approved v5 design. Everything
  the Mudlarks need to edit is either page content, a custom post type, or a
  field on Settings → Lake conditions. No plugins are required for the theme to
  work, so there is nothing for a volunteer to renew or reinstall.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: weston-marine-lake
Tags: custom-menu, featured-images, translation-ready
*/

/* The design itself lives in assets/css/styles-v5.css, enqueued ahead of this
   file. Keep this stylesheet for small overrides only — anything that belongs
   to the design system should go in the main sheet so the static prototype and
   the theme do not drift apart. */

/* ── WordPress plumbing ───────────────────────────────────────────────
   Small bridges between core's markup and the design system. Anything
   here is about WordPress, not about the lake — design changes belong in
   assets/css/styles-v5.css.
   ────────────────────────────────────────────────────────────────────── */

/* Core marks the current page with its own classes; the design uses .is-active. */
.wml-nav .wml-current > a,
.wml-nav .current-menu-item > a,
.wml-nav .current_page_item > a {
  background: var(--navy);
  color: var(--white);
}

/* Menus come out of core as plain lists. */
.wml-nav ul,
.wml-footer ul { list-style: none; margin: 0; padding: 0; }

/* The event filters are links here, not buttons. */
a.wml-chip { text-decoration: none; display: inline-block; }

/* Card headings and event titles are links once the content is dynamic. */
.wml-card h3 a,
.wml-event h3 a,
.wml-event-row h3 a,
.wml-news-body h3 a { color: inherit; text-decoration: none; }
.wml-card h3 a:hover,
.wml-event h3 a:hover,
.wml-event-row h3 a:hover,
.wml-news-body h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* A banner with no featured image still needs a floor to stand on. */
.wml-page-hero.is-plain { background: var(--navy); }

/* Editor output inside .wml-prose. */
.wml-prose img,
.wml-prose .wp-block-image img { border-radius: var(--radius); }
.wml-prose figure { margin: 26px 0; }
.wml-prose figcaption,
.wml-prose .wp-element-caption {
  margin-top: 10px;
  font-size: 15px;
  color: var(--ink-muted);
  text-align: center;
}
.wml-prose blockquote {
  margin: 26px 0;
  padding: 22px 26px;
  background: var(--sky-soft);
  border-radius: var(--radius);
  font-size: 19px;
  line-height: 1.6;
  color: var(--navy);
}
.wml-prose h2 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 700;
  color: var(--navy);
  margin: 34px 0 12px;
}
.wml-prose table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.wml-prose td, .wml-prose th { padding: 12px 14px; border-top: 1px solid rgba(16,57,92,0.10); text-align: left; }

/* Core accessibility helper, matching .wml-sr-only. */
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.screen-reader-text:focus {
  width: auto; height: auto;
  clip: auto;
  background: var(--navy);
  color: var(--white);
  padding: 12px 20px;
  z-index: 999;
}

/* the_posts_pagination() nests its links inside .nav-links. */
.wml-pagination .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }

/* Search form, used on the 404 page. */
.wml-card .search-form { display: flex; gap: 8px; margin-top: auto; }
.wml-card .search-field {
  flex: 1;
  font: inherit;
  border: 2px solid rgba(16,57,92,0.16);
  border-radius: 999px;
  padding: 11px 18px;
}
.wml-card .search-submit {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  border: 0;
  border-radius: 999px;
  padding: 11px 20px;
  background: var(--navy);
  color: var(--white);
  cursor: pointer;
}

/* Supporter logos in the carousel. */
.wml-supporter img { max-height: 60px; width: auto; object-fit: contain; }
.wml-supporter a { display: block; color: inherit; text-decoration: none; }