/* Client feedback round — Sept 30, 2026
   1. Commercial / Residential split with slow slideshow (homepage)
   2. File upload on estimate forms
   3. Chat launcher (site-wide) */

/* 1. Split panels */
.split-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.path-panel{position:relative;display:block;overflow:hidden;background:var(--navy);color:var(--ivory);aspect-ratio:4/3;isolation:isolate}
.path-panel .slides{position:absolute;inset:0;z-index:0}
.path-panel .slides img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.6s ease,transform 7s linear}
.path-panel .slides img.is-active{opacity:1;transform:scale(1)}
.path-panel::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(16,38,63,.88) 0%,rgba(16,38,63,.45) 45%,rgba(16,38,63,.05) 100%)}
.path-copy{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:30px 32px}
.path-copy .eyebrow{color:var(--ice);margin-bottom:10px}
.path-copy h3{font-size:clamp(28px,2.6vw,38px);color:var(--ivory);margin-bottom:10px}
.path-copy p{color:#d8e3ea;font-size:14px;max-width:420px;margin-bottom:18px}
.path-copy .text-link{color:var(--ivory);border-color:#9cb7c8}
.path-panel:hover .text-link{color:var(--ice);border-color:var(--ice)}
.path-panel:hover .slides img.is-active{transform:scale(1.03)}
.path-dots{position:absolute;top:18px;right:18px;z-index:2;display:flex;gap:6px}
.path-dots span{width:22px;height:2px;background:rgba(255,255,255,.35)}
.path-dots span.is-active{background:var(--ivory)}
@media(prefers-reduced-motion:reduce){.path-panel .slides img{transition:opacity .4s;transform:none}}
@media(max-width:820px){.split-paths{gap:16px}.path-copy{padding:22px}.path-copy p{display:none}}
@media(max-width:600px){.split-paths{grid-template-columns:1fr}.path-panel{aspect-ratio:5/4}.path-copy p{display:block;font-size:13px}}

/* 2. File upload */
.file-field input[type=file]{padding:9px 12px;cursor:pointer;background:var(--paper)}
.file-field input[type=file]::file-selector-button{font:inherit;font-size:12px;font-weight:600;background:var(--navy);color:var(--paper);border:0;padding:7px 12px;margin-right:12px;cursor:pointer}
.file-hint{display:block;font-size:11px;font-weight:400;color:var(--slate);margin-top:7px;line-height:1.5}
.file-list{display:block;font-size:12px;font-weight:400;color:var(--navy);margin-top:6px}
.file-list:empty{display:none}

/* 3. Chat launcher */
.chat-launch{position:fixed;right:20px;bottom:20px;z-index:98;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;background:var(--navy);color:var(--paper);border:1px solid var(--navy);font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(16,38,63,.25)}
.chat-launch:hover{background:var(--ink);color:white}
.chat-launch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.chat-panel{position:fixed;right:20px;bottom:80px;z-index:98;width:min(340px,calc(100vw - 40px));background:var(--paper);border:1px solid #b4c5ce;box-shadow:0 20px 50px rgba(16,38,63,.28);padding:22px}
.chat-panel[hidden]{display:none}
.chat-panel .eyebrow{margin-bottom:8px}
.chat-panel h3{font-size:22px;margin-bottom:8px}
.chat-panel>p{font-size:13px;margin-bottom:16px}
.chat-options{display:grid;gap:8px}
.chat-options a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #abb8c0;padding:12px 14px;font-size:13px;font-weight:600;min-height:46px}
.chat-options a small{font-weight:400;color:var(--slate);font-size:11px}
.chat-options a:hover{background:var(--pale);color:var(--navy)}
.chat-close{position:absolute;top:8px;right:8px;border:0;background:transparent;padding:8px;font-size:13px;color:var(--navy)}
.chat-hours{font-size:11px;color:var(--slate);margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
@media(max-width:600px){.chat-launch{bottom:calc(70px + env(safe-area-inset-bottom));right:12px;padding:11px 14px;font-size:12px}.chat-panel{right:12px;bottom:calc(126px + env(safe-area-inset-bottom))}}
body.has-live-chat .chat-launch,body.has-live-chat .chat-panel{display:none}