/* ===== GG Float Search • Frontend v1.3.1 ===== */
:root{
  --gg-blue: #0b74f8;
  --gg-blue-2:#11b4ff;
  --gg-ink:#0f172a;
  --gg-muted:#8ba0b9;
  --gg-panel:#ffffff;
  --gg-ring:#e6efff;
}

/* Floating button (FAB) */
.gg-mfs-btn{
  --size:58px;
  width:var(--size); height:var(--size);
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:var(--gg-btn-bg, var(--gg-blue));
  color:#fff; box-shadow:var(--gg-btn-shadow, 0 10px 24px rgba(0,0,0,.18));
  cursor:pointer; user-select:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.gg-mfs-btn:hover{ transform:translateY(-1px); }
.gg-mfs-btn:active{ transform:translateY(0); }
.gg-mfs-btn .gg-mfs-icon{display:inline-flex; line-height:0}

/* Overlay */
.gg-mfs-overlay{ position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  padding:24px; background:rgba(10,20,40,.35); backdrop-filter:blur(3px); }
.gg-mfs-overlay.active{ display:flex; }

/* Panel */
.gg-mfs-panel{
  position:relative;
  max-width:880px; width:min(92vw, 880px);
  background:var(--gg-panel); border-radius:var(--gg-panel-radius, 18px);
  box-shadow:0 20px 60px rgba(16,24,40,.20);
  padding:16px 18px;
}

/* Close (tiny circle overlapping right side) */
#gg-mfs-close{
  position:absolute; top:-14px; right:-14px;
  width:40px; height:40px; border-radius:999px; border:0;
  color:#fff; background:linear-gradient(180deg, var(--gg-blue-2), var(--gg-blue));
  font-size:22px; line-height:40px; text-align:center; cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}

/* Row */
.gg-mfs-row{ display:flex; align-items:center; gap:12px; }

/* Input */
#gg-mfs-input{
  flex:1; height:56px; border-radius:14px; border:2px solid var(--gg-ring);
  padding:0 16px; outline:none; font:500 16px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, 'Noto Sans Bengali', Arial, sans-serif;
  box-shadow:0 1px 0 rgba(10,40,80,.02) inset;
}
#gg-mfs-input::placeholder{ color:#98a6b8; }

/* Mic */
#gg-mfs-mic{
  display:inline-flex; align-items:center; gap:8px;
  height:56px; padding:0 14px; border-radius:14px; border:0;
  background:#f1f6ff; color:var(--gg-ink); cursor:pointer; white-space:nowrap;
}
#gg-mfs-mic.active{ outline:3px solid rgba(17,180,255,.25); }
#gg-mfs-mic .gg-mfs-mic-icon{ display:inline-flex; }

/* Submit */
.gg-mfs-submit{
  height:56px; padding:0 18px; border-radius:14px; border:0; cursor:pointer;
  color:#fff; font-weight:700;
  background:linear-gradient(180deg, var(--gg-blue-2), var(--gg-blue));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* Helper text */
.gg-mfs-help{ margin:8px 8px 0; color:var(--gg-muted); font:500 12px/1.4 Inter, system-ui; }

/* Utilities */
.gg-mfs-hidden{ display:none !important; }

/* Responsive tweaks */
@media (max-width:680px){
  .gg-mfs-panel{ padding:14px; }
  #gg-mfs-input{ height:52px; }
  #gg-mfs-mic, .gg-mfs-submit{ height:52px; }
  /* If you want the close button hidden in small screens uncomment next line */
  /* #gg-mfs-close{ display:none; } */
}