/* Heating People website enquiry assistant (patch 61, 6 Nov 2026). Contact page pilot. Pure ASCII file. */
.hp-chat{box-sizing:border-box;max-width:760px;margin:0 0 28px;padding:20px;background:#fff;border:1px solid #e6e1e1;border-radius:14px;color:var(--hp-ink,#221f20);font:16px/1.5 Arial,Helvetica,sans-serif}
.hp-chat *,.hp-chat *::before,.hp-chat *::after{box-sizing:border-box}
.hp-chat-head{margin:0 0 12px}
.hp-chat-title{margin:0 0 4px;font-size:22px;line-height:1.25}
.hp-chat-sub{margin:0;color:var(--hp-muted,#5a5355);font-size:15px}
.hp-chat-log{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.hp-chat-msg{max-width:92%;padding:10px 14px;border-radius:14px;overflow-wrap:anywhere;scroll-margin-top:90px;scroll-margin-bottom:110px}
.hp-chat-msg:focus{outline:3px solid #ec9d32;outline-offset:2px}
.hp-chat-bot{align-self:flex-start;background:#f3f0f0}
.hp-chat-you{align-self:flex-end;background:#bb2619;color:#fff}
.hp-chat-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp-chat-controls{margin:0 0 12px;scroll-margin-bottom:110px}
.hp-chat-options,.hp-chat-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.hp-chat-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:2px solid #bb2619;border-radius:24px;background:#fff;color:#bb2619;font:700 16px/1.25 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;cursor:pointer;scroll-margin-bottom:110px}
.hp-chat-btn:hover{background:#faf1f0}
.hp-chat-btn:focus-visible,.hp-chat-link:focus-visible,.hp-chat input:focus-visible,.hp-chat textarea:focus-visible{outline:3px solid #ec9d32;outline-offset:2px}
.hp-chat a.hp-chat-btn{color:#bb2619;text-decoration:none}
.hp-chat a.hp-chat-btn--primary,.hp-chat a.hp-chat-btn--call,.hp-chat a.hp-chat-btn--alert{color:#fff!important}
.hp-chat a.hp-chat-btn--ghost{color:#221f20}
.hp-chat-btn[disabled]{opacity:.55;cursor:default}
.hp-chat-btn--primary,.hp-chat-btn--call{background:#bb2619;color:#fff}
.hp-chat-btn--primary:hover,.hp-chat-btn--call:hover{background:#9f2015}
.hp-chat-btn--alert{background:#231f20;border-color:#231f20;color:#fff}
.hp-chat-btn--alert:hover{background:#000}
.hp-chat-btn--ghost{border-color:#b9b0b1;color:#221f20;font-weight:400}
.hp-chat-btn--small{min-height:40px;padding:6px 12px;font-size:14px;font-weight:400;border-color:#b9b0b1;color:#221f20}
.hp-chat-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.hp-chat-quick[hidden]{display:none}
.hp-chat-quick-label{font-size:14px;color:var(--hp-muted,#5a5355)}
.hp-chat-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #e6e1e1}
.hp-chat-link{padding:8px 4px;border:0;background:none;color:#bb2619;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.hp-chat-link[hidden]{display:none}
.hp-chat-field{margin:0 0 10px}
.hp-chat-field label{display:block;margin:0 0 4px;font-weight:700}
.hp-chat input[type=text],.hp-chat input[type=email],.hp-chat input[type=tel],.hp-chat textarea{display:block;width:100%;max-width:100%;padding:12px 14px;border:1.5px solid #b9b0b1;border-radius:8px;background:#fff;color:inherit;font:inherit;font-size:16px;line-height:1.5}
.hp-chat input[aria-invalid=true],.hp-chat textarea[aria-invalid=true]{border-color:#bb2619}
.hp-chat-hint{display:block;margin:0 0 4px;font-size:14px;line-height:1.45;color:var(--hp-muted,#5a5355)}
.hp-chat-err{display:block;margin:4px 0 0;font-size:14px;color:#bb2619;font-weight:700}
.hp-chat-err:empty{display:none}
.hp-chat-checks{margin:0 0 10px;padding:0;border:0}
.hp-chat-check{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0}
.hp-chat-check input{width:22px;height:22px;flex:none}
.hp-chat-summary{margin:10px 0 0}
.hp-chat-summary dt{margin:8px 0 0;font-size:14px;color:var(--hp-muted,#5a5355)}
.hp-chat-summary dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.hp-chat-privacy{margin:12px 0 0;font-size:14px}
.hp-chat-privacy a{color:#bb2619}
.hp-chat-status{margin:6px 0 0;font-size:14px;color:var(--hp-muted,#5a5355)}
@media (max-width:599px){.hp-chat{padding:16px}.hp-chat-msg{max-width:100%}.hp-chat-options .hp-chat-btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.hp-chat *{transition:none!important;animation:none!important}}
@media print{.hp-chat{display:none}}
