/* "Get domain ideas" — sparkle button in the search box + panel */
.wdh-ideas-btn,
.domain-head .wdh-ideas-btn{position:relative;flex:0 0 auto;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;margin:0 4px 0 0;border:0!important;border-radius:50%!important;
  display:inline-grid;place-items:center;cursor:pointer;color:#5b2fe8;background:#fff!important;
  box-shadow:0 0 0 2px transparent;isolation:isolate}
.wdh-ideas-btn::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;z-index:-1;
  background:conic-gradient(from 0deg,#7c3aed,#ec4899,#f59e0b,#22c55e,#06b6d4,#7c3aed);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wdh-ideas-spin 4s linear infinite}
.wdh-ideas-btn svg{width:21px;height:21px}
.wdh-ideas-btn:hover,.wdh-ideas-btn:focus-visible{background:#f4f0ff!important;outline:0}
.wdh-ideas-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);white-space:nowrap;background:#6d4aff;color:#fff;font-size:13px;font-weight:600;
  padding:7px 12px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 8px 20px rgba(91,47,232,.25);font-family:inherit;line-height:1.2}
.wdh-ideas-tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#6d4aff}
.wdh-ideas-btn:hover .wdh-ideas-tip,.wdh-ideas-btn:focus-visible .wdh-ideas-tip,.wdh-ideas-btn.is-hint .wdh-ideas-tip{opacity:1;transform:translate(-50%,0)}
/* always visible and gently bouncing, so visitors notice the AI option */
.wdh-ideas-btn .wdh-ideas-tip{opacity:1;transform:translate(-50%,0);animation:wdh-tip-bounce 1.6s ease-in-out infinite;z-index:3}
.wdh-ideas-btn:hover .wdh-ideas-tip{animation-play-state:paused;background:#5b2fe8}
.wdh-ideas-btn:hover .wdh-ideas-tip::after{border-top-color:#5b2fe8}
@keyframes wdh-tip-bounce{0%,100%{transform:translate(-50%,0)}15%{transform:translate(-50%,-7px)}30%{transform:translate(-50%,0)}42%{transform:translate(-50%,-3px)}55%{transform:translate(-50%,0)}}
.wdh-ideas-btn{animation:wdh-btn-glow 2.4s ease-in-out infinite}
@keyframes wdh-btn-glow{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}50%{box-shadow:0 0 0 6px rgba(124,58,237,.16)}}
@media (prefers-reduced-motion:reduce){.wdh-ideas-btn .wdh-ideas-tip,.wdh-ideas-btn{animation:none}}
@keyframes wdh-ideas-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.wdh-ideas-btn::before{animation:none}}

