/* =====================================================================
   Air Divine — Divu-তে ট্যাপ করে কথা বলা (r29)
   ===================================================================== */

/* "Divu" লেখা আর নিচের মাইক বাটন সরানো (মাইক লুকানো থাকে, কাজটা Divu-র মুখ থেকে চলে) */
.aiw .aiw__brand h2 { display: none !important; }
.aiw .aiw-ask .aiw-mic {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0 0 0 0) !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important;
}
.aiw .aiw-ask .aiw-mic::after { display: none !important; }

/* ---------- Divu-র মুখ: ট্যাপ করার মতো ---------- */
.aiw .aiw__brand.dvm-brand { position: relative; }
.aiw .aiw__face.dv-real {
  position: relative; z-index: 2; cursor: pointer;
  transition: box-shadow .35s ease, transform .25s cubic-bezier(.2, .8, .2, 1);
}
.aiw .aiw__face.dv-real:hover { transform: translateY(-1px); box-shadow: inset 0 0 0 1px #e3c27a, 0 8px 18px -10px rgba(115, 5, 34, .45); }
.aiw .aiw__face.dv-real:active { transform: scale(.96); }
.aiw .aiw__face.dv-real:focus-visible { outline: 2px solid #d1a13d; outline-offset: 3px; }

/* ছোট মাইক-ব্যাজ: বোঝা যায় ট্যাপ করে বলা যায় */
.dvm-badge {
  position: absolute; z-index: 3; width: 22px; height: 22px; border-radius: 50%;
  display: grid; place-items: center; pointer-events: none;
  background: linear-gradient(145deg, #8f0a30, #5a031b); color: #f8e1a4;
  box-shadow: 0 0 0 2px #fff, 0 4px 10px -4px rgba(115, 5, 34, .7);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), background .3s;
}
.dvm-badge svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.dvm-badge svg rect { fill: currentColor; stroke: none; }
.aiw__brand.dvm-on .dvm-badge { transform: scale(1.12); background: linear-gradient(145deg, #e3c27a, #b8862c); color: #5a031b; }

/* ---------- অ্যানিমেশনের স্তর ---------- */
.dvm-fx { position: absolute; z-index: 1; pointer-events: none; border-radius: 14px; }
.dvm-fx i { position: absolute; inset: 0; border-radius: inherit; }

/* বিশ্রামে: হালকা শ্বাস নেওয়ার মতো সোনালি আভা — ট্যাপ করতে ডাকে */
.dvm-fx .r1 { animation: dvmBreath 3.2s ease-in-out infinite; }
@keyframes dvmBreath {
  0%, 100% { box-shadow: 0 0 0 0 rgba(209, 161, 61, 0); }
  50% { box-shadow: 0 0 0 5px rgba(209, 161, 61, .18); }
}
.dvm-fx .r2, .dvm-fx .r3, .dvm-fx .dvm-orbit { opacity: 0; }

/* শোনার সময়: ঘূর্ণায়মান সোনালি-মেরুন বলয় + ঢেউ */
.aiw__brand.dvm-on .dvm-fx .dvm-orbit {
  opacity: 1; inset: -5px; border-radius: 18px;
  background: conic-gradient(from 0deg, #f2d691, #d1a13d, #8f0a30, #5a031b, transparent 70%, #f2d691);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; padding: 2.5px;
  animation: dvmSpin 1.6s linear infinite;
  filter: drop-shadow(0 0 6px rgba(209, 161, 61, .55));
}
@keyframes dvmSpin { to { transform: rotate(360deg); } }
.aiw__brand.dvm-on .dvm-fx .r1,
.aiw__brand.dvm-on .dvm-fx .r2,
.aiw__brand.dvm-on .dvm-fx .r3 {
  opacity: 1; border: 1.5px solid rgba(209, 161, 61, .75); box-shadow: none;
  animation: dvmRipple 1.8s cubic-bezier(.2, .7, .3, 1) infinite;
}
.aiw__brand.dvm-on .dvm-fx .r2 { animation-delay: .6s; border-color: rgba(143, 10, 48, .55); }
.aiw__brand.dvm-on .dvm-fx .r3 { animation-delay: 1.2s; }
@keyframes dvmRipple {
  0% { transform: scale(1); opacity: .9; }
  100% { transform: scale(1.75); opacity: 0; }
}
.aiw__brand.dvm-on .aiw__face.dv-real {
  box-shadow: inset 0 0 0 1.5px #e3c27a, 0 10px 26px -10px rgba(143, 10, 48, .6);
  animation: dvmBob 1.2s ease-in-out infinite;
}
@keyframes dvmBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }

/* হেডার জুড়ে হালকা সোনালি ঝলক */
.aiw .aiw__box.dvm-listening .aiw__head { position: relative; overflow: hidden; }
.aiw .aiw__box.dvm-listening .aiw__head::after {
  content: ""; display: block !important; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(100deg, transparent 20%, rgba(242, 214, 145, .28) 45%, transparent 70%);
  background-size: 250% 100%; animation: dvmSheen 2.2s ease-in-out infinite;
}
@keyframes dvmSheen { from { background-position: 120% 0; } to { background-position: -120% 0; } }

/* ---------- নিচের ছোট লেখা: "Divu-তে ট্যাপ করে…" / "শুনছি…" ---------- */
.dvm-hint {
  display: flex; align-items: center; gap: 8px; margin: 6px 0 0;
  font: 600 12.5px/1.3 "Hind Siliguri", "Manrope", sans-serif; color: #9c6d1f;
  transition: color .25s;
}
.dvm-hint .dvm-eq { display: none; align-items: center; gap: 2.5px; height: 14px; }
.dvm-hint .dvm-eq i { width: 3px; height: 4px; border-radius: 3px; background: linear-gradient(#d1a13d, #8f0a30); animation: dvmEq .9s ease-in-out infinite; }
.dvm-hint .dvm-eq i:nth-child(2) { animation-delay: .12s; }
.dvm-hint .dvm-eq i:nth-child(3) { animation-delay: .24s; }
.dvm-hint .dvm-eq i:nth-child(4) { animation-delay: .36s; }
.dvm-hint .dvm-eq i:nth-child(5) { animation-delay: .48s; }
@keyframes dvmEq { 0%, 100% { height: 4px; } 50% { height: 14px; } }
.dvm-hint.is-on { color: #8f0a30; }
.dvm-hint.is-on .dvm-eq { display: inline-flex; }
.dvm-hint.is-warn { color: #b3261e; font-weight: 500; }

/* শোনার সময় লেখার ঘরও জীবন্ত */
.aiw .aiw__box.dvm-listening .aiw-ask { box-shadow: 0 0 0 3px rgba(209, 161, 61, .25); border-color: #e3c27a; }

@media (max-width: 640px) {
  .dvm-badge { width: 20px; height: 20px; }
  .dvm-hint { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .dvm-fx i, .aiw__brand.dvm-on .aiw__face.dv-real, .aiw .aiw__box.dvm-listening .aiw__head::after { animation: none !important; }
}