/* Rod Inspects: Wave C page styles (Howard, 2026-10-07).
   Pages: /reviews/ · /photos-sample-reports/ · /inspection-videos/ · /privacy-policy/ · /leave-us-a-review/ · /private-feedback/
   Linked AFTER /assets/site.css on those pages only. Built in a separate file because three Howard agents
   were building pages at once and site.css was frozen. Claude Code may fold this into site.css later
   (then drop the extra <link> from the six pages). Uses site.css tokens only; no new colours.          */

/* ── Utility pages with no navy .final-cta band (privacy, leave-us-a-review, private-feedback):
      the footer's top wave assumes navy above it; on these pages the section above is white. */
.page-utility .site-foot .wave-top{color:var(--white)}

/* ── Links inside the navy final CTA (e.g. "Already had your inspection with us? Leave a review") */
.final-cta a:not(.btn){color:var(--link-on-navy);font-weight:700}
.final-cta .cta-small{font-size:16px;margin:22px auto 0}

/* ── Inline link rows ("Meet our team → · See a sample report → ...") */
.inline-links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:20px 0 0}
.inline-links li{margin:0}

/* ── "Three points" row on /reviews/ (cards without links or icons) */
.trust-bar.trust-mid{margin-top:36px}
.points{margin-top:36px}
.points .card{padding:24px 22px}
.points .card h3{font-size:19px}
.points .card:hover{transform:none;box-shadow:var(--shadow)}

/* ── Draft placeholder for an embed (GHL reputation widget, sample-report PDF buttons) */
.ph-widget{min-height:320px}
.ph-pdf{min-height:180px}

/* ── Sample report PDF cards (/photos-sample-reports/, Howard 2026-10-23): 2 across, stacked <=640px */
.prose ul.report-cards{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.prose ul.report-cards li{margin:0;padding:0}
.prose ul.report-cards li::before{content:none}
.report-card{display:flex;align-items:center;gap:16px;height:100%;padding:18px 20px;background:var(--page);border:1px solid var(--line);border-left:6px solid var(--river);border-radius:var(--radius);color:var(--navy);text-decoration:none;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}
.report-card:hover{box-shadow:0 6px 18px rgba(7,59,80,.16);transform:translateY(-1px)}
.report-card:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.rc-ico{flex:none;display:grid;place-items:center;width:52px;height:64px;border-radius:6px;background:var(--navy);color:#fff;font:800 14px/1 var(--sans);letter-spacing:.06em}
.rc-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.rc-title{font:700 18px/1.3 var(--display);color:var(--navy)}
.rc-meta{font:600 15px/1.4 var(--sans);color:var(--charcoal)}
.rc-open{font:700 15px/1.4 var(--sans);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){ .prose ul.report-cards{grid-template-columns:minmax(0,1fr)} }
.small-note{font-size:15px;color:var(--muted);font-style:italic;margin:14px 0 0}

/* ── Field photo grid (/photos-sample-reports/): 3 / 2 / 1 columns */
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.photo-grid .ph-photo{aspect-ratio:4/3;min-height:0}

/* ── Four video slots: 2 x 2 instead of 3 + 1 */
.video-grid.video-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.video-card .ph-photo{border:0;border-bottom:2px dashed #9AA8BC}

/* ── TREC report sections list */
.prose ol.sections{padding-left:1.4em}

/* ── HIH Review Call Block (/leave-us-a-review/), restyled from Acadiana's .rcb to Rod's design.
      Two client-review slots flank the two buttons; on phones the buttons come first. */
.rcb-head{max-width:680px;margin:0 auto 36px;text-align:center}
.rcb-rule{width:120px;height:5px;background:var(--river);border-radius:3px;margin:6px auto 22px}
.rcb-head p{color:var(--body);font-size:18px;margin:0}
.rcb-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;list-style:none;padding:0;margin:0}
.rcb-cols .ph-review{min-height:220px;display:flex;flex-direction:column;justify-content:center}
.rcb-mid{text-align:center;background:var(--navy);border-radius:18px;padding:32px 24px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.rcb-mid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--river)}
.rcb-btns{display:grid;gap:14px;margin:0 0 18px}
.rcb-btns .btn{width:100%}
.rcb-mid .btn-ghost{color:#fff;border-color:rgba(255,255,255,.75)}
.rcb-mid .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.rcb-tagline{margin:0;color:rgba(255,255,255,.94);font-size:16px}

/* ── GHL inline form (/private-feedback/). Height floor lives in CSS, not inline
      (team-learnings 2026-10-02: min-height beats the inline height form_embed.js sets). */
#inline-F4cLto6pomZhV3s4zY4p{min-height:630px}
.form-wrap{max-width:760px;margin:0 auto}
.form-wrap .intro{font-size:18px;margin:0 0 24px}

@media (max-width:900px){
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rcb-cols{grid-template-columns:minmax(0,1fr)}
  .rcb-mid{order:-1}
  .rcb-cols .ph-review{min-height:0}
}
@media (max-width:640px){
  .photo-grid,.video-grid.video-grid-2{grid-template-columns:minmax(0,1fr)}
  .ph-widget{min-height:240px}
  .inline-links{flex-direction:column;gap:10px}
}

/* ── Reviews page: GHL / ReputationHub review widget (2026-10-09). review-widget.js sets the iframe height;
   this floor only reserves space so the page doesn't jump while it loads. Never put min-height inline. */
.review-widget{min-width:0;max-width:100%;overflow:hidden}
.review-widget iframe{display:block;width:100%;max-width:100%;border:0}
.review-widget-full{min-height:520px}
@media (max-width:640px){ .review-widget-full{min-height:640px} }