/*
Theme Name: Claim Done US
Description: Claim Done USA — dark, professional self-help legal document theme. Mirrors the Australian brand
  (dark #0a0a0a, purple #7a00df, Inter/Sora, the "claim done" check lockup). Pairs with the claimdone-us plugin.
Version: 0.1.0
*/

:root{
  --header-h:72px;
  --bg:#0a0a0a; --bg-2:#0f0f0f; --bg-3:#141414; --card:#1a1a1a; --card-hover:#1f1f1f;
  --border:#2a2a2a; --border-light:#333;
  --purple:#7a00df; --purple-hover:#6200b0; --purple-light:#a855f7; --purple-glow:rgba(122,0,223,0.25);
  --white:#fff; --text:#e8e8e8; --text-muted:#a1a1aa; --text-dim:#6b6b73;
  --green:#22c55e; --red:#ef4444;
  --radius-sm:6px; --radius:12px; --radius-lg:20px; --radius-pill:9999px;
  --shadow:0 4px 24px rgba(0,0,0,.4); --shadow-glow:0 0 40px rgba(122,0,223,.3);
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-display:'Sora','Inter',sans-serif;
  --max-w:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--purple-light);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--font-display);color:var(--white);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.02em}
h2{font-size:clamp(24px,3.5vw,32px);margin-top:1.2em}
h3{font-size:20px}
p{margin:0 0 1em}
.cd-wrap{max-width:var(--max-w);margin:0 auto;padding:0 20px}

/* header */
.cd-header{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.cd-header__inner{max-width:var(--max-w);margin:0 auto;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.cd-logo{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--white);letter-spacing:-.01em}
.cd-logo__glyph{margin-left:2px}
.cd-header__nav{display:flex;gap:26px;align-items:center}
.cd-header__nav a{color:var(--text-muted);font-weight:500;font-size:15px}
.cd-header__nav a:hover{color:var(--white);text-decoration:none}
.cd-header__cta{background:var(--purple);color:#fff!important;padding:9px 18px;border-radius:var(--radius-pill);font-weight:600;font-size:15px}
.cd-header__cta:hover{background:var(--purple-hover);text-decoration:none}
@media(max-width:760px){.cd-header__nav{display:none}}

/* buttons */
.cd-btn{display:inline-block;background:var(--purple);color:#fff;padding:14px 26px;border:0;border-radius:var(--radius-pill);font-weight:700;font-size:17px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition,.2s)}
.cd-btn:hover{background:var(--purple-hover);text-decoration:none;color:#fff}
.cd-btn:disabled{opacity:.6;cursor:default}
.cd-btn--sm{padding:10px 18px;font-size:15px}

/* content area */
.cd-main{padding:40px 0 80px;min-height:60vh}
.cd-main .cd-wrap > *{max-width:760px}

/* hero */
.cd-hero{text-align:center;padding:36px 0 10px}
.cd-hero .cd-wrap>*{max-width:none}
.cd-hero p.lead{font-size:19px;color:var(--text-muted);max-width:640px;margin:0 auto 22px}
.cd-eyebrow{display:inline-block;color:var(--purple-light);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}

/* product grid */
.cd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:30px 0}
.cd-card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--card);transition:border-color .2s,transform .2s}
.cd-card:hover{border-color:var(--purple);transform:translateY(-2px)}
.cd-card h3{margin:0 0 8px}
.cd-card p{color:var(--text-muted);font-size:15px;margin:0 0 14px}
.cd-card .price{font-weight:800;font-size:22px;color:var(--white);font-family:var(--font-display);margin:0 0 16px}

/* how it works */
.cd-steps{counter-reset:s;list-style:none;padding:0;margin:20px 0}
.cd-steps li{position:relative;padding:14px 0 14px 54px;font-size:17px;border-bottom:1px solid var(--border)}
.cd-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:12px;width:34px;height:34px;border-radius:50%;background:var(--purple-glow);color:var(--purple-light);font-weight:700;display:flex;align-items:center;justify-content:center}

/* FAQ */
.cd-faq h3{margin-top:22px;color:var(--white)}
.cd-faq p{color:var(--text-muted)}

/* forms (intake) */
.cd-form{max-width:640px}
.cd-form label{display:block;margin:16px 0 6px;font-weight:600;color:var(--white)}
.cd-form .cd-f{display:block;width:100%;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:16px;background:var(--bg-3);color:var(--text)}
.cd-form .cd-f:focus{outline:none;border-color:var(--purple)}
.cd-form select.cd-f{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px;background-repeat:no-repeat}
.cd-msg{color:#f87171;min-height:1.2em;margin:10px 0 0}
.cd-disc{margin-top:18px;font-size:12.5px;color:var(--text-dim)}

/* document page */
.cd-letter{border:1px solid var(--border);border-radius:var(--radius);padding:30px;background:#fff;color:#111;white-space:pre-wrap;font-family:Georgia,serif;line-height:1.55}
.cd-paid{color:var(--green);font-weight:600}

/* footer */
.cd-footer{border-top:1px solid var(--border);background:var(--bg-2);padding:40px 0;color:var(--text-dim);font-size:14px}
.cd-footer a{color:var(--text-muted)}
.cd-footer__disc{max-width:720px;margin-top:14px;font-size:12.5px;line-height:1.6}

/* hide default WP admin bar gap noise */
img{max-width:100%;height:auto}