/* LIA Live Chat widget — self-contained, brand palette (ink #14110F, panel #1B1714,
 * cream #F7F1EC, muted #B3A89F, rose #E0B0C5, hairline #2B2521). Inter is loaded by the theme.
 * z-index 8900: below the lia-minicart drawer so it never overlaps it; chat.js additionally
 * hides the widget (via .liac-hidden) when a cart/drawer-open body class is present. */
#lia-chat-root{
  --liac-ink:#14110F;--liac-panel:#1B1714;--liac-cream:#F7F1EC;--liac-line:#2B2521;
  --liac-rose:#E0B0C5;--liac-muted:#B3A89F;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
/* Neutralize theme/Elementor global button+input styling (border, radius,
 * underline accents) that clobbers the widget on non-flagship pages. The
 * flagship loads no theme CSS, which is why it only broke on inner pages. */
#lia-chat-root button,
#lia-chat-root a.liac-wa,
#lia-chat-root input,
#lia-chat-root textarea{
  -webkit-appearance:none !important;appearance:none !important;
  box-shadow:none !important;text-transform:none !important;
  text-decoration:none !important;outline:none;
}
#lia-chat-root button{border:0 !important;}
#lia-chat-root .liac-close{background:transparent;}
#lia-chat-root .liac-launch{border-radius:50% !important;padding:0 !important;margin:0 !important;line-height:1 !important;}
#lia-chat-root .liac-send,
#lia-chat-root .liac-primary{
  border-radius:999px !important;
  background:linear-gradient(135deg,#E8BCCF,#D9A3BC) !important;
  color:var(--liac-ink) !important;
}
#lia-chat-root .liac-close{border-radius:8px !important;padding:4px 6px !important;}
#lia-chat-root input,
#lia-chat-root textarea{border-radius:10px !important;}
/* Hide the whole widget when a higher-priority overlay owns the screen.
 * chat.js toggles .liac-hidden from a body-class watcher (/cart-open|drawer-open/);
 * the selectors below are the CSS-only fallback for the same candidate classes. */
#lia-chat-root.liac-hidden,
body.cart-open #lia-chat-root,
body.drawer-open #lia-chat-root,
body.lia-cart-open #lia-chat-root,
body.lia-drawer-open #lia-chat-root{display:none !important;}

/* --- Launcher bubble (brand: ink orb, rose ring, soft pulse halo) --- */
.liac-launch{
  position:fixed;right:20px;bottom:20px;z-index:8900;
  width:62px !important;height:62px !important;border-radius:50%;cursor:pointer;
  border:1.5px solid rgba(224,176,197,.55) !important;
  background:radial-gradient(130% 130% at 30% 22%, #262019 0%, #14110F 62%) !important;
  color:var(--liac-rose);
  box-shadow:0 10px 28px rgba(0,0,0,.5), inset 0 1px 0 rgba(247,241,236,.07) !important;
  display:flex;align-items:center;justify-content:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.liac-launch::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none;
  border:1.5px solid rgba(224,176,197,.45);
  animation:liac-halo 3.4s ease-out infinite;
}
@keyframes liac-halo{
  0%{transform:scale(.92);opacity:.6}
  60%{transform:scale(1.28);opacity:0}
  100%{transform:scale(1.28);opacity:0}
}
@media (prefers-reduced-motion:reduce){.liac-launch::after{animation:none;opacity:0}}
.liac-launch:hover{
  transform:translateY(-3px);
  border-color:var(--liac-rose) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.6), 0 0 18px rgba(224,176,197,.25), inset 0 1px 0 rgba(247,241,236,.09) !important;
}
.liac-launch:active{transform:translateY(-1px) scale(.97);}
.liac-launch:focus-visible{outline:3px solid var(--liac-rose);outline-offset:3px;}
.liac-launch svg{width:27px;height:27px;filter:drop-shadow(0 0 6px rgba(224,176,197,.35));}
.liac-launch .liac-badge{
  position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;
  background:var(--liac-rose);color:var(--liac-ink);border-radius:999px;
  font-size:12px;font-weight:800;line-height:20px;text-align:center;display:none;
}
.liac-launch.liac-has-unread .liac-badge{display:block;}

