.mad-chat { --mad-ink:#252720; --mad-accent:#b94e12; --mad-paper:#fffdf8; box-sizing:border-box; width:100%; max-width:900px; margin:40px auto; border:1px solid #dedbd2; border-radius:20px; overflow:hidden; background:var(--mad-paper); color:var(--mad-ink); text-align:left; font-family:inherit; font-size:16px; line-height:1.6; box-shadow:0 12px 40px #25272008; }
.mad-chat *, .mad-chat *::before, .mad-chat *::after { box-sizing:border-box; }
.mad-chat [hidden] { display:none !important; }
.mad-chat .mad-heading { padding:32px 32px 16px; }
.mad-chat .mad-eyebrow { display:block; color:var(--mad-accent); font:600 11px/1.5 system-ui,sans-serif; letter-spacing:1.6px; }
.mad-chat .mad-eyebrow span { font-size:18px; margin-right:5px; }
.mad-chat h2 { font-family:inherit; font-size:clamp(25px,3.5vw,36px); line-height:1.2; letter-spacing:-.6px; text-transform:none; color:var(--mad-ink); margin:14px 0; }
.mad-chat .mad-heading p { font-size:16px; max-width:680px; color:#54574e; margin:0; }
.mad-chat .mad-form { padding:8px 32px 0; margin:0; }
.mad-chat .mad-label { display:block; font-size:14px; font-weight:600; margin:0 0 8px; color:var(--mad-ink); }
.mad-chat .mad-input { display:block; width:100%; min-height:110px; max-height:300px; resize:vertical; border:1px solid #b5b5a9; border-radius:12px; padding:16px; font:inherit; line-height:1.5; background:#fff; color:var(--mad-ink); box-shadow:none; }
.mad-chat .mad-input::placeholder { color:#686b62; opacity:1; }
.mad-chat :focus-visible { outline:3px solid #bd571b; outline-offset:3px; }
.mad-chat .mad-send-row { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:12px; }
.mad-chat .mad-hint { font-size:12px; line-height:1.5; color:#676a61; }
.mad-chat .mad-send { appearance:none; border:0; border-radius:9px; padding:13px 20px; background:var(--mad-accent); color:white; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; flex-shrink:0; text-transform:none; letter-spacing:0; box-shadow:none; }
.mad-chat .mad-send:hover { background:#953d0d; }
.mad-chat button:disabled { opacity:.65; cursor:wait; }
.mad-chat .mad-disclosure { font-size:11px; line-height:1.6; color:#676a61; margin:14px 0 0; }
.mad-chat .mad-voice { padding:0 32px 8px; text-align:center; }
.mad-chat .mad-separator { display:flex; align-items:center; gap:12px; margin:22px 0 16px; color:#777a70; font-size:11px; text-transform:uppercase; letter-spacing:1px; }
.mad-chat .mad-separator::before, .mad-chat .mad-separator::after { content:""; height:1px; flex:1; background:#dedbd2; }
.mad-chat .mad-voice-start { appearance:none; border:1px solid var(--mad-accent); border-radius:9px; padding:12px 20px; background:transparent; color:#914012; font:600 14px/1.4 system-ui,sans-serif; cursor:pointer; text-transform:none; letter-spacing:0; box-shadow:none; }
.mad-chat .mad-voice-start:hover { color:#fff; background:var(--mad-accent); }
.mad-chat .mad-voice-start span { color:#c6291d; margin-right:7px; }
.mad-chat .mad-voice-intro { max-width:620px; margin:10px auto 0; color:#5e6258; font-size:12px; line-height:1.55; }
.mad-chat .mad-voice-panel { margin:14px auto 0; max-width:620px; padding:18px; border:1px solid #dedbd2; border-radius:12px; background:#fff; text-align:left; }
.mad-chat .mad-voice-live { display:flex; align-items:center; gap:9px; }
.mad-chat .mad-voice-dot { width:10px; height:10px; border-radius:50%; background:#c6291d; box-shadow:0 0 0 5px #c6291d18; }
.mad-chat .mad-voice-state { flex:1; font-size:14px; }
.mad-chat .mad-voice-timer { font:600 15px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; color:#5d6157; }
.mad-chat .mad-voice-caption { min-height:24px; margin:12px 0; color:#555950; font-size:13px; }
.mad-chat .mad-voice-controls { display:flex; gap:10px; flex-wrap:wrap; }
.mad-chat .mad-voice-controls button { appearance:none; border:1px solid #b8b8ae; border-radius:8px; padding:9px 13px; background:#fff; color:#30322c; font:600 12px/1.4 system-ui,sans-serif; cursor:pointer; text-transform:none; letter-spacing:0; box-shadow:none; }
.mad-chat .mad-voice-controls .mad-voice-stop { border-color:#8d3826; color:#8d3826; }
.mad-chat .mad-voice-disclosure { margin:12px 0 0; color:#676a61; font-size:11px; line-height:1.55; }
.mad-chat a { color:#914012; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.mad-chat .mad-log { max-height:520px; overflow-y:auto; padding:0 32px; overscroll-behavior:contain; }
.mad-chat .mad-log:empty { display:none; }
.mad-chat .mad-message { margin:12px 0 20px; padding:18px 20px; border-radius:12px; overflow-wrap:anywhere; }
.mad-chat .mad-message--user { background:#eeeee7; margin-left:10%; }
.mad-chat .mad-message--assistant { border:1px solid #e5e1d7; background:#fff; margin-right:3%; }
.mad-chat .mad-speaker { font:600 11px/1.5 system-ui,sans-serif; letter-spacing:.6px; display:block; margin-bottom:6px; color:#65695f; }
.mad-chat .mad-message--assistant .mad-speaker { color:var(--mad-accent); }
.mad-chat .mad-message p { margin:0; font-size:15px; line-height:1.65; white-space:pre-wrap; }
.mad-chat .mad-status { min-height:8px; padding:0 32px; margin:12px 0; color:#7c3610; font-size:13px; }
.mad-chat .mad-actions { display:flex; flex-wrap:wrap; gap:20px; padding:0 32px 20px; }
.mad-chat .mad-actions button { border:0; padding:0; box-shadow:none; background:transparent; color:#595d52; text-transform:none; text-decoration:underline; text-underline-offset:4px; font:inherit; font-size:12px; cursor:pointer; }
.mad-chat .mad-contact { display:flex; align-items:center; flex-wrap:wrap; gap:4px 20px; background:#f1f0e9; border-top:1px solid #e1dfd5; padding:19px 32px; }
.mad-chat .mad-contact p { flex:1 1 240px; margin:0; font-size:14px; font-weight:500; }
.mad-chat .mad-contact a { font-size:13px; font-weight:600; }
.mad-chat .mad-contact small { flex-basis:100%; font-size:11px; color:#666a60; margin-top:5px; }
@media (max-width:600px) { .mad-chat { margin:24px auto; border-radius:14px; } .mad-chat .mad-heading { padding:24px 20px 12px; } .mad-chat .mad-form { padding:8px 20px 0; } .mad-chat .mad-voice { padding-left:20px; padding-right:20px; } .mad-chat .mad-voice-start { width:100%; } .mad-chat .mad-voice-controls { flex-direction:column; } .mad-chat .mad-voice-controls button { width:100%; } .mad-chat .mad-log { padding:0 16px; max-height:440px; } .mad-chat .mad-status, .mad-chat .mad-actions { padding-left:20px; padding-right:20px; } .mad-chat .mad-contact { padding:16px 20px; } .mad-chat .mad-send-row { flex-direction:column; align-items:stretch; gap:10px; } .mad-chat .mad-send { width:100%; } .mad-chat .mad-message { padding:14px; } .mad-chat .mad-message--user { margin-left:5%; } .mad-chat .mad-message--assistant { margin-right:0; } }
@media (prefers-reduced-motion:reduce) { .mad-chat * { scroll-behavior:auto !important; } }
/* Contain the widget in WooCommerce flex layouts with long unbreakable copy. */
.single-product div.product:has(.mad-chat) > .woocommerce-tabs { flex-basis:100%; width:100%; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.single-product div.product:has(.mad-chat) > .summary { min-width:0; max-width:100%; overflow-wrap:anywhere; }