/* High Peak v6 -- production additions to the reviewed preview stylesheets.
   Everything the preview did not need: the visible "Illustration" label, a
   no-JS mobile menu for the catalog header, the live request form, plain-content
   pages, and the footer link/notice row. */
:root{--hp-ink:#102c34;--hp-teal:#087c80;--hp-sun:#ffc653;--hp-paper:#fffaf0;--hp-line:#d9d2c4}
body.hp-v6{-webkit-font-smoothing:antialiased}
body.hp-v6.admin-bar .site-header,body.hp-v6.admin-bar .header{position:relative}
.skip:focus{outline:3px solid var(--hp-ink)}

/* Illustration label printed directly on the image (AI illustration, never a photograph) */
.gallery-stage[data-illustration="true"]::after{content:"Illustration";position:absolute;left:12px;top:12px;z-index:2;background:var(--hp-ink);color:#fff;font:800 .72rem/1 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 12px;border:2px solid var(--hp-sun);pointer-events:none}
.gallery-thumb[data-illustration="true"]{position:relative}
.gallery-thumb[data-illustration="true"]::after{content:"Illustration";position:absolute;left:6px;top:6px;background:var(--hp-ink);color:#fff;font:800 .5rem/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:3px 4px;pointer-events:none}

/* Catalog header: menu for narrow screens (native <details>, works without JS) */
.m-nav{display:none;position:relative}
.m-nav summary{list-style:none;cursor:pointer;font-weight:800;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:12px 4px;min-height:44px;display:flex;align-items:center}
.m-nav summary::-webkit-details-marker{display:none}
.m-nav summary::after{content:"+";margin-left:8px;color:var(--hp-teal)}
.m-nav[open] summary::after{content:"\2212"}
.m-nav>div{position:absolute;right:0;top:100%;z-index:30;min-width:220px;background:var(--hp-paper);border:1px solid var(--hp-line);box-shadow:0 18px 40px rgba(16,44,52,.18)}
.m-nav>div a{display:block;padding:15px 18px;font-weight:800;font-size:.85rem;border-bottom:1px solid var(--hp-line)}
.m-nav>div a:last-child{border-bottom:0;background:var(--hp-sun)}
@media(max-width:850px){.m-nav{display:block}.site-header{flex-wrap:wrap}}

/* Focus visibility on the catalog family */
.site-header a:focus-visible,.site-footer a:focus-visible,.unit-card:focus-visible,.button:focus-visible,.m-nav summary:focus-visible,.gallery-thumb:focus-visible,.faq-list summary:focus-visible,.compare-tab:focus-visible,.compare-drawer button:focus-visible{outline:3px solid var(--hp-teal);outline-offset:3px}

/* Home planner hand-off button */
.plan-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--v6-gold,#ffc653);color:var(--v6-ink,#102c34);font-weight:800;letter-spacing:.08em;padding:19px 22px;min-height:56px;font-size:.78rem}
.plan-submit:hover{background:#fff}
.plan-form small{display:block;margin-top:14px;line-height:1.5}

/* Footer: link + notice row shared by both footers */
.site-footer{flex-wrap:wrap}
.hp-legal{flex-basis:100%;grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:24px;display:grid;gap:12px}
.hp-legal nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.hp-legal a{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.hp-legal a:hover{text-decoration:underline;text-underline-offset:4px}
.hp-legal p{font-size:.74rem;line-height:1.55;max-width:760px;opacity:.85;margin:0}
.v6-footer{align-items:start}

/* Contact: real request form */
.request-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding:90px 5vw 100px;background:var(--hp-paper);border-top:1px solid var(--hp-line)}
.request-intro h2{font-size:clamp(3.2rem,5vw,5.4rem)}
.hp-before-submit{margin-top:32px;border-top:4px solid var(--hp-teal);background:rgba(8,124,128,.07);padding:22px}
.hp-before-submit h3{font-size:1.9rem;margin-bottom:10px}
.hp-before-submit p{line-height:1.6;font-size:.92rem}
.next-panel{background:#e8dec9}
.request-form{min-width:0;background:#fff;border:1px solid var(--hp-line);padding:clamp(20px,3vw,44px)}
.request-form .hp-inquiry-summary{background:var(--hp-sun);font-weight:800;padding:12px 16px;margin:0 0 20px}
.request-form .gform_wrapper{margin:0}
.request-form .gform_wrapper .gfield_label,.request-form .gform_wrapper legend.gfield_label{font-family:'DM Sans',sans-serif;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-ink);margin-bottom:8px}
.request-form .gform_wrapper .gfield_required{color:#b3261e}
.request-form .gform_wrapper input[type=text],.request-form .gform_wrapper input[type=email],.request-form .gform_wrapper input[type=tel],.request-form .gform_wrapper input[type=date],.request-form .gform_wrapper select,.request-form .gform_wrapper textarea{width:100%;font:inherit;font-size:1rem;padding:14px 14px;min-height:50px;border:2px solid #b9b3a6;border-radius:0;background:#fff;color:var(--hp-ink)}
.request-form .gform_wrapper input:focus,.request-form .gform_wrapper select:focus,.request-form .gform_wrapper textarea:focus{outline:3px solid var(--hp-teal);outline-offset:1px;border-color:var(--hp-teal)}
.request-form .gform_wrapper .gform_footer input[type=submit],.request-form .gform_wrapper .gform_footer button{background:var(--hp-sun);color:var(--hp-ink);border:2px solid transparent;font:800 .86rem 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:16px 28px;min-height:54px;border-radius:0;cursor:pointer}
.request-form .gform_wrapper .gform_footer input[type=submit]:hover{transform:translateY(-3px)}
.request-form .gform_wrapper .validation_error,.request-form .gform_wrapper .gform_validation_errors{border:2px solid #b3261e;color:#7a1712;background:#fdecea;padding:14px 16px;margin-bottom:22px}
.request-form .gform_confirmation_message{font-size:1.1rem;line-height:1.6;padding:26px;background:rgba(8,124,128,.09);border-top:4px solid var(--hp-teal)}
.request-form .gform_wrapper li.gfield{margin-top:20px}
.request-form .gform_wrapper ul.gform_fields{padding:0;margin:0;list-style:none}
@media(max-width:850px){.request-panel{grid-template-columns:1fr;gap:34px;padding:60px 5vw 80px}}

/* Plain-content pages (about, safety, planning guide, privacy, terms, thank-you) */
.hp-prose{max-width:820px;margin:0 auto;padding:clamp(52px,8vw,110px) 5vw clamp(70px,9vw,130px);font-size:1.05rem;line-height:1.7;color:var(--hp-ink);background:transparent}
.hp-prose h1{font-size:clamp(3.4rem,8vw,6.4rem);line-height:.95;margin-bottom:34px;letter-spacing:-.03em}
.hp-prose h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;margin:2.2em 0 .6em;letter-spacing:-.02em}
.hp-prose h3{font-size:1.9rem;margin:1.8em 0 .5em}
.hp-prose p,.hp-prose ul,.hp-prose ol{margin:0 0 1.15em}
.hp-prose ul,.hp-prose ol{padding-left:1.3em}
.hp-prose li{margin:.4em 0}
.hp-prose a{color:var(--hp-teal);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.hp-prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:.95rem}
.hp-prose th,.hp-prose td{border:1px solid var(--hp-line);padding:10px 12px;text-align:left;vertical-align:top}
.hp-prose blockquote{border-left:4px solid var(--hp-teal);margin:0 0 1.2em;padding:6px 20px;background:rgba(8,124,128,.06)}
.hp-prose img{max-width:100%;height:auto}
.hp-prose .wp-block-group{margin:0}
.hp-prose .wp-block-button__link{display:inline-block;background:var(--hp-sun);color:var(--hp-ink);padding:14px 22px;text-decoration:none;font-weight:800}

@media print{.compare-tab,.compare-drawer,.mobile-plan,.mobile-ask,.m-nav{display:none!important}}