/* --- Panel --- */
.liac-panel{
  position:fixed;right:20px;bottom:20px;z-index:8901;
  width:360px;max-width:calc(100vw - 32px);
  height:520px;max-height:calc(100vh - 40px);
  background:var(--liac-panel);border:1px solid rgba(224,176,197,.22);border-radius:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.4);
  display:none;flex-direction:column;overflow:hidden;
  color:var(--liac-cream);
}
.liac-panel.liac-open{display:flex;animation:liac-rise .22s ease-out;}
@keyframes liac-rise{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.liac-panel.liac-open{animation:none}}

.liac-head{background:var(--liac-ink);color:var(--liac-cream);padding:15px 16px;display:flex;align-items:center;gap:10px;position:relative;}
.liac-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg, transparent, rgba(224,176,197,.55), transparent);}
.liac-head .liac-title{flex:1;font-family:'Abril Fatface',Georgia,'Times New Roman',serif;font-weight:400;font-size:1.35rem;line-height:1.1;letter-spacing:.03em;}
.liac-head .liac-title small{display:block;font-family:'Inter',-apple-system,sans-serif;font-weight:600;color:var(--liac-rose);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;margin-top:4px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.liac-head .liac-close{background:transparent;border:0;color:var(--liac-cream);cursor:pointer;font-size:22px;line-height:1;padding:4px 6px;border-radius:8px;}
.liac-head .liac-close:hover{background:rgba(247,241,236,.12);}

/* WhatsApp header button — icon-only chip (label lives in aria/title) */
.liac-wa{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;background:transparent;
  border:1px solid rgba(224,176,197,.55) !important;color:var(--liac-rose);
  border-radius:50% !important;line-height:1;}
.liac-wa:hover{background:var(--liac-rose);color:var(--liac-ink);}
.liac-wa svg{width:16px;height:16px;fill:currentColor;flex:none;}

.liac-body{flex:1;overflow-y:auto;padding:14px;background:linear-gradient(180deg,#14110F 0%,#171310 100%);}
.liac-intro{color:var(--liac-muted);font-size:.9rem;line-height:1.5;margin:2px 0 12px;}

.liac-msg{margin:8px 0;max-width:82%;}
.liac-msg .liac-bubble{padding:9px 13px;border-radius:14px;line-height:1.42;font-size:.92rem;white-space:pre-wrap;word-wrap:break-word;}
.liac-msg.liac-customer{margin-left:auto;}
.liac-msg.liac-customer .liac-bubble{background:linear-gradient(135deg,#E8BCCF 0%,#D9A3BC 100%);color:var(--liac-ink);border-bottom-right-radius:4px;box-shadow:0 2px 10px rgba(224,176,197,.15);}
.liac-msg.liac-owner .liac-bubble{background:var(--liac-panel);color:var(--liac-cream);border:1px solid var(--liac-line);border-bottom-left-radius:4px;}
.liac-msg .liac-time{font-size:11px;color:var(--liac-muted);margin-top:3px;}
.liac-msg.liac-customer .liac-time{text-align:right;}

/* --- Start form (name + email) --- */
.liac-start label{display:block;font-weight:600;font-size:.8rem;margin:16px 0 6px;color:var(--liac-cream);letter-spacing:.02em;}
.liac-start input{width:100%;box-sizing:border-box;border:1px solid var(--liac-line) !important;border-radius:10px;padding:12px 13px;font:inherit;background:var(--liac-ink) !important;color:var(--liac-cream) !important;}
.liac-start input::placeholder{color:rgba(179,168,159,.7);}
.liac-start .liac-hint{color:var(--liac-muted);font-size:.76rem;line-height:1.45;margin:6px 0 0;}
.liac-start .liac-intro{margin-bottom:4px;}
/* Privacy disclaimer under the start button */
.liac-start .liac-legal{color:var(--liac-muted);font-size:.68rem;line-height:1.5;margin:10px 2px 0;text-align:center;}
.liac-start .liac-legal a{color:var(--liac-rose);text-decoration:underline;}

/* --- Marketing opt-in row (v2 upgrade merge 2026-07-10) ---
 * .liac-start .liac-optin out-specifies the .liac-start label rule above. */
.liac-start .liac-optin{display:flex;align-items:flex-start;gap:.5rem;font-size:.76rem;font-weight:500;
  color:var(--liac-muted);line-height:1.4;margin:10px 0 0;cursor:pointer;letter-spacing:0;}
/* The theme-reset above strips native appearance from every input in the root, which
 * would leave a checkbox invisible — restore it here, LÍA-toned, sized off the row. */
#lia-chat-root .liac-optin input[type="checkbox"]{
  -webkit-appearance:checkbox !important;appearance:auto !important;
  width:15px !important;height:15px;flex:none;margin:1px 0 0 !important;padding:0 !important;
  background:var(--liac-ink) !important;border:1px solid var(--liac-line) !important;
  border-radius:4px !important;accent-color:var(--liac-rose);cursor:pointer;
}

/* honeypot: visually + accessibly hidden but present in DOM */
.liac-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* --- Typing indicator (fixed-height slot so showing it never shifts layout) --- */
.liac-typing{height:18px;padding:0 4px 2px;visibility:hidden;}
.liac-typing.is-on{visibility:visible;}
.liac-typing-txt{font-style:italic;font-size:.78rem;color:var(--liac-muted);}
.liac-typing-txt::after{content:"";display:inline-block;width:1.1em;text-align:left;
  animation:liac-dots 1.2s steps(4,end) infinite;}
@keyframes liac-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}100%{content:""}}

/* --- Composer --- */
.liac-foot{border-top:1px solid var(--liac-line);padding:10px;background:var(--liac-panel);}
.liac-composer{display:flex;gap:8px;align-items:flex-end;}
.liac-composer textarea{flex:1;border:1px solid var(--liac-line);border-radius:12px;padding:10px 12px;font:inherit;resize:none;max-height:120px;min-height:42px;line-height:1.35;background:var(--liac-ink);color:var(--liac-cream);}
.liac-composer textarea::placeholder{color:var(--liac-muted);}
.liac-send{background:linear-gradient(135deg,#E8BCCF,#D9A3BC);color:var(--liac-ink);border:0;border-radius:999px;font-weight:700;letter-spacing:.02em;padding:0 18px;height:42px;cursor:pointer;flex:none;transition:transform .15s ease,box-shadow .15s ease;}
.liac-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(224,176,197,.25);}
.liac-send:disabled{opacity:.5;cursor:default;}
.liac-primary{display:block;width:100%;background:linear-gradient(135deg,#E8BCCF,#D9A3BC);color:var(--liac-ink);border:0;border-radius:999px;font-weight:700;letter-spacing:.02em;padding:13px;cursor:pointer;font-size:.95rem;margin-top:14px;transition:transform .15s ease,box-shadow .15s ease;}
.liac-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(224,176,197,.25);}
.liac-err{background:#3a1b1b;color:#f2b8b5;border:1px solid #5c2b2b;padding:9px 12px;border-radius:8px;font-size:.85rem;margin:8px 0;}

/* --- Mobile --- */
@media (max-width:480px){
  .liac-panel{right:8px;left:8px;bottom:8px;width:auto;max-width:none;height:calc(100vh - 16px);max-height:calc(100vh - 16px);border-radius:14px;}
  .liac-launch{right:14px;bottom:14px;width:56px;height:56px;}
}