/* Scoped, modern UI */
.blg-us { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Noto Sans', Helvetica, Arial; color:#0f172a; direction:ltr; }
.blg-us * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

:root { --blg-height: 52px; --blg-radius: 12px; }

/* Toasts on very top-right */
.blg-us-toasts{ position:fixed; top:14px; right:14px; z-index:999999999999999999; display:flex; flex-direction:column; gap:8px; }
.blg-us-toast{ min-width: 260px; max-width: 420px; z-index:999999999999999999; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:10px 12px; box-shadow:0 10px 30px rgba(2,6,23,.18); display:flex; align-items:center; gap:10px; animation: blg-us-toast-in .16s ease; font-size:14px; }
.blg-us-toast i{ font-size:16px;z-index:999999999999999999; }
.blg-us-toast-success{ border-color:#bbf7d0; background:#ecfdf5; color:#065f46; z-index:999999999999999999;}
.blg-us-toast-error{ border-color:#fecaca; background:#fff1f2; color:#991b1b; z-index:999999999999999999;}
.blg-us-toast-info{ border-color:#bfdbfe; background:#eff6ff; color:#1e40af; z-index:999999999999999999;}
@keyframes blg-us-toast-in { from{ transform: translateY(-4px); opacity:0; } to{ transform: translateY(0); opacity:1; } }

/* Normalize controls for iOS */
.blg-us input[type="url"], .blg-us button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--blg-radius);
}

/* Layout helpers */
.blg-us-form{ max-width:1100px; margin:0 auto; padding:0 4px; }
.blg-us-row{ display:flex; gap:12px; align-items:stretch; width:100%; flex-wrap:nowrap; }

/* Input + gear wrapper */
.blg-us-inputwrap{ position:relative; display:flex; gap:12px; align-items:stretch; flex:1; }
.blg-us-input{
  flex:1; min-width:0;
  background:#ffffff; border:1px solid #cbd5e1; color:#0f172a;
  padding:0 48px 0 14px; /* reserve space for gear at small screens */
  border-radius:var(--blg-radius);
  outline:none; font-size:16px;
  height:var(--blg-height); line-height:var(--blg-height);
  transition:border .15s, box-shadow .15s, transform .15s;
}
.blg-us-input::placeholder{ color:#94a3b8; }
.blg-us-input:focus{ border-color:#6736F4; box-shadow:0 0 0 3px rgba(103 54 244,.15); }

/* Icon-only Settings button */
.blg-us-gear{
  height:var(--blg-height); width:48px; line-height:var(--blg-height);
  border:1px solid #e2e8f0; background:#ffffff; color:#0f172a;
  border-radius:var(--blg-radius);
  cursor:pointer; font-size:16px;
  display:flex; align-items:center; justify-content:center;
  transition: background .15s ease, border-color .15s ease; /* no hover elevation */
  flex:0 0 auto;
}
.blg-us-gear:active{ animation: blg-gear-tap .18s ease; }

.blg-us-gear[aria-expanded="true"]{ background:#f8fafc; border-color:rgb(103 54 244); }
@media (max-width: 720px){
  .blg-us-inputwrap{ display:block; }
  .blg-us-gear{
    position:absolute; right:6px; top:50%; transform:translateY(-50%);
    width:38px; height:38px; line-height:38px; border-radius:10px;
    border:1px solid #e2e8f0; background:#ffffff;
  }
  .blg-us-input{ padding-right:54px; }
}

/* Primary button */
.blg-us-btn{
  position:relative; padding:0 20px; border-radius:var(--blg-radius) overflow:hidden;
  border:1px solid #0f172a; background:#0f172a; color:#ffffff;
  font-weight:700; font-size:16px; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-width:140px; height:var(--blg-height); line-height:var(--blg-height);
  transform: translateZ(0); transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.blg-us-btn:hover{ transform: translateY(-1px); box-shadow:0 8px 20px rgba(2,6,23,.12); }
.blg-us-btn:active{ transform: translateY(0); box-shadow:none; }
.blg-us-btn[disabled]{ opacity:.75; cursor:not-allowed; }
.blg-us-btn .blg-us-inline-spin{ width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.7); border-top-color:transparent; animation: blg-us-spin .9s linear infinite; display:inline-block; }
@keyframes blg-us-spin { to{ transform: rotate(360deg); } }

/* Settings panel */
.blg-us-settings{ margin-top:10px; padding:12px; border:1px dashed rgb(103 54 244); border-radius:12px; background:#f8fafc; animation: blg-us-fade-in .15s ease; }
.blg-us-check{ display:flex; align-items:center; gap:10px; font-size:14px; }
.blg-us-check input{ width:18px; height:18px; color:rgb(103 54 244); background:rgb(103 54 244); }
.blg-us-help{ margin-top:4px; font-size:13px; color:#475569; display:flex; gap:8px; align-items:center; }
.blg-us-help code{ background:#fff; border:1px solid #e2e8f0; padding:1px 6px; border-radius:8px; }


/* reCAPTCHA + Cancel row */
.blg-us-recaptcha{ margin-top:12px; display:none; }
.blg-us-recaptcha-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.blg-us-cancel{ margin-left:auto; font-weight:600; cursor:pointer; color:#ef4444; text-decoration:underline; background:transparent;}
.blg-us-cancel:hover{ text-decoration:none; }
@media (max-width:720px){
  .blg-us-recaptcha-row{ justify-content:center; }
  .blg-us-cancel{ margin-left:0; text-align:center; width:100%; }
}

/* Error */
.blg-us-error{ margin-top:10px; padding:10px 12px; border:1px solid #fecaca; background:#fff1f2; color:#b91c1c; border-radius:var(--blg-radius); display:none; font-size:14px; animation: blg-us-fade-in .15s ease; }

/* Full-screen blur loader */
.blg-us-screenloader[aria-hidden="true"]{ display:none; }
.blg-us-screenloader{
  position:fixed; inset:0; z-index:9998;
  backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
  background:rgba(255,255,255,.55); display:flex; align-items:center; justify-content:center; animation: blg-us-fade-in .15s ease;
}
.blg-us-screenloader-inner{ display:flex; flex-direction:column; align-items:center; gap:12px; transform: scale(.98); animation: blg-us-pop .25s ease forwards; }
.blg-us-screenloader-inner.blg-boop{ animation: blg-us-boop 300ms ease; }
@keyframes blg-us-boop { 0%{ transform:scale(.98); } 50%{ transform:scale(1.02);} 100%{ transform:scale(1);} }
.blg-us-loading-text{ font-weight:600; color:#0f172a; }
.blg-us-pulse{ width:44px; height:44px; border-radius:50%; border:2px solid #0f172a; position:relative; }
.blg-us-pulse::after{ content:""; position:absolute; inset:0; border-radius:50%; border:2px solid #0f172a; animation: blg-us-pulse 1.2s ease-in-out infinite; opacity:.5; }
@keyframes blg-us-pulse { 0%{ transform: scale(1); opacity:.5;} 70%{ transform: scale(1.2); opacity:.15;} 100%{ transform: scale(1.3); opacity:0;} }
@keyframes blg-us-pop { to{ transform:scale(1);} }
@keyframes blg-us-fade-in { from{ opacity:0; } to{ opacity:1; } }

/* Modal */
.blg-us-modal[aria-hidden="true"]{ display:none; }
.blg-us-modal{
  position:fixed; inset:0; z-index:9997;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;                    /* no page scroll behind */
  overscroll-behavior:contain;        /* block scroll chaining (non-iOS) */
  touch-action:none;                  /* iOS: disable gestures on container */
}

.blg-us-modal-backdrop{
  position:absolute; inset:0;
  background:rgba(15,23,42,.35);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}

.blg-us-modal-center{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; padding:16px;
  min-height:0; /* allow inner flex child to shrink */
}

.blg-us-modal-panel{
  position:relative; width:min(92vw, 600px);
  max-height: min(88vh, 88dvh);       /* iOS 100vh/dvh fix */
  background:#ffffff; border:1px solid #e2e8f0; border-radius:16px;
  padding:18px; box-shadow:0 24px 48px rgba(2,6,23,.20);
  display:flex; flex-direction:column;
  animation: blg-us-slide .22s cubic-bezier(.2,.75,.25,1);
  overflow:hidden; /* keep scroll on body only */
  min-height:0;
  -webkit-transform:translateZ(0);    /* iOS: create new layer (smoother) */
}

@keyframes blg-us-slide { from{ transform:translateY(6px); opacity:.98;} to{ transform:translateY(0); opacity:1;} }

.blg-us-close{ position:absolute; top:10px; right:10px; width:38px; height:38px; border-radius:12px; border:1px solid #e2e8f0; background:#ffffff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition: transform .12s ease, box-shadow .12s ease; z-index:2; }
.blg-us-close:hover{ box-shadow:0 6px 16px rgba(2,6,23,.12); }
.blg-us-close:active{ transform: scale(.98); }

.blg-us-modal-title{
  margin:0 0 10px; font-size:18px; font-weight:500 ; color:#0f172a;
  display:flex; align-items:center; gap:8px;
}

/* The ONLY scrollable area */
.blg-us-modal-body{
  margin-top:28px;
  flex:1 1 auto;
  min-height:0;
  overflow:auto;                      /* must be scrollable */
  -webkit-overflow-scrolling:touch;   /* iOS momentum */
  overscroll-behavior:contain;        /* non-iOS */
  touch-action: pan-y;                /* allow vertical inside */
  padding-right:4px;
  -webkit-transform: translateZ(0);   /* iOS repaint fix */
}

/* Body scroll lock */
.blg-us-scroll-lock{
  position:fixed;                     /* iOS: hard lock */
  overflow:hidden;
  width:100%;
}

/* Separator */
.blg-us-sep{ display:flex; align-items:center; gap:12px; color:#475569; font-weight:600; }
.blg-us-sep::before, .blg-us-sep::after{ content:""; flex:1; height:1px; background:#e2e8f0; }
.blg-us-sep span{ white-space:nowrap; padding:2px 8px; background:#fff; border:1px solid #e2e8f0; border-radius:999px; font-size:12px; }

/* QR with loader */
.blg-us-qr-wrap{ display:flex; justify-content:center; align-items:center; margin:2px 0 6px; min-height:190px; position:relative; }
.blg-us-qr{ width:min(180px, 52vw); height:auto; border-radius:10px; border:1px solid #e2e8f0; background:#f8fafc; padding:8px; display:none; }
.blg-us-qr-loader{ width:min(180px, 52vw); height:min(180px, 52vw); border-radius:10px; border:1px dashed #cbd5e1; background:#f8fafc; display:flex; align-items:center; justify-content:center; }
.blg-us-qr-skel{ width:44px; height:44px; border-radius:50%; border:3px solid #94a3b8; border-top-color:transparent; animation: blg-us-spin 0.9s linear infinite; }
@keyframes blg-us-spin { to{ transform: rotate(360deg); } }

/* Unified border result group + refreshed copy button */
.blg-us-result-group{ display:flex; align-items:center; gap:8px; border:1px solid #e2e8f0; border-radius:14px; padding:6px; background:#fff; transition: box-shadow .15s ease, border-color .15s ease; margin-bottom:10px; }
.blg-us-result-group:focus-within{ border-color:#0f172a; box-shadow:0 0 0 4px rgba(15,23,42,.10); }
.blg-us-result-input{ flex:1; min-width:0; padding:0 8px; border:none; background:transparent; color:#0f172a; font-size:15px; height:34px; line-height:34px; outline:none; direction:ltr; }
.blg-us-copy{ display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:10px; border:1px solid #111827; background:linear-gradient(#111827,#0b1220); color:#ffffff; cursor:pointer; font-weight:700; height:34px; padding:0 12px; font-size:13px; white-space:nowrap; transition: opacity .12s ease; }
.blg-us-copy:hover{ opacity:.92; }
.blg-us-copy:active{ opacity:.86; }

.blg-us-analytics-tip{
    font-size: 12px !important ;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* SplitButton as one-piece with inner divider */
.blg-us-split{ position:relative; display:flex; background:#000000;  border-radius:var(--blg-radius); overflow:visible; height:var(--blg-height); margin-top:10px; margin-bottom:10px;  }
.blg-us-split-main{ flex:1; background:#0f172a; color:#fff; font-weight:700; padding:0 16px; border:none; cursor:pointer; font-size:14px; display:flex; align-items:center; justify-content:center; gap:8px; height:100%; border-top-left-radius:var(--blg-radius); border-bottom-left-radius:var(--blg-radius); }
.blg-us-split-divider{ width:1px; background:#ffffff; opacity:.55; }
.blg-us-split-caret{ width:56px; background:#0f172a; color:#fff; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; height:100%; border-top-right-radius:var(--blg-radius); border-bottom-right-radius:var(--blg-radius); }
.blg-us-split-menu{ position:absolute; top:calc(100% + 6px); right:0; min-width:220px; background:#ffffff; border:1px solid #e2e8f0; border-radius:12px; padding:6px; box-shadow:0 16px 32px rgba(2,6,23,.18); display:none; z-index:9999; }
.blg-us-split-menu[aria-hidden="false"]{ display:block; animation: blg-us-menu-in .12s ease-out; }
@keyframes blg-us-menu-in { from{ transform: translateY(-6px); opacity:0; } to{ transform: translateY(0); opacity:1; } }
.blg-us-split-item{ width:100%; text-align:left; padding:10px 12px; border-radius:10px; background:#ffffff; border:none; cursor:pointer; font-size:14px; color:#0f172a; display:flex; align-items:center; gap:8px; transition: transform .1s ease, background .1s ease; }
.blg-us-split-item:hover{ background:#f3f4f6; transform: translateY(-1px); }

/* Share (brand colors) */
.blg-us-share-col{ display:flex; flex-direction:column; gap:8px; margin-top:10px; }
.blg-us-share-btn{ border:1px solid #e2e8f0; color:#0f172a; padding:10px 12px; border-radius:10px; font-size:14px; cursor:pointer; width:100%; display:flex; align-items:center; justify-content:space-between; transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease; }
.blg-us-share-btn:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(2,6,23,.10); }
.blg-us-share-leftgrp{ display:inline-flex; align-items:center; gap:10px; color:#fff; }
.blg-us-share-right{ width:22px; display:flex; align-items:center; justify-content:center; color:#fff; }
.blg-us-share-wa{ background:#25D366; border-color:#25D366; }
.blg-us-share-fb{ background:#1877F2; border-color:#1877F2; }
.blg-us-share-tg{ background:#24A1DE; border-color:#24A1DE; }
.blg-us-share-em{ background:#6b7280; border-color:#6b7280; }
.blg-us-share-native{ background:#0f172a; border-color:#0f172a; }

/* Responsive stacking */
@media (max-width: 720px){
  .blg-us-row{ flex-direction:column; }
  .blg-us-btn{ width:100%; }
}

/* iOS-only targeted tweaks (safe no-ops elsewhere) */
@supports (-webkit-touch-callout: none) {
  .blg-us-modal { cursor: default; }
  .blg-us-modal-body { padding-right:6px; }
}