/* BHT WhatsApp — tum siniflar bhtw- onekli, tema ile cakismaz. */

.bhtw-card,
.bhtw-fab-wrap{
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.bhtw-card *,
.bhtw-fab-wrap *{box-sizing:border-box}
.bhtw-card svg,
.bhtw-fab-wrap svg{display:block;max-width:none;height:auto;overflow:visible;vertical-align:middle}
.bhtw-ico{width:20px;height:20px;flex:0 0 auto}
.bhtw-ico-sm{width:15px;height:15px;flex:0 0 auto}

.bhtw-ini{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:#3a2224;color:#e6cfd0;font-weight:600;font-size:20px;letter-spacing:.02em;
}
.bhtw-ini-lg{font-size:22px;background:#e8eef4;color:#3c5a75}

/* ============ Danisman karti (kisa kod) ============ */
.bhtw-card{
  display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;
  background:linear-gradient(115deg,#1a1c1f 0%,#2a1719 58%,#3b1c1e 100%);
  border-radius:12px;padding:16px 18px;color:#fff;max-width:520px;text-decoration:none;
  box-shadow:0 14px 32px rgba(26,16,17,.3);
  transition:transform .2s ease,box-shadow .2s ease;
}
.bhtw-card:hover,
.bhtw-card:focus{transform:translateY(-2px);box-shadow:0 20px 42px rgba(26,16,17,.38);color:#fff;text-decoration:none}
.bhtw-card:focus-visible{outline:2px solid #25d366;outline-offset:3px}

.bhtw-deco{position:absolute;inset-inline-end:-30px;top:-16px;width:200px;opacity:.08;pointer-events:none}

.bhtw-av{position:relative;flex:0 0 auto;display:block;width:58px;height:58px;
  border-radius:11px;overflow:hidden}
.bhtw-av img{width:58px;height:58px;border-radius:11px;object-fit:cover;display:block}
.bhtw-dot{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%;
  background:#25d366;border:3px solid #23191a;z-index:2}
/* nokta tasabilsin diye avatar kirpilmasin, ic gorsel kendi radiusunu tasiyor */
.bhtw-av{overflow:visible}

/* uc satir arasi bosluk esit */
.bhtw-txt{flex:1;min-width:0;position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}
.bhtw-brand{display:block;margin:0;font-size:10.5px;font-weight:700;letter-spacing:.16em;
  line-height:1.2;color:#d99a9a;text-transform:uppercase}
.bhtw-name{display:block;margin:0;font-size:18px;font-weight:600;line-height:1.2;color:#fff}
.bhtw-role{display:block;margin:0;font-size:13px;line-height:1.2;color:#a9a1a2}

.bhtw-btn{flex:0 0 auto;position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;
  background:#25d366;color:#062b16;font-weight:600;font-size:14px;line-height:1;
  padding:11px 15px;border-radius:9px;white-space:nowrap}
.bhtw-card:hover .bhtw-btn{background:#33e074}

@media(max-width:560px){
  .bhtw-card{flex-wrap:wrap;gap:14px}
  .bhtw-btn{width:100%;justify-content:center;padding:13px}
}

/* ============ Kose widget'i ============ */
.bhtw-fab-wrap{
  position:fixed;right:22px;bottom:22px;z-index:9990;
  display:flex;align-items:flex-end;gap:12px;text-decoration:none;
}
.bhtw-bubble{
  background:#fff;border:1px solid #e6e8eb;border-radius:12px 12px 2px 12px;
  padding:12px 15px;font-size:14px;color:#3d4147;max-width:230px;line-height:1.45;
  box-shadow:0 10px 26px rgba(23,26,29,.14);
}
.bhtw-bubble b{display:block;font-size:13px;font-weight:600;color:#1f2124;margin-bottom:2px}

.bhtw-fab{position:relative;flex:0 0 auto;display:block;width:64px;height:64px}
.bhtw-fab img{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;
  box-shadow:0 10px 26px rgba(23,26,29,.26)}
.bhtw-fab .bhtw-ini{width:64px;height:64px;border-radius:50%;
  box-shadow:0 10px 26px rgba(23,26,29,.26)}
.bhtw-badge{position:absolute;right:-3px;bottom:-3px;width:28px;height:28px;border-radius:50%;
  background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;
  border:3px solid #fff;z-index:2}
.bhtw-fab::after{content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(37,211,102,.5);animation:bhtw-pulse 2.4s infinite;pointer-events:none}
@keyframes bhtw-pulse{
  0%{transform:scale(.9);opacity:.9}
  70%{transform:scale(1.18);opacity:0}
  100%{opacity:0}
}

@media(max-width:620px){
  .bhtw-fab-wrap{right:14px;bottom:14px}
  .bhtw-bubble{display:none}
}
@media(max-width:782px){
  .bhtw-nomobile{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bhtw-fab::after{animation:none}
  .bhtw-card{transition:none}
}