/*
Theme Name: InfluxJuice
Theme URI: https://influxjuice.com/
Author: InfluxJuice Marketing Agency
Author URI: https://influxjuice.com/
Description: Dark navy and green theme for InfluxJuice - SEO and AI search marketing for Web3 and FinTech. Custom built from the approved design prototype.
Version: 1.4.3
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: influxjuice
Tags: dark, custom-colors, custom-menu, featured-images, block-styles, wide-blocks
*/

/* The real styles live in assets/style.css, assets/blog.css and assets/post.css
   and are enqueued from functions.php. This file exists so WordPress can read
   the theme header above. Add overrides here if you need them - they load last. */

/* ============================================================
   THANK YOU PAGES
   Short, centred, everything above the fold. No scrolling.
   ============================================================ */

.ty{
  min-height:calc(100vh - 74px);
  display:flex;align-items:center;justify-content:center;
  padding:48px 24px 56px;
  text-align:center;
}
.ty-inner{max-width:660px;width:100%}

.ty-tick{
  width:64px;height:64px;border-radius:50%;
  background:var(--green);color:var(--navy);
  font-size:2rem;font-weight:700;line-height:64px;
  margin:0 auto 26px;
}

.ty-h1{
  font-family:'Jost',system-ui,sans-serif;
  font-size:clamp(1.9rem,4.4vw,2.7rem);
  font-weight:700;line-height:1.12;
  color:var(--text);margin:0 0 18px;
}

.ty-lede{
  font-size:1.03rem;line-height:1.62;
  color:var(--muted);margin:0 auto 16px;max-width:56ch;
}
.ty-lede-2{margin-bottom:26px}
.ty-lede strong{color:var(--text);font-weight:600}

.ty-cta{
  margin:30px 0 34px;padding:26px 24px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:14px;
}
.ty-cta-lede{
  font-size:.98rem;line-height:1.6;
  color:var(--muted);margin:0 0 20px;max-width:52ch;margin-left:auto;margin-right:auto;
}
.ty-btn{display:inline-block}

.ty-links{border-top:1px solid var(--line);padding-top:24px}
.ty-links-lab{
  font-size:.86rem;color:var(--muted);
  margin:0 0 14px;letter-spacing:.01em;
}
.ty-links-row{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
}
.ty-links-row a{
  font-size:.86rem;font-weight:500;
  padding:9px 18px;border-radius:999px;
  border:1px solid var(--line);color:var(--text);
  text-decoration:none;transition:border-color .18s,color .18s;
}
.ty-links-row a:hover{border-color:var(--green);color:var(--green-lt)}

@media (max-width:640px){
  .ty{min-height:auto;padding:40px 20px 56px}
  .ty-cta{padding:22px 18px}
  .ty-tick{width:54px;height:54px;font-size:1.7rem;line-height:54px;margin-bottom:20px}
}


/* ---------- logo ---------- */
.logo .logo-mark{width:34px !important;height:34px !important;flex:none;display:block}
.logo .logo-word{width:auto !important;height:27px !important;flex:none;display:block}
footer .logo .logo-mark{width:30px !important;height:30px !important}
footer .logo .logo-word{height:23px !important}
@media (max-width:640px){
  .logo .logo-mark{width:30px !important;height:30px !important}
  .logo .logo-word{height:23px !important}
}