/* WLBT Floating Genie — Gold UI (mobile-friendly, stronger border) */
.wlbt-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:saturate(120%) blur(2px);display:none;z-index:2147482999}
.wlbt-overlay.open{display:block}

.wlbt-gold-panel{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(860px,92vw);max-height:80vh;overflow:hidden;
  background:#111;color:#ece7d1;
  border:2px solid #e6c458; /* stronger gold border */
  box-shadow:0 28px 80px rgba(0,0,0,.55);border-radius:18px;
  display:none;z-index:2147483001;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif
}
.wlbt-gold-panel.open{display:flex;flex-direction:column}
.wlbt-gold-header{display:flex;align-items:flex-start;gap:16px;padding:16px 18px 0}
.wlbt-gold-figure{width:84px;flex:0 0 84px}
.wlbt-gold-figure img{width:84px;height:auto;display:block}
.wlbt-gold-title{font-weight:800;font-size:26px;line-height:1.2;color:#fff;margin:6px 0 8px}
.wlbt-gold-close{margin-left:auto;background:transparent;border:none;color:#d4af37;font-size:22px;cursor:pointer}
.wlbt-gold-close:hover{color:#f6d76b}

.wlbt-gold-body{padding:10px 18px 8px;overflow:auto}
.wlbt-gold-inputwrap{display:flex;flex-direction:column;gap:10px;padding:10px 18px 14px}
.wlbt-gold-input{flex:1;background:transparent;border:none;border-bottom:2px solid #d4af37;padding:10px 4px;color:#fff;outline:none;font-size:16px}
.wlbt-gold-ask{background:#d4af37;color:#1a1a1a;border:none;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}
.wlbt-gold-ask:hover{background:#f2c94c}

.wlbt-gold-quick{display:none;gap:10px;flex-wrap:wrap;padding:0 18px 10px}
.wlbt-gold-pill{background:transparent;color:#f3e9c0;border:1px solid rgba(212,175,55,.7);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}
.wlbt-gold-pill:hover{background:rgba(212,175,55,.08)}

.wlbt-gold-results{display:flex;flex-direction:column;gap:10px;padding:0 18px 16px}
.wlbt-gold-card{background:#161616;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px}
.wlbt-gold-card h4{margin:6px 0 6px;color:#fff;font-size:15px}
.wlbt-gold-card p{margin:0;color:#e0decf;font-size:14px;line-height:1.5}

.wlbt-gold-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 16px;color:#b0a57a;font-size:12px;gap:12px;flex-wrap:wrap}
.wlbt-gold-submit{display:none;background:#7f3fbf;color:#fff;border:none;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}
.wlbt-gold-submit:hover{background:#8b55c4}

/* Launcher */
.wlbt-launch-btn{
  position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;
  background:#7f3fbf;color:#fff;border:none;border-radius:999px;padding:12px 16px;
  box-shadow:0 12px 28px rgba(0,0,0,.28);cursor:pointer;z-index:2147483002
}
.wlbt-launch-btn:hover{transform:translateY(-1px)}
.wlbt-launch-btn svg{width:18px;height:18px}

/* Mobile tweaks */
@media (max-width: 640px){
  .wlbt-gold-panel{width:92vw;max-height:80vh}
  .wlbt-gold-figure{width:64px;flex:0 0 64px}
  .wlbt-gold-title{font-size:22px}
  .wlbt-launch-btn{bottom:5px;right:5px;padding:10px 12px;border-radius:999px}
  .wlbt-launch-btn svg{width:16px;height:16px}
}

/* =====================================================================
   WLBT Gold Genie — CSS Patch 2025-10-09-v12D
   - Place ASK button UNDER the input (both desktop & mobile)
   - Keep ASK aligned right, width ~ one-third (desktop) / compact (mobile)
   - Make modal body/results scroll internally
   - Keep purple launcher 5px from right/bottom at ~1/3 width
   - Neutralize universal mobile 100% button rule within the modal
   ===================================================================== */

/* Layout: modal uses column flex; body/list scrolls */
.wlbt-gold-panel.open{display:flex !important; flex-direction:column !important;}
.wlbt-gold-body{flex:1 1 auto !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch;}
.wlbt-gold-results{flex:1 1 auto !important; overflow-y:auto !important;}

/* Input + Ask stacked (Ask UNDER input) */
.wlbt-gold-inputwrap{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.wlbt-gold-input{width:100% !important; min-width:0 !important;}

/* Ask below input, right-aligned */
.wlbt-gold-inputwrap .wlbt-gold-ask{
  align-self:flex-end !important;
  width:clamp(140px, 33%, 260px) !important;
  background:#D4AF37 !important; color:#1c1c1c !important;
  border:0 !important; border-radius:12px !important;
  font-weight:800 !important; padding:10px 16px !important;
  position:static !important; /* cancel any absolute FAB from older CSS */
}

/* Mobile tweaks */
@media (max-width:640px){
  .wlbt-gold-inputwrap .wlbt-gold-ask{
    width:clamp(120px, 45vw, 200px) !important;
  }
  .wlbt-gold-results{padding-bottom:12px !important;}
}

/* Show a thin scrollbar for consistency */
.wlbt-gold-body::-webkit-scrollbar,
.wlbt-gold-results::-webkit-scrollbar{width:8px; height:8px;}
.wlbt-gold-body{scrollbar-width:thin;}
.wlbt-gold-results{scrollbar-width:thin;}

/* Purple launcher sizing/position (independent of modal) */
@media (max-width:767.98px){
  .wlbt-launch-btn{
    position:fixed !important;
    right:5px !important; bottom:5px !important;
    width:clamp(120px, 33vw, 180px) !important;
    left:auto !important; margin:0 !important; box-sizing:border-box !important;
    justify-content:center !important;
  }
}

/* Guard against universal button rules inside modal */
.wlbt-gold-panel button,
.wlbt-gold-panel .btn{ width:auto !important; max-width:none !important; }