/* ------------------------------------------------------------------
   OffFinance — brand mark only.
   The template's logo is an SVG sprite injected by its JS, so editing
   the markup does not survive hydration. The glyph is hidden and the
   cash-stack mark painted on its container instead.
   Nothing else is styled here: colours, layout and spacing are the
   template's own. An earlier attempt restyled surfaces and broke the
   page, so this file stays at exactly this scope.
   ------------------------------------------------------------------ */
[data-framer-name="logo"] .svgContainer > svg{display:none !important}
[data-framer-name="logo"] .svgContainer{
  background-image:url(/assets/brand/offfinance-logo.png) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}

/* ------------------------------------------------------------------
   Testimonials removed.
   The template ships five invented users with photos and quotes. There
   are no real users to quote yet, so the section is hidden rather than
   refilled with made-up praise. Hidden in CSS because Framer re-renders
   the page from its JS modules after load, so removing the markup from
   the export would not stick.
   ------------------------------------------------------------------ */
div[data-framer-name="testimonials section"]{display:none !important}

/* ------------------------------------------------------------------
   Wordmark.
   The template's nav shows a mark with no name. The product name is set
   next to it with a pseudo-element, so it survives Framer's re-render
   the same way the mark does.
   ------------------------------------------------------------------ */
a[data-framer-name="logo (home page button)"]{
  display:inline-flex !important;
  align-items:center !important;
  gap:.5em !important;
  text-decoration:none !important;
}
a[data-framer-name="logo (home page button)"]::after{
  content:"OffFinance";
  font-weight:800;
  font-size:1.05rem;
  letter-spacing:-.02em;
  line-height:1;
  white-space:nowrap;
  color:currentColor;
}
@media (max-width:600px){
  a[data-framer-name="logo (home page button)"]::after{font-size:.95rem}
}

/* ------------------------------------------------------------------
   The "Made in Framer" badge.
   Framer's runtime mounts it into #__framer-badge-container at the
   bottom-right after hydration, so it is hidden here rather than
   removed from the export.
   ------------------------------------------------------------------ */
#__framer-badge-container,
[id*="framer-badge"],
a[href*="framer.com/r/badge"]{display:none !important}

/* ------------------------------------------------------------------
   Footer email signup removed.
   There is no mailing list -- updates go out on X -- so the email
   label and field are hidden and the button is wired to the X profile
   by a capture-phase listener (the form is re-rendered by Framer after
   load, so a markup edit alone would not hold).
   ------------------------------------------------------------------ */
[data-framer-name="email list"] label,
[data-framer-name="email list"] .framer-form-input,
[data-framer-name="email list"] input[type="email"]{display:none !important}
[data-framer-name="email list"] form{
  justify-content:center !important;
  gap:0 !important;
  padding:10px !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* ------------------------------------------------------------------
   Hero: one call to action, not two.
   The template places two button components side by side. Both ended up
   reading "Launch a coin", so the second container is hidden rather than
   relabelled -- one clear action is better than two competing ones.
   ------------------------------------------------------------------ */
[data-framer-name="buttons"] > div:nth-child(2){display:none !important}

/* ---- nav wordmark: white on the dark bar, not the template's link colour ---- */
a[data-framer-name="logo (home page button)"]::after{
  color:#FFFEFA !important;
}
a[data-framer-name="logo (home page button)"]{color:#FFFEFA !important}
/* give the mark room so it is not squeezed into a few pixels */
[data-framer-name="logo"] .svgContainer{
  min-width:30px !important;
  min-height:30px !important;
}

/* ------------------------------------------------------------------
   One social link, not four.
   The template's footer carries four social components; their icons are
   chosen from the URL, so an instagram.com URL rendered an Instagram
   glyph even after the label was changed. The URLs now all point at X,
   and the duplicates are hidden so only the first remains.
   ------------------------------------------------------------------ */
[data-framer-name="socials"], [data-framer-name="waitlist socials"] > div:not(:first-child){display:none !important}

/* ------------------------------------------------------------------
   Nav: only the buttons that matter.
   Eight items was too many, and three of them were section anchors that
   duplicate what the page already scrolls through. What is left is the
   four places someone actually needs: their coins, their dashboard, the
   docs, and the launch CTA. Spending and Receipts stay reachable from
   the dashboard. Hidden in CSS because Framer re-renders the nav.
   ------------------------------------------------------------------ */
[data-framer-name="nav wrap"] [data-framer-name="link wrap"]:has(a[href="#features"]),
[data-framer-name="nav wrap"] [data-framer-name="link wrap"]:has(a[href="#pricing"]),
[data-framer-name="nav wrap"] [data-framer-name="link wrap"]:has(a[href="#security"]),
[data-framer-name="nav wrap"] [data-framer-name="link wrap"]:has(a[href="/spending.html"]),
[data-framer-name="nav wrap"] [data-framer-name="link wrap"]:has(a[href="/receipts.html"]){
  display:none !important;
}
/* fallback for browsers without :has() -- hide the anchor itself */
[data-framer-name="nav wrap"] a[href="#features"],
[data-framer-name="nav wrap"] a[href="#pricing"],
[data-framer-name="nav wrap"] a[href="#security"],
[data-framer-name="nav wrap"] a[href="/spending.html"],
[data-framer-name="nav wrap"] a[href="/receipts.html"]{
  display:none !important;
}