round3 item (4): print stylesheet — black-on-white, hide interactive-only elements (nav/CTA/iframe/form), expand booking link to show URL; verified under print media

693c5744a01c3a1cba62e1f8a2152c2dc2a018de · 2026-06-30 04:30:20 -0700 · Steve

Files touched

M public/styles.css

Diff

commit 693c5744a01c3a1cba62e1f8a2152c2dc2a018de
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Jun 30 04:30:20 2026 -0700

    round3 item (4): print stylesheet — black-on-white, hide interactive-only elements (nav/CTA/iframe/form), expand booking link to show URL; verified under print media
---
 public/styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/public/styles.css b/public/styles.css
index 701f2cf..5950eb0 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -173,3 +173,18 @@ footer a { color: var(--accent); }
 .btn { background: var(--ink); color: var(--paper); border: var(--bord); padding: 12px 20px; text-transform: uppercase; cursor: pointer; font-weight: 800; font-family: inherit; }
 .btn.warn { background: var(--accent2); }
 .btn:hover { background: var(--accent); color: var(--ink); }
+
+/* print: black-on-white, drop the ink-heavy brutalist fills, hide interactive-only bits */
+@media print {
+  *, *::before, *::after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
+  body { background: #fff !important; font-size: 11pt; }
+  .skip, .hamburger, .navpanel, .cta, #embedBox, .contact-form, footer a { display: none !important; }
+  .hero { min-height: auto !important; padding: 20px 0 !important; border-bottom: 2px solid #000 !important; }
+  .hero-img { display: none !important; }
+  .topbar { border-bottom: 2px solid #000 !important; }
+  section { border-bottom: 2px solid #000 !important; }
+  .cell, .contact-info { border: 2px solid #000 !important; }
+  a { text-decoration: underline; }
+  #bookAlt::after { content: " — " attr(href); font-weight: 700; }   /* printed link shows its URL */
+  .contact-info dt { color: #000 !important; }
+}

← a6fa980 round3 item (7): microcopy — unify to first-person singular · back to Robet Site · loop ledger: round3 items (7)+(4) done — ROUND 3 COMPLETE (8 2ffa1a4 →