/* Aqualite — Light clean bubbles + bottom-sheet suggestions */
/* Accent color */
:root{
  --accent:#0079FF; /* chosen */
  --bg:#f5f8fb;
  --panel:#ffffff;
  --muted:#6b7280;
  --bubble-user:#e6f3ff;
  --bubble-agent:#ffffff;
  --card:#ffffff;
  --success:#25D366;
  --shadow: 0 8px 20px rgba(16,24,40,0.08);
  --radius:18px;
}

/* Floating button - desktop bottom-right; mobile center bottom */
#aqualite-ultra-float{
  position:fixed;
  right:20px;
  bottom:20px;
  background:var(--accent);
  color:#fff;
  padding:10px 14px;
  border-radius:28px;
  box-shadow:var(--shadow);
  display:flex;
  gap:10px;
  align-items:center;
  z-index:999999;
  cursor:pointer;
  font-weight:700;
}
#aqualite-ultra-float.mobile-center{
  right:50%;
  transform: translateX(50%);
  left:auto;
  bottom:18px;
}

/* Chat container */
.aqualite-ultra-chat{
  position:fixed;
  right:20px;
  bottom:80px;
  width:380px;
  max-width:96%;
  background: #ffffff !important;
  border-radius:12px;
  box-shadow:var(--shadow);
  display:none;
  flex-direction:column;
  z-index:999999;
  color:#111827;
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.aqualite-ultra-chat.open{display:flex;}

/* header */
.chat-header{
  padding:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #eef2f7;
  background:linear-gradient(90deg, rgba(255,255,255,0.6), rgba(255,255,255,0.3));
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
.header-left{display:flex;gap:10px;align-items:center;}
.assistant-badge{background:var(--bubble-agent);padding:8px;border-radius:8px;}
.assistant-name{font-weight:700;color:#0f172a;}
.close-chat{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer;}

/* body - occupies most space */
.chat-body{
  padding:14px;
  max-height:420px;
  overflow:auto;
  background:#000;
}

/* message bubbles */
.msg{margin:8px 0;display:block;max-width:100%;}
.msg.user{display:flex;justify-content:flex-end;}
.msg.user .bubble{
  background:var(--bubble-user);
  color:#022f66;
  padding:10px 14px;
  border-radius:20px 20px 6px 20px;
  display:inline-block;
  box-shadow:0 6px 14px rgba(2,6,23,0.04);
}
.msg.bot .bubble{
  background:var(--bubble-agent);
  color:#0f172a;
  padding:10px 14px;
  border-radius:20px 20px 20px 6px;
  display:inline-block;
  box-shadow:0 6px 14px rgba(2,6,23,0.04);
}
.ai-text{margin-top:4px;color:var(--muted);font-size:14px;}

/* footer */
.chat-footer{
  padding:12px;
  display:flex;
  gap:8px;
  align-items:center;
  border-top:1px solid #eef2f7;
  background:#000;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
}
.chat-footer input{
  flex:1;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid #e6eef6;
  background:#fff;
  color:#0f172a;
  outline:none;
}
.send-btn{background:var(--accent);color:#fff;border:none;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:700;}

/* Bottom-sheet (suggestions) - overlays bottom area, does NOT push content */
.aqualite-ultra-sheet{
  position:absolute;
  left:0;
  right:0;
  bottom:62px; /* sits above footer */
  pointer-events:none; /* closed by default */
  transform: translateY(100%);
  transition: transform 280ms cubic-bezier(.22,.9,.28,1);
  display:block;
  z-index:10;
}
.aqualite-ultra-sheet .sheet-handle{
  position:absolute;
  right:12px;
  top:-22px;
  width:36px;
  height:20px;
  background:#000;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:var(--muted);
  pointer-events:auto;
  box-shadow:0 6px 18px rgba(2,6,23,0.06);
}
.aqualite-ultra-sheet .sheet-content{
  pointer-events:auto;
  background:linear-gradient(180deg,#ffffff, #fbfdff);
  border-radius:12px;
  padding:12px;
  box-shadow:0 8px 30px rgba(2,6,23,0.06);
  border:1px solid #eef2f7;
}

/* open sheet */
.aqualite-ultra-sheet.open{
  transform: translateY(0%);
  pointer-events:auto;
}

/* suggestion buttons */
.suggestion-btn{
  background:#000;
  border:1px solid #e6f3ff;
  color:#034ea2;
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  font-size:13px;
  margin:6px 6px 0 0;
}

/* collapsed quick help pill */
/*.aqualite-ultra-quickhelp{*/
/*  position:absolute;*/
/*  right:12px;*/
/*  bottom:92px;*/
/*  background:#fff;*/
/*  border-radius:999px;*/
/*  padding:8px 12px;*/
/*  border:1px solid #eef2f7;*/
/*  box-shadow:0 8px 20px rgba(2,6,23,0.06);*/
/*  cursor:pointer;*/
/*  display:none;*/
/*  z-index:20;*/
/*}*/

/* product cards */
.fastchat-products{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;}
.fastchat-product{
  display:flex;
  gap:12px;
  background:#fff;
  padding:10px;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(16,24,40,0.05);
  border:1px solid #eef2f7;
  align-items:center;
  transition:transform 0.2s;
}
.fastchat-product:hover{transform:translateY(-2px);}
.fastchat-product img{width:72px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #f2f9ff;}
.fastchat-product .details{flex:1;display:flex;flex-direction:column;}
.fastchat-product .title{font-weight:700;color:#042a65;margin-bottom:4px;}
.fastchat-product .price{font-weight:600;color:#6b7280;margin-bottom:6px;}
.fastchat-product .hint{font-size:12px;color:#9ca3af;margin-bottom:6px;}
.fastchat-product .details a{font-size:13px;text-decoration:none;margin-right:6px;padding:6px 8px;border-radius:8px;}
.fastchat-product .details a:first-of-type{color:var(--accent);border:1px solid rgba(0,121,255,0.1);}
.fastchat-product .details a:last-of-type{color:#fff;background:var(--success);border:1px solid rgba(37,211,102,0.2);}

/* Small screens: floating button center, chat full width bottom */
@media (max-width:640px){
  #aqualite-ultra-float{
    right:50%;
    transform:translateX(50%);
  }
  .aqualite-ultra-chat{
    right:12px;
    left:12px;
    bottom:18px;
    width:auto;
    border-radius:12px;
    max-height:80vh;
  }
  .aqualite-ultra-sheet{left:12px;right:12px;bottom:82px;}
  .aqualite-ultra-quickhelp{right:18px;bottom:112px;}
}

/* accessibility focus */
.suggestion-btn:focus, .send-btn:focus, .close-chat:focus, .aqualite-ultra-quickhelp:focus { outline:3px solid rgba(0,121,255,0.15); outline-offset:3px; }

#aqualite-ultra-quickhelp {
    display: none !important;
}