/* =============================================================================
   CONTACT PAGE EXTRAS — loaded on contact-us.php after sh-contact.css
   (moved here from the <style> block that used to sit inside the page).
   Safe to merge into sh-contact.css later; then drop 'site-contact' from the
   contact row in includes/pages.php.
   ============================================================================= */
/* soft second glow in the banner */
.phead::after{content:"";position:absolute;right:-130px;bottom:-150px;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(248,188,45,.20),rgba(248,188,45,0) 68%);pointer-events:none;z-index:-1}
/* gold edge that reveals on the contact cards */
.ct{position:relative;overflow:hidden}
.ct::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#f8bc2d,#e89a10);
  transform:scaleY(0);transform-origin:top;transition:transform .25s}
.ct:hover::before,.ct:focus-visible::before{transform:scaleY(1)}
/* accent strip across the top of the form card */
.cform__main{position:relative}
.cform__main::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#f8bc2d,#ffd27a 45%,#18457b)}
.frm__send .btn{display:inline-flex;align-items:center;gap:9px}
.frm__send .btn svg{width:18px;height:18px}
/* required-field dot */
.frm__f label .req{color:#d08700;margin-left:2px}
/* result notes */
.frm-note{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:15px 17px;margin:0 0 22px;font-size:15px;line-height:1.5}
.frm-note svg{flex:none;width:22px;height:22px;margin-top:1px}
.frm-note b{display:block;margin-bottom:1px}
.frm-note a{font-weight:700;color:inherit;text-decoration:underline}
.frm-err{background:#fff4f3;border:1px solid #f4cccc;color:#9b2c2c}
.frm-err svg{color:#d64545}
/* inline WhatsApp alternative under the send button */
.frm-alt{margin:16px 0 0;font-size:14.5px;color:var(--slate,#4b5d73)}
.frm-alt a{color:#128c3e;font-weight:700;text-decoration:none}
.frm-alt a:hover{text-decoration:underline}
/* success panel */
.cform__ok{text-align:center;padding:14px 0 6px}
.cform__ok .tick{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:#eafaf0;color:#1f9d57;display:grid;place-items:center;
  box-shadow:0 0 0 8px #f3fbf6}
.cform__ok .tick svg{width:34px;height:34px}
.cform__ok h2{margin:0 0 8px}
.cform__ok p{color:var(--slate,#4b5d73);max-width:46ch;margin:0 auto 22px}
.cform__ok .frm__send{justify-content:center}
.btn--ok{background:#128c3e;color:#fff}
.btn--ok:hover{background:#0f7735;color:#fff}
/* FIX: an older dark-card version of this box still lives in sh-home.css and leaves the
   "What happens next" heading and step text invisible on the light gold card. Restore readable colours. */
.cbox--gold h2{color:var(--navy-deep,#0f2f57)}
.cnext li>span,.cnext span span{color:var(--slate,#4b5d73)}
.cnext b{color:var(--navy-deep,#0f2f57)}