/* --- /_modern-font.css --- */
/* Minimal font modernisation overlay — the ONLY change from the faithful mirror.
   Swaps the WordPress Open Sans body text for Figtree (a fresher humanist sans
   with near-identical metrics, so layout does not shift). Headings keep the
   site's original Quicksand. Remove this one <link> to revert 100% to original. */

/* Figtree is self-hosted as a first-party @font-face (below) rather than loaded
   from fonts.googleapis.com. A cross-origin Google Fonts <link> would fire a
   request to Google — leaking the visitor's IP — BEFORE cookie consent. These
   files are served first-party from /assets/fonts/figtree/, so no third-party
   request is made. The two woff2 files are the exact Google Fonts v9 latin and
   latin-ext subsets (variable weight axis 300–900; we use 400–700). font-display
   is swap, matching the original &display=swap, so text renders immediately in
   the Open Sans fallback and swaps to Figtree with the same near-identical
   metrics — no layout shift, no invisible-text flash. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/figtree/figtree-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/figtree/figtree-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Quicksand — the site's original HEADING font. Was loaded via a deferred
   //fonts.googleapis.com <link> that the Complianz plugin used to promote on
   consent; that plugin was removed by seo/trim.py and its CookieConsent v3
   replacement does not manage <link data-href>, so the link never loaded and
   headings silently fell back to a system font. Self-hosted first-party here
   (exact Google Fonts v37 latin + latin-ext subsets, variable weight axis
   300-700; the site uses 300/500/600/700) so no pre-consent Google request is
   made. font-display: swap matches the original &display=swap. */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/quicksand/quicksand-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/quicksand/quicksand-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Montserrat — used on a handful of Beaver Builder .fl-heading modules
   (font-family: Montserrat, sans-serif). Same deferred-link problem as
   Quicksand; self-hosted first-party (Google Fonts v31 latin + latin-ext,
   variable axis; the site uses 400/600/700). */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/montserrat/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body,
p, li, td, th, span, label, a,
input, select, textarea, button,
.fl-rich-text, .fl-callout-text, .fl-button, .entry-content,
.gform_wrapper, .vmform, .field_name {
  font-family: 'Figtree', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* --- ICON FONTS: never let the body-font swap blank out icon glyphs --- */
/* .dashicons sets its font WITHOUT !important, so the body override above
   was winning and hiding glyphs (e.g. the tooltip "i" eye). Restore them. */
.dashicons, .dashicons::before,
[class^="dashicons-"], [class^="dashicons-"]::before,
[class*=" dashicons-"], [class*=" dashicons-"]::before {
  font-family: "dashicons" !important;
}
.fa, .fas, .far, .fab, .fal, .fad, .fa-solid, .fa-regular, .fa-brands,
[class^="fa-"], [class^="fa-"]::before,
[class*=" fa-"], [class*=" fa-"]::before,
i[class^="fa"], i[class*=" fa"] {
  font-family: "Font Awesome 7 Free","Font Awesome 7 Brands","Font Awesome 5 Free","Font Awesome 5 Brands","FontAwesome" !important;
}
/* --- /_bullet-fix.css --- */
/* Hero bullet cosmetics — Steve's staging feedback (22 Aug 2026).
   NOTE: both issues below exist identically on the LIVE simplelifecover.com
   (measured desktop + mobile). This file is a DELIBERATE deviation from the
   100%-faithful mirror, held pending Paul's approval. Not linked/deployed yet.

   To apply: copy into mirror/, add one <link> to each page <head>, redeploy.

   FIX 1 — icon touches text (glyph->text gap = 0px on live and staging).
   .fl-list-item-content-icon is a table-cell; padding-right opens a real gap. */
.fl-list-item-content-icon { padding-right: 9px; }

/* FIX 2 — 40px gap between bullets 2 and 3 on mobile.
   The two bullet columns stack on mobile; each .fl-module-list has 20px top
   + 20px bottom margin = 40px between the stacked groups. Tighten on mobile
   only, so the four bullets read as one list. Desktop (side-by-side) unchanged. */
@media (max-width: 768px) {
  .fl-module-list { margin-top: 5px !important; margin-bottom: 5px !important; }
}

/* FIX 3 — over-50s-quote "Compare Quotes" CTA buttons overlap on mobile.
   Both buttons (fl-node-01gqa4tfos63 / o3qe241pmn56) are set to font-size 42px
   in Beaver Builder while line-height stays at the base 18px. On desktop the
   text fits one line; on mobile it wraps and the two lines collide. Scale the
   text down on small screens so it fits cleanly. Desktop keeps the large size.
   (Steve's staging feedback, 22 Aug 2026.) */
@media (max-width: 768px) {
  .fl-node-01gqa4tfos63 .fl-button:is(a, button),
  .fl-node-o3qe241pmn56 .fl-button:is(a, button) {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }
}

/* FIX 4 — mobile tap targets. The SEO "Explore life insurance" footer links
   render ~21px tall on mobile, below the ~44px touch guideline. Add vertical
   padding on small screens so each link is a comfortable tap target. This
   block is our own addition, so styling it is not a mirror deviation. */
@media (max-width: 768px) {
  .slc-seo-links nav a { display: inline-block; padding: 10px 0; }
  .slc-seo-links nav { gap: 4px 22px; }
}

/* FIX 5 — VM form buttons wrap on mobile ("Continue" breaks onto two lines).
   The form's next/back/submit buttons are width:50% with font-size:30px, so on
   a narrow mobile container the button is ~105px but "Continue" needs ~127px and
   wraps. Every form page shares this rule; the cost page hits it first (its form
   sits in a padded slot). On mobile, size buttons to their text at 18px and stop
   wrapping. Desktop keeps the original 50%/30px. (Paul, 22 Aug 2026.) */
@media (max-width: 768px) {
  .vmform .vmform-button-next,
  .vmform .vmform-button-submit,
  .vmform .vmform-button-back {
    width: auto !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* FIX 6 — mobile tap targets on the footer legal links (were 13px, pipe-separated,
   adjacent). Give each a comfortable hit area and readable size on mobile. */
@media (max-width: 768px) {
  a[href="/privacy-policy/"],
  a[href="/cookie-policy/"],
  a[href="/terms-and-conditions/"] {
    display: inline-block;
    padding: 8px 6px;
    font-size: 15px;
  }
}