/* MOCK 1 Nov 2026 — six audit fixes (preview only) */
/* Form */
.qf { background: var(--cream, #f7f5e9); color: var(--ink); padding: clamp(1.4rem,3vw,2.2rem); border-radius: 4px; text-align: left; margin-top: 1.6rem; }
.qf-gap { margin-top: 1.2rem; }
.qf-alt { margin-top: 1rem; font-size: 1.1rem; }
.qf-alt a { color: var(--sage-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.qf-thanks h3 { margin-bottom: .5rem; }
@media (max-width: 640px){ .qf .field-row { grid-template-columns: 1fr; } }
.cta-box .qf { max-width: 640px; margin-left: auto; margin-right: auto; }
.sv-quote-box .qf { grid-column: 1 / -1; }
/* 3. outlined secondary buttons on service heroes */
.hero-page .hero-ctas .btn-light, .hero-page .hero-ctas .btn-outline-light { background: transparent; color: var(--on-dark,#f7f5e9); border-color: rgba(247,245,233,.75); }
/* 4. serif headings on service pages, as on the homepage */
.svc-serif .hero-page h1, .svc-serif main h2 { font-family: var(--font-body); font-weight: 500; letter-spacing: -0.01em; }
.svc-serif .hero-page h1 { font-size: clamp(3rem, 6.4vw, 5.4rem); line-height: 1.02; }
@media (max-width: 640px){ .svc-serif .hero-page h1 { font-size: clamp(2.8rem, 12vw, 3.4rem); } }
/* eyebrow contrast */
.hero-page .hero-eyebrow { color: #fff !important; opacity: 1 !important; font-weight: 600; text-shadow: 0 1px 10px rgba(20,21,10,.7); }
/* 5. garden rooms hero: plain text list instead of tag grid */
.uses-list { margin: 0 0 1.8rem; max-width: 640px; font-family: var(--font-body); font-size: 1.3rem; line-height: 1.5; color: #f1f0e6; text-shadow: 0 1px 10px rgba(20,21,10,.6); }
.gr-plain .wdd-pill span, .gr-plain .wdd-chip span { border-radius: 4px !important; }
.gr-plain [class*="pill"], .gr-plain [class*="badge"] { border-radius: 4px !important; box-shadow: none !important; }
.gr-plain .card, .gr-plain [class$="-card"] { box-shadow: none !important; }
/* 6. phone fixes */
@media (max-width: 640px){
  .breadcrumb a, .wdf a, .wdf-legal a { display: inline-flex; align-items: center; min-height: 44px; }
  .rv-strip { min-height: 44px; align-items: center; }
  body { font-size: 1rem; }
  main p, main li { font-size: max(1rem, 1em); }
}
@media (max-width: 640px){
  /* homepage small text raised to 16px (hero untouched) */
  .home-fix main section:not(#top) :is(p,li,span,a,button,small,b,strong):not(.rv-strip-av span):not(.xp-num) { font-size: max(1rem, 1em) !important; }
  .home-fix .tile-cat, .home-fix .chip, .home-fix .step-num, .home-fix .label, .home-fix .ed-label, .home-fix .xps-eyebrow, .home-fix .am-label { font-size: 1rem !important; letter-spacing: .06em; }
  /* tighter vertical rhythm */
  .home-fix #about, .home-fix #services, .home-fix #projects, .home-fix #process, .home-fix #areas, .home-fix #contact, .home-fix .mo-reviews, .home-fix #featured-project, .home-fix #why { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .home-fix .mo-stats { padding-top: 2rem !important; padding-bottom: 2rem !important; }
}
/* contact page */
.hero-contact { min-height: 52vh; }
.ct-body { padding: clamp(3rem,6vw,5rem) 0; }
.ct-grid { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(2rem,5vw,4.5rem); align-items: start; }
.ct-info dl { margin: 1.5rem 0 2rem; }
.ct-info dt { font-family: var(--font-head); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--sage-deep); margin-top: 1.1rem; }
.ct-info dd { margin: .2rem 0 0; font-size: 1.3rem; }
.ct-info dd a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; display: inline-flex; min-height: 44px; align-items: center; }
.ct-draft { font-size: 1.2rem; }
.ct-form .qf { margin-top: 0; background: #fff; border: 1px solid #e3e0cf; }
@media (max-width: 860px){ .ct-grid { grid-template-columns: 1fr; } }

/* 2 Nov 2026: generic /thank-you/ page (bright, no hero photo) */
.ty-plain{background:var(--cream,#f7f3ec);padding:calc(var(--header-h,80px) + 72px) 0 96px;min-height:60vh}
.ty-plain-inner{max-width:680px}
.ty-plain h1{font-family:var(--font-head);font-size:clamp(2.2rem,5vw,3.4rem);margin:.3em 0 .4em;color:var(--ink,#1c1c1c)}
.ty-plain p{font-size:1.0625rem;line-height:1.6}
.ty-plain-lead{font-size:1.25rem!important}
.ty-plain .hero-ctas{margin-top:28px}

.page-ty-plain .site-header{color:var(--ink)}
.page-ty-plain .site-header .brand-light{opacity:0}
.page-ty-plain .site-header .brand-dark{opacity:1}
.ty-plain .ty-plain-inner{text-align:left}
.ty-plain .hero-ctas{justify-content:flex-start}
.ty-plain a:not(.btn){color:inherit;text-decoration:underline;text-underline-offset:3px}