/* panel */
html.wdh-ideas-open{overflow:hidden}
.wdh-ideas{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 24px;overflow-y:auto}
.wdh-ideas[hidden]{display:none}
.wdh-ideas__backdrop{position:fixed;inset:0;background:rgba(15,18,40,.55);backdrop-filter:blur(2px)}
.wdh-ideas__panel{position:relative;width:100%;max-width:720px;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.35);padding:28px 28px 22px;color:#0f2a4d;font-family:inherit}
.wdh-ideas__x{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#f3f4f8;color:#475569;font-size:24px;line-height:1;cursor:pointer}
.wdh-ideas__x:hover{background:#e9e6ff;color:#5b2fe8}
.wdh-ideas__badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#5b2fe8;background:#efeaff;border-radius:999px;padding:4px 10px}
.wdh-ideas__head h2{margin:10px 0 6px;font-size:26px;line-height:1.2;color:#0f2a4d}
.wdh-ideas__head p{margin:0 0 16px;color:#5b6b82;font-size:15px;line-height:1.5}
.wdh-ideas__form textarea{display:block;width:100%;box-sizing:border-box;min-height:92px;resize:vertical;border:1.5px solid #dfe5ef;border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;color:#0f2a4d;background:#fbfcff;outline:0}
.wdh-ideas__form textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 4px rgba(124,92,255,.12);background:#fff}
.wdh-ideas__examples{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.wdh-ideas__examples button{border:1px solid #e3e7f0;background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;color:#475569;cursor:pointer}
.wdh-ideas__examples button:hover{border-color:#a78bfa;color:#5b2fe8}
.wdh-ideas__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wdh-ideas__tlds{display:flex;flex-wrap:wrap;gap:6px}
.wdh-ideas__tlds label{margin:0;cursor:pointer}
.wdh-ideas__tlds input{position:absolute;opacity:0;pointer-events:none}
.wdh-ideas__tlds span{display:inline-block;padding:7px 11px;border:1.5px solid #e3e7f0;border-radius:10px;font-weight:700;font-size:14px;color:#334155;background:#fff}
.wdh-ideas__tlds input:checked + span{border-color:#5b2fe8;background:#f4f0ff;color:#5b2fe8}
.wdh-ideas__tlds input:focus-visible + span{outline:2px solid #a78bfa;outline-offset:2px}
.wdh-ideas__go{border:0;border-radius:12px;background:#5b2fe8;color:#fff;font:inherit;font-weight:800;font-size:16px;padding:12px 22px;cursor:pointer;white-space:nowrap}
.wdh-ideas__go:hover{background:#4a22d4}
.is-busy .wdh-ideas__go{opacity:.7;pointer-events:none}
.wdh-ideas__status{min-height:22px;margin:14px 0 4px;font-size:14px;color:#5b6b82;display:flex;align-items:center;gap:8px}
.wdh-ideas__status.is-err{color:#b42318}
.wdh-ideas__spin{width:16px;height:16px;border-radius:50%;border:2px solid #d9d0ff;border-top-color:#5b2fe8;animation:wdh-ideas-spin .8s linear infinite}
.wdh-ideas__list{display:flex;flex-direction:column;gap:8px}
.wdh-idea{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e6ebf3;border-radius:14px;background:#fff}
.wdh-idea.is-free:hover{border-color:#c4b5fd;box-shadow:0 6px 18px rgba(91,47,232,.08)}
.wdh-idea__name strong{display:block;font-size:17px;font-weight:800;color:#0f2a4d;overflow-wrap:anywhere}
.wdh-idea__name em{font-style:normal;color:#5b2fe8}
.wdh-idea__ok{display:inline-block;margin-top:3px;font-size:12px;font-weight:800;color:#12703e;background:#e8f8ef;border-radius:6px;padding:2px 8px}
.wdh-idea__price{font-weight:800;font-size:16px;white-space:nowrap;text-align:right}
.wdh-idea__price small{font-weight:600;color:#64748b;font-size:12px;margin-left:2px}
.wdh-idea__add{border:1.5px solid #5b2fe8;background:#fff;color:#5b2fe8;border-radius:10px;padding:9px 14px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}
.wdh-idea__add:hover{background:#5b2fe8;color:#fff}
.wdh-idea__add.is-loading{opacity:.6}
.wdh-idea__add.is-added{background:#16a34a;border-color:#16a34a;color:#fff;cursor:default}
.wdh-idea.is-skel{grid-template-columns:1fr 120px;height:58px;border-color:#eef1f6}
.wdh-idea.is-skel span{height:14px;border-radius:7px;background:linear-gradient(90deg,#eef1f6,#f7f8fb,#eef1f6);background-size:200% 100%;animation:wdh-ideas-shine 1.2s infinite}
.wdh-idea.is-skel span:first-child{width:60%}
@keyframes wdh-ideas-shine{to{background-position:-200% 0}}
.wdh-ideas__taken{margin-top:6px;font-size:13.5px;color:#64748b}
.wdh-ideas__taken summary{cursor:pointer;font-weight:700;padding:6px 2px}
.wdh-ideas__taken div{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}
.wdh-ideas__taken span{background:#f3f4f6;border-radius:8px;padding:4px 9px;text-decoration:line-through;text-decoration-color:#cbd5e1}
.wdh-ideas__taken span.is-unknown{text-decoration:none}
.wdh-ideas__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px dashed #e3e7f0}
.wdh-ideas__foot[hidden]{display:none}
.wdh-ideas__more{border:1px solid #dfe5ef;background:#fff;border-radius:10px;padding:9px 14px;font:inherit;font-weight:700;color:#334155;cursor:pointer}
.wdh-ideas__more:hover{border-color:#a78bfa;color:#5b2fe8}
.wdh-ideas__cart{background:#5b2fe8;color:#fff!important;border-radius:10px;padding:10px 16px;font-weight:800;text-decoration:none}
@media (max-width:620px){
  .wdh-ideas{padding:0;align-items:flex-end}
  .wdh-ideas__panel{border-radius:20px 20px 0 0;padding:22px 16px 18px;max-height:92vh;overflow-y:auto}
  .wdh-ideas__head h2{font-size:22px}
  .wdh-ideas__go{width:100%}
  .wdh-idea{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .wdh-idea__add{grid-column:1/-1}
  .wdh-ideas-tip{font-size:11.5px;padding:5px 9px;left:auto!important;right:-6px;transform:none!important}
  .wdh-ideas-tip::after{left:auto;right:18px}
  @keyframes wdh-tip-bounce{0%,100%{translate:0 0}15%{translate:0 -6px}30%{translate:0 0}42%{translate:0 -3px}55%{translate:0 0}}
}
/* domains.php search box: keep the input and the sparkle button on one line */
.domain-results-input:has(.wdh-ideas-btn){display:flex;align-items:center;gap:6px}
.domain-results-input:has(.wdh-ideas-btn) input{flex:1 1 auto;min-width:0}
@media (max-width:620px){.wdh-idea__name strong{font-size:15px;overflow-wrap:normal;word-break:break-word}}

/* smart suggestions under the description box */
.wdh-ideas__form{position:relative}
.wdh-sg{margin-top:6px;border:1px solid #e3e7f0;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.10);overflow:hidden}
.wdh-sg[hidden]{display:none}
.wdh-sg__head{padding:9px 14px 6px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#7c3aed;text-transform:uppercase;border-bottom:1px solid #f1f3f8}
.wdh-sg__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;background:#fff;text-align:left;cursor:pointer;font:inherit;color:#0f2a4d}
.wdh-sg__item + .wdh-sg__item{border-top:1px solid #f4f5f9}
.wdh-sg__item:hover,.wdh-sg__item.is-active{background:#f6f3ff}
.wdh-sg__ic{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-size:16px}
.wdh-sg__txt{flex:1 1 auto;min-width:0}
.wdh-sg__txt b{display:block;font-size:15.5px;font-weight:700}
.wdh-sg__txt small{display:block;font-size:13px;color:#64748b}
.wdh-sg__go{color:#94a3b8;font-size:15px}
.wdh-ideas__examples[hidden]{display:none}
.wdh-ideas__exlabel{align-self:center;font-size:13px;font-weight:700;color:#94a3b8;margin-right:2px}
.wdh-ideas__list.is-stale{opacity:.4;filter:grayscale(.6);pointer-events:none;transition:opacity .2s}

/* make the suggestion list noticeable while the visitor is looking at what they type */
.wdh-sg.is-new{animation:wdh-sg-in .25s ease-out,wdh-sg-glow 1.4s ease-in-out .25s 4}
.wdh-sg.is-new .wdh-sg__head{animation:wdh-sg-blink 1.4s ease-in-out .25s 4}
@keyframes wdh-sg-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes wdh-sg-glow{0%,100%{border-color:#e3e7f0;box-shadow:0 14px 34px rgba(15,23,42,.10)}50%{border-color:#a78bfa;box-shadow:0 0 0 4px rgba(124,58,237,.18),0 14px 34px rgba(15,23,42,.10)}}
@keyframes wdh-sg-blink{0%,100%{background:#fff}50%{background:#f3eeff}}
.wdh-sg__head{display:flex;align-items:center;gap:6px}
.wdh-sg__head::before{content:"";width:7px;height:7px;border-radius:50%;background:#7c3aed;animation:wdh-sg-dot 1s ease-in-out infinite}
@keyframes wdh-sg-dot{50%{opacity:.25}}
/* small hint inside the text box: "↓ 2 suggestions below" */
.wdh-ideas__field{position:relative}
.wdh-sg-hint{position:absolute;right:12px;bottom:10px;font-size:12.5px;font-weight:700;color:#fff;background:#7c3aed;border-radius:999px;padding:4px 10px;pointer-events:none;animation:wdh-sg-dot 1.2s ease-in-out infinite}
.wdh-sg-hint[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.wdh-sg.is-new,.wdh-sg.is-new .wdh-sg__head,.wdh-sg__head::before,.wdh-sg-hint{animation:none}}

/* phonetic Bangla typing (Google Input Tools style) */
.bnt-pop{position:absolute;z-index:20;min-width:150px;max-width:260px;background:#fff;border:1px solid #d6dbe6;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.18);padding:6px;font-family:inherit}
.bnt-pop[hidden]{display:none}
.bnt-word{padding:4px 8px 6px;font-size:14px;color:#0f2a4d;border-bottom:1px solid #eef0f5;margin-bottom:4px}
.bnt-word::after{content:"";display:inline-block;width:1px;height:15px;background:#1261ff;margin-left:1px;vertical-align:-2px;animation:wdh-sg-dot 1s step-end infinite}
.bnt-c{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:6px;padding:6px 10px;font:inherit;font-size:16px;color:#1f2937;cursor:pointer}
.bnt-c span{color:#64748b;font-size:14px;margin-right:2px}
.bnt-c:hover{background:#f5f3ff}
.bnt-c.is-sel{background:#ede9fe;color:#4c1d95}
.bnt-toggle{position:absolute;top:8px;right:10px;z-index:2;border:1px solid #e3e7f0;background:#fff;border-radius:999px;padding:3px 10px;font:inherit;font-size:12.5px;font-weight:700;color:#64748b;cursor:pointer;line-height:1.4}
.bnt-toggle b{font-weight:800;margin-right:2px}
.bnt-toggle.is-on{border-color:#c4b5fd;background:#f5f3ff;color:#5b2fe8}
.wdh-ideas__field textarea{padding-right:96px}
/* generate button + next steps after a domain is added: hosting (purple) or checkout */
.wdh-ideas__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.wdh-ideas__next{display:flex;gap:10px;flex-wrap:wrap;animation:wdh-ideas-pop .35s ease-out}
.wdh-ideas__next[hidden]{display:none}
.wdh-ideas__host,.wdh-ideas__checkout{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap}
.wdh-ideas__host{background:#5b2fe8;color:#fff!important;box-shadow:0 8px 20px rgba(91,47,232,.25)}
.wdh-ideas__host:hover{background:#4a22d4}
.wdh-ideas__checkout{background:#fff;color:#5b2fe8!important;border:1.5px solid #5b2fe8}
.wdh-ideas__checkout:hover{background:#f4f0ff}
@keyframes wdh-ideas-pop{from{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:620px){.wdh-ideas__next{width:100%}.wdh-ideas__host,.wdh-ideas__checkout{flex:1 1 100%}}
