/* Radiant Roofing (Daybreak) theme for the instant quote pages: /instant-quote/ and /quote-admin/.
   Loads before instant-quote.css (and quote-admin.css on the admin page). It supplies the color tokens the
   RYS add-on styles read (--c-*), the shapes (ink borders, hard offset shadows), buttons and form fields,
   plus the page header and footer, which mirror index.html. Colors match the :root tokens in index.html. */
:root{--orange:#EF6A1F;--ink:#1B1510;--yellow:#F8BE13;--cream:#F3DFC0;--paper:#FFF9EC;--paper-2:#FBF1E0;--rust:#B34A14;--sunset:#EE7B22;--cream-text:#FFF6E4}
.addon-instant-quote,.qa-body,.iq-preview{
  --c-text:#1B1510;--c-heading:#1B1510;--c-muted:#6A5B48;--c-ink:#1B1510;--c-line:#1B1510;
  --c-cta:#EF6A1F;--c-on-cta:#1B1510;--c-ground:#FFF9EC;--c-surface:#FBF1E0;--c-surface-2:#F3DFC0;
  --c-n-200:#E3D3B3;--c-n-300:#CDB892;--c-dark:#1B1510;--c-on-dark:#FFF6E4;--c-on-dark-muted:#C9B89A;
  --c-accent:#F8BE13;--c-accent-text:#B34A14;--c-accent-on-dark:#F8BE13;
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;--font-body:'Figtree',system-ui,sans-serif;
  --line:2.5px solid var(--c-ink);--radius-control:14px;--radius-card:22px;--radius-chip:999px;
  --shadow-card:6px 6px 0 var(--c-ink);--shadow-lift:8px 8px 0 var(--c-ink);--gutter:16px;--focus:#1B1510}

/* ---------- page */
.rq-page{margin:0;background:var(--cream);color:var(--ink);font-family:'Figtree',system-ui,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
.rq-page *{box-sizing:border-box}
.rq-page a{color:var(--ink)}
.rq-page a:hover{color:var(--rust)}
.rq-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--cream-text)!important;padding:10px 16px;border-radius:999px;font-weight:800}
.rq-skip:focus{left:12px}
.rq-sky{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,var(--cream),var(--paper-2))}
.rq-dots{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(circle,rgba(200,85,26,.16) 1.1px,transparent 1.7px) 0 0/14px 14px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}

/* ---------- header (same feel as index.html) */
.rq-header{position:sticky;top:0;z-index:60;background:rgba(251,241,224,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(27,21,16,.1)}
.rq-header-in{max-width:1320px;margin:0 auto;padding:8px clamp(16px,3vw,28px);display:flex;align-items:center;gap:18px;justify-content:space-between}
.rq-logo{display:block;line-height:0;flex:none}
.rq-logo img{height:60px;width:auto;display:block}
.rq-nav{display:flex;gap:4px;align-items:center;font-weight:700;font-size:15.5px}
.rq-nav a{text-decoration:none;padding:9px 13px;border-radius:999px;transition:background .2s}
.rq-nav a:hover,.rq-nav a[aria-current="page"]{background:var(--yellow);color:var(--ink)}
.rq-head-cta{display:flex;gap:12px;align-items:center}
.rq-call{text-decoration:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1;gap:3px}
.rq-call small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.rq-call strong{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.01em}
.rq-pill{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:var(--ink)!important;border:2.5px solid var(--ink);font-weight:800;font-size:15.5px;padding:12px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:3px 3px 0 var(--ink);transition:transform .18s,box-shadow .18s;min-height:44px}
.rq-pill:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.rq-tap{display:none}
@media (max-width:900px){
  .rq-nav,.rq-call,.rq-head-cta .rq-pill{display:none}
  .rq-tap{display:inline-flex}
  .rq-logo img{height:52px}
}

/* ---------- hero */
.rq-main{position:relative;z-index:2}
.rq-hero{max-width:1100px;margin:0 auto;padding:clamp(28px,5vw,60px) clamp(16px,3vw,28px) clamp(18px,3vw,28px);text-align:center}
.rq-chip{display:inline-flex;gap:10px;align-items:center;background:var(--ink);color:#FFE9B8;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border-radius:999px}
.rq-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px var(--yellow)}
.rq-hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(36px,5.4vw,72px);line-height:.98;letter-spacing:-.025em;margin:18px auto 0;max-width:16ch;text-wrap:balance}
.rq-hero h1 span{display:inline-block;padding:0 .14em;background:var(--yellow);border:3px solid var(--ink);border-radius:.12em;box-shadow:.06em .06em 0 var(--ink);transform:rotate(-1.5deg)}
.rq-dek{font-size:clamp(17px,1.5vw,21px);margin:18px auto 0;max-width:640px}

/* ---------- tool section */
.addon-instant-quote{position:relative;z-index:2;padding:0 0 clamp(40px,6vw,72px);font-family:var(--font-body);color:var(--c-text)}
.addon-instant-quote .wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,3vw,28px)}
.addon-instant-quote.is-live .iq-mount{background:var(--c-ground);border:var(--line);border-radius:28px;box-shadow:8px 8px 0 var(--c-ink)}
.addon-instant-quote .btn,.iq-preview .btn,.iq-pickbar .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:13px 24px;border-radius:999px;font:800 17px/1.15 var(--font-body);text-decoration:none;cursor:pointer;border:2.5px solid var(--c-ink);text-align:center;transition:transform .18s,box-shadow .18s}
.addon-instant-quote .btn-cta{background:var(--c-cta);color:var(--c-on-cta);box-shadow:4px 4px 0 var(--c-ink)}
.addon-instant-quote .btn-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--c-ink);color:var(--c-on-cta)}
.addon-instant-quote .btn-ghost{background:var(--c-ground);color:var(--c-ink)}
.addon-instant-quote .btn-ghost:hover{background:var(--yellow);color:var(--c-ink)}
.addon-instant-quote .iq-pickbar .btn-ghost{background:transparent;color:var(--c-on-dark);border-color:var(--c-on-dark-muted)}
.addon-instant-quote .ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.addon-instant-quote .fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px 14px}
.addon-instant-quote .fld{display:flex;flex-direction:column;gap:6px;margin:0}
.addon-instant-quote .fld.wide{grid-column:1/-1}
.addon-instant-quote .fld label{font-weight:700;font-size:.9rem}
.addon-instant-quote .fld input{width:100%;min-height:50px;padding:12px 15px;background:#fff;color:var(--ink);border:2px solid #E3D3B3;border-radius:14px;font:600 17px var(--font-body)}
.addon-instant-quote .fld input:focus,.addon-instant-quote .iq-address input:focus{border-color:var(--ink);outline:3px solid var(--yellow);outline-offset:1px}
.addon-instant-quote .iq-address input{border:2.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);font-weight:600}
.addon-instant-quote .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.addon-instant-quote .optin{display:none}
.addon-instant-quote .consent{font-size:12.5px;line-height:1.45;margin:0;color:#6A5B48}
.addon-instant-quote .iq-progress-dot{border-color:var(--c-ink)}
.addon-instant-quote .iq-stat,.addon-instant-quote .iq-teaser,.addon-instant-quote .iq-callout,.addon-instant-quote .iq-notes{border:2px solid var(--c-ink)}
.addon-instant-quote .iq-sat{border:2.5px solid var(--c-ink);box-shadow:5px 5px 0 var(--c-ink)}
.addon-instant-quote .iq-card:hover{box-shadow:var(--shadow-lift)}
.addon-instant-quote .iq-card--featured{border:3px solid var(--c-cta);box-shadow:6px 6px 0 var(--c-ink)}
.addon-instant-quote .iq-seg{border:2px solid var(--c-ink)}
.addon-instant-quote .iq-pill span{border-color:var(--c-ink)}
.addon-instant-quote .iq-callout{border-left:8px solid var(--c-cta)}
.addon-instant-quote .iq-fallback{max-width:760px;margin:0 auto;background:var(--paper);border:var(--line);border-radius:28px;box-shadow:8px 8px 0 var(--ink);padding:clamp(20px,3vw,36px)}
.addon-instant-quote .iq-fallback-steps li::before{border:2px solid var(--ink)}
.addon-instant-quote .iq-done-mark{background:radial-gradient(circle at 40% 35%,#FFE27A,var(--yellow) 55%,var(--sunset));color:var(--ink);border:2.5px solid var(--ink)}

/* ---------- info blocks under the tool */
.rq-block{position:relative;z-index:2;background:var(--paper-2);border-top:2px solid var(--ink)}
.rq-block-in{max-width:900px;margin:0 auto;padding:clamp(48px,6vw,88px) clamp(16px,3vw,28px)}
.rq-eyebrow{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);font-size:14px;margin:0}
.rq-h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.02em;margin:12px 0 26px}
.rq-faq{display:grid;gap:10px}
.rq-faq details{background:var(--paper);border-radius:18px;border:2px solid var(--ink)}
.rq-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;font:700 18px 'Figtree',sans-serif;min-height:48px}
.rq-faq summary::-webkit-details-marker{display:none}
.rq-faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .3s}
.rq-faq details[open] summary::after{transform:rotate(45deg)}
.rq-faq p{margin:0;padding:0 22px 20px;font-size:17px}
.rq-talk{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rq-talk a{display:inline-flex;align-items:center;min-height:52px;padding:13px 24px;border-radius:999px;border:2.5px solid var(--ink);font-weight:800;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
.rq-talk .rq-call-btn{background:var(--orange)}
.rq-talk .rq-text-btn{background:var(--yellow)}

/* ---------- footer (same feel as index.html) */
.rq-footer{position:relative;z-index:2;background:linear-gradient(180deg,#17143F 0%,#3A2168 55%,#4B2A78 100%);color:#E9DFF5;font-size:15.5px}
.rq-footer a{color:#E9DCC4!important;text-decoration:none}
.rq-footer a:hover{color:var(--yellow)!important}
.rq-foot-grid{max-width:1320px;margin:0 auto;padding:56px clamp(16px,3vw,28px) 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.rq-foot-grid h2{font:800 16px 'Figtree',sans-serif;color:var(--yellow);margin:0 0 10px}
.rq-foot-links{display:grid;gap:6px}
.rq-foot-logo{height:84px;width:auto;display:block;margin-bottom:12px}
.rq-foot-note{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,28px) 40px;font-size:13px;color:#B9AC95;line-height:1.5}

/* ---------- phone call bar (same as index.html on phones) */
.rq-callbar{display:none}
@media (max-width:720px){
  .rq-page{padding-bottom:78px}
  .rq-callbar{position:fixed;left:0;right:0;bottom:0;z-index:66;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(27,21,16,.96)}
  .rq-callbar a{text-align:center;color:var(--ink)!important;font-weight:800;padding:15px;border-radius:999px;text-decoration:none;min-height:50px;display:flex;align-items:center;justify-content:center}
  .rq-callbar a:first-child{background:var(--orange)}
  .rq-callbar a:last-child{background:var(--yellow)}
}
@media (prefers-reduced-motion:reduce){.rq-page *{animation:none!important;transition:none!important}}

/* ---------- owner settings page */
.qa-body{background:var(--paper-2)}
.qa-top{background:var(--ink);border-bottom:3px solid var(--orange)}
.qa-brand img{background:var(--paper)}
.qa-placeholder-note{width:100%;background:#FFE7D6;border:2px solid var(--ink);border-radius:14px;padding:12px 16px;color:var(--ink)}
.qa-placeholder-note p{margin:4px 0 0}
.qa-tag-warn{display:inline-block;margin-top:6px;background:#FFE7D6;color:var(--ink);border:1.5px solid var(--ink)}

/* Phones: keep the roof stats on one line each. */
@media (max-width:420px){.addon-instant-quote .iq-stat strong{font-size:1.35rem}}