/*
Theme Name: RMB Design
Theme URI: https://repairmybrakes.com
Description: RepairMyBrakes.com flagship child theme — dark cinematic automotive redesign built to the Jared OS Design System (DESIGN.md). Custom dark sticky-blur nav, glass quote card, molten-orange gradient accents. Child of Kadence.
Author: Jared OS
Template: kadence
Version: 1.0.0
*/

/* ===================================================================
   DESIGN TOKENS (from approved redesign mockup)
   =================================================================== */
:root{
  --bg:#0A0E14; --bg2:#0E141C; --surface:#141C26; --surface2:#1B2531;
  --line:rgba(255,255,255,.08);
  --ink:#F2F6FB; --soft:#A7B4C4; --muted:#6B7889;
  --orange:#FF6A2B; --orange2:#FF3D2E; --amber:#FFA62B;
  --grad:linear-gradient(135deg,#FF8A3D 0%,#FF5A2C 50%,#FF2E5E 100%);
  --green:#21C17A;
  --r:16px; --r-lg:24px; --r-pill:999px;
  --sh:0 20px 50px -24px rgba(0,0,0,.6);
  --sh-orange:0 18px 44px -16px rgba(255,82,44,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.rmb{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;margin:0}
body.rmb h1,body.rmb h2,body.rmb h3,body.rmb h4{font-family:'Sora',sans-serif;line-height:1.08;letter-spacing:-.02em}
body.rmb a{text-decoration:none;color:inherit}
.rmb .wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.rmb .eyebrow{font-family:'Sora';font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.rmb .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* kill any stray Kadence site-title text (bug #1 safety net) */
.site-title,.rmb .site-title{display:none !important;}

/* ---------- LOGO LOCKUP (global standard, §9a) ---------- */
.rmb-brand{display:inline-flex;align-items:center;gap:10px}
.rmb-logo-mark{width:36px;height:36px;flex:none;filter:drop-shadow(0 6px 14px rgba(255,90,44,.35))}
.rmb-wordmark{font-family:'Sora';font-weight:800;font-size:19px;letter-spacing:-.015em;color:var(--ink);white-space:nowrap}
.rmb-wordmark .tld{font-weight:600;font-size:.72em;color:var(--amber);letter-spacing:0}

/* ---------- NAV ---------- */
.rmb-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);background:rgba(10,14,20,.72);border-bottom:1px solid var(--line)}
.rmb-nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.rmb-nav-links{display:flex;gap:30px;align-items:center;margin:0;padding:0;list-style:none}
.rmb-nav-links li{list-style:none}
.rmb-nav-links a{color:var(--soft);font-weight:500;font-size:15px;transition:.2s}
.rmb-nav-links a:hover{color:var(--ink)}
.rmb-nav-cta{font-family:'Sora';font-weight:700;font-size:14.5px;color:var(--ink);background:var(--surface2);border:1px solid var(--line);padding:11px 20px;border-radius:var(--r-pill);transition:.2s;white-space:nowrap}
.rmb-nav-cta:hover{border-color:var(--orange);color:#fff}

/* ---------- HERO ---------- */
.rmb-hero{position:relative;padding:84px 0 96px;overflow:hidden}
.rmb-hero::before{content:"";position:absolute;width:900px;height:900px;top:-380px;right:-220px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,90,44,.30), rgba(255,46,94,.10) 42%, transparent 66%);filter:blur(8px);z-index:0}
.rmb-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.rmb-pill-tag{display:inline-flex;align-items:center;gap:9px;background:rgba(255,106,43,.10);border:1px solid rgba(255,106,43,.3);color:var(--amber);
  font-weight:600;font-size:13.5px;padding:7px 15px;border-radius:var(--r-pill);margin-bottom:24px}
.rmb-pill-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(33,193,122,.22)}
.rmb-hero h1{font-size:60px;font-weight:800;margin:0 0 22px;color:var(--ink)}
.rmb-hero p.lead{font-size:19px;color:var(--soft);max-width:520px;margin:0 0 30px}
.rmb-searchbar{display:flex;gap:8px;background:var(--surface);border:1px solid var(--line);padding:8px;border-radius:var(--r-pill);max-width:480px;box-shadow:var(--sh)}
.rmb-searchbar input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-family:'Inter';font-size:16px;padding:0 16px;min-width:0}
.rmb-searchbar input::placeholder{color:var(--muted)}
.rmb-btn-grad{font-family:'Sora';font-weight:700;font-size:15px;color:#fff;background:var(--grad);border:none;cursor:pointer;
  padding:14px 26px;border-radius:var(--r-pill);box-shadow:var(--sh-orange);transition:transform .15s, box-shadow .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.rmb-btn-grad:hover{transform:translateY(-2px);box-shadow:0 22px 50px -14px rgba(255,82,44,.7)}
.rmb-hero-trust{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--muted);font-size:14px}
.rmb-stars{color:var(--amber);letter-spacing:2px}

/* ---------- QUOTE CARD (glass, centered/elevated — bug #2 fix) ---------- */
.rmb-quote-card{position:relative;background:linear-gradient(180deg,rgba(27,37,49,.92),rgba(20,28,38,.92));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;box-shadow:var(--sh);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rmbfloat 6s ease-in-out infinite}
@keyframes rmbfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.rmb-quote-card .qh{font-family:'Sora';font-weight:700;font-size:21px;margin-bottom:5px;color:var(--ink)}
.rmb-quote-card .qs{color:var(--soft);font-size:14.5px;margin-bottom:20px}
.rmb-qfield{margin-bottom:12px}
.rmb-qfield label{display:block;font-size:12.5px;font-weight:600;color:var(--soft);margin-bottom:6px}
.rmb-qfield input,.rmb-qfield select{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:13px 15px;color:var(--ink);font-family:'Inter';font-size:15px;outline:none;transition:.2s}
.rmb-qfield input::placeholder{color:var(--muted)}
.rmb-qfield select{appearance:none;-webkit-appearance:none}
.rmb-qfield input:focus,.rmb-qfield select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,106,43,.16)}
.rmb-q-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rmb-quote-card .rmb-btn-grad{width:100%;margin-top:8px;padding:15px}
.rmb-q-fine{text-align:center;color:var(--muted);font-size:12px;margin-top:12px}
.rmb-badge-float{position:absolute;top:-16px;right:24px;background:var(--green);color:#04140c;font-family:'Sora';font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:var(--r-pill);box-shadow:0 10px 24px -8px rgba(33,193,122,.6);z-index:3}
.rmb-hp{position:absolute!important;left:-9999px!important;height:0!important;width:0!important;opacity:0}

/* ---------- STAT STRIP ---------- */
.rmb-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.rmb-strip-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 0}
.rmb-stat{text-align:center}
.rmb-stat .n{font-family:'Sora';font-weight:800;font-size:32px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rmb-stat .l{color:var(--muted);font-size:13.5px;margin-top:4px}

.rmb-block{padding:96px 0}
.rmb-sec-head{text-align:center;max-width:640px;margin:0 auto 56px}
.rmb-sec-head h2{font-size:42px;font-weight:800;margin:14px 0;color:var(--ink)}
.rmb-sec-head p{color:var(--soft);font-size:17px}

/* how it works */
.rmb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rmb-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px;position:relative;transition:.25s}
.rmb-step:hover{transform:translateY(-6px);border-color:rgba(255,106,43,.4)}
.rmb-step .num{font-family:'Sora';font-weight:800;font-size:15px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:var(--sh-orange);margin-bottom:20px}
.rmb-step h3{font-size:21px;margin-bottom:10px;color:var(--ink)}
.rmb-step p{color:var(--soft);font-size:15px}

/* PHOTO SPLIT */
.rmb-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.rmb-split .photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);aspect-ratio:4/3}
.rmb-split .photo img{width:100%;height:100%;object-fit:cover;display:block}
.rmb-split .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,14,20,.35),transparent 55%)}
.rmb-split h2{font-size:38px;font-weight:800;margin-bottom:18px;color:var(--ink)}
.rmb-split p{color:var(--soft);font-size:16.5px;margin-bottom:14px}
.rmb-checklist{list-style:none;margin-top:8px;padding:0}
.rmb-checklist li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;color:var(--soft);font-size:15.5px;list-style:none}
.rmb-checklist .ck{flex:none;width:24px;height:24px;border-radius:7px;background:rgba(33,193,122,.16);color:var(--green);display:grid;place-items:center;font-size:13px;font-weight:700}

/* shop cards */
.rmb-shops{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rmb-shop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:.25s}
.rmb-shop:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.rmb-shop .ph{height:160px;position:relative;overflow:hidden}
.rmb-shop .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.rmb-shop:hover .ph img{transform:scale(1.05)}
.rmb-shop .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,20,0) 40%,rgba(10,14,20,.55))}
.rmb-shop .tag{position:absolute;z-index:2;top:12px;left:12px;background:rgba(10,14,20,.7);backdrop-filter:blur(4px);color:var(--green);font-weight:600;font-size:12px;padding:5px 11px;border-radius:var(--r-pill);border:1px solid rgba(33,193,122,.3)}
.rmb-shop .body{padding:22px}
.rmb-shop h4{font-family:'Sora';font-size:18px;font-weight:700;margin-bottom:5px;color:var(--ink)}
.rmb-shop .meta{color:var(--muted);font-size:13.5px;margin-bottom:12px}
.rmb-shop .rate{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.rmb-shop .rate b{font-family:'Sora';font-size:15px;color:var(--ink)}
.rmb-shop .cta{display:block;text-align:center;font-family:'Sora';font-weight:700;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-pill);padding:11px;transition:.2s;cursor:pointer}
.rmb-shop .cta:hover{border-color:var(--orange);color:#fff}

/* final CTA */
.rmb-cta-band{position:relative;border-radius:32px;overflow:hidden;padding:64px;text-align:center;background:var(--grad)}
.rmb-cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -20%,rgba(255,255,255,.25),transparent)}
.rmb-cta-band h2{position:relative;color:#fff;font-size:40px;font-weight:800;margin-bottom:14px}
.rmb-cta-band p{position:relative;color:rgba(255,255,255,.9);font-size:18px;margin-bottom:28px}
.rmb-cta-band .btn-white{position:relative;font-family:'Sora';font-weight:700;font-size:16px;color:#C0341B;background:#fff;padding:16px 34px;border-radius:var(--r-pill);display:inline-block;box-shadow:0 18px 40px -14px rgba(0,0,0,.4);transition:.2s}
.rmb-cta-band .btn-white:hover{transform:translateY(-2px)}

/* footer */
.rmb-footer{border-top:1px solid var(--line);padding:60px 0 36px;background:var(--bg2)}
.rmb-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
.rmb-footer h5{font-family:'Sora';font-size:14px;margin-bottom:16px;color:var(--ink)}
.rmb-footer a{display:block;color:var(--muted);font-size:14px;margin-bottom:10px;transition:.2s}
.rmb-footer a:hover{color:var(--soft)}
.rmb-foot-brand p{color:var(--muted);font-size:14px;max-width:280px;margin-top:14px}
.rmb-foot-bottom{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:12.5px;line-height:1.7}

/* scroll reveal */
.rmb-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
.rmb-reveal.in{opacity:1;transform:none}

/* ---------- INNER PAGES (non-front) on the dark theme ---------- */
.rmb-inner{padding:60px 0 80px;min-height:50vh}
.rmb-inner .entry-content,.rmb-inner .entry-content p,.rmb-inner li{color:var(--soft)}
.rmb-inner h1,.rmb-inner h2,.rmb-inner h3{color:var(--ink)}
.rmb-inner a{color:var(--amber)}

@media(max-width:900px){
  .rmb-hero-grid,.rmb-strip-in,.rmb-steps,.rmb-shops,.rmb-foot-grid,.rmb-split{grid-template-columns:1fr}
  .rmb-hero h1{font-size:42px}.rmb-sec-head h2{font-size:32px}.rmb-split h2{font-size:30px}
  .rmb-nav-links{display:none}.rmb-strip-in{gap:28px}
  .rmb-block{padding:64px 0}.rmb-cta-band{padding:44px 24px}
}