/* ---------- the calls to action: green ----------
   D-31 (Guy, 2026-10-23): every call to action on the site is green,
   including the nav button; design system exception 8 sets the colour.
   Signal green #0A7A3B with a white label (5.4:1, passes WCAG 2.2 AA),
   deepening to #086832 on hover (6.6:1). Colour only: the wording, the size
   and the hover lift stay as they were. The focus ring is never green: white
   on a dark surface, deep red on a white one, as before.
   What counts as a call to action: the nav's button, and every button link
   to /contact (the footer's, the closing bands', the articles'), the
   "Start an agentic conversation" links inside an article's sentences
   (.cta-inline), the chat's "book a conversation" button, and any other
   button link marked .btn-cta (the 404 page's "Back to the home page",
   Guy, 2026-10-24). Form submit
   buttons ("Send message", "Save and keep going", "Subscribe") and "Read"
   links are not calls to action and keep their look (D-27). Home's hero
   button is already green (home.css section 11). This file is loaded by the
   nav on every page. */
.fv-site{ --cta:#0A7A3B; --cta-hover:#086832; }

/* the nav's button, on every bar state: clear at the top, over a photograph,
   on the white bar and on the glass bar */
.fv-site .site-nav .nav-link.nav-action,
.fv-site .site-nav.nav-light:not(.open) .nav-link.nav-action,
.fv-site .site-nav.nav-over-photo:not(.open) .nav-link.nav-action{ background:var(--cta); color:#fff; border-color:transparent; }
.fv-site .site-nav .nav-link.nav-action:hover,
.fv-site .site-nav.nav-light:not(.open) .nav-link.nav-action:hover,
.fv-site .site-nav.nav-over-photo:not(.open) .nav-link.nav-action:hover{ background:var(--cta-hover); color:#fff; }
.fv-site .site-nav .nav-link.nav-action:focus-visible{ outline:3px solid var(--red-deep); outline-offset:3px; }
.fv-site .site-nav:not(.nav-light) .nav-link.nav-action:focus-visible{ outline-color:var(--white); }

/* the page's calls to action: every button link to /contact, any button link
   marked .btn-cta, and the chat's booking button (a button, never a form's
   submit) */
.fv-site a.btn.btn-red[href="/contact"],
.fv-site a.btn.btn-red.btn-cta,
.fv-site .ac-actions button.btn.btn-red:not([type="submit"]){ background:var(--cta); color:#fff; }
.fv-site a.btn.btn-red[href="/contact"]:hover,
.fv-site a.btn.btn-red[href="/contact"]:focus-visible,
.fv-site a.btn.btn-red.btn-cta:hover,
.fv-site a.btn.btn-red.btn-cta:focus-visible,
.fv-site .ac-actions button.btn.btn-red:not([type="submit"]):hover,
.fv-site .ac-actions button.btn.btn-red:not([type="submit"]):focus-visible{ background:var(--cta-hover); color:#fff; }

/* "Start an agentic conversation" inside an article's sentence: the same
   green, as a pill around the words that stays in the line and wraps with it
   (Guy, 2026-10-23: the call to action always has a green background) */
.fv-site .prose a.cta-inline{ background:var(--cta); color:#fff; text-decoration:none; padding:0 var(--space-2); border-radius:999px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.fv-site .prose a.cta-inline:hover,
.fv-site .prose a.cta-inline:focus-visible{ background:var(--cta-hover); color:#fff; }
.fv-site .prose a.cta-inline:focus-visible{ outline:3px solid var(--red-deep); outline-offset:3px; }