/* WhatsApp hapı (11.10.2026; sahibi: "Temsilciye bağlan kısmını daha modern ve minimal animasyonlu yapabiliriz", "Ekiple WhatsApp'ta
   konuşun alanı daha minimal olabilir, estetik durmuyor"). Analiz kartının altındaki ve video bölümündeki WhatsApp bağlantısı aynı
   biçimde: ince çerçeveli hap; solda temsilcinin yuvarlak fotoğrafı + WhatsApp yeşilinde (marka kuralı: başka marka rengi yalnız
   WhatsApp yeşili) çevrimiçi noktası, nokta 2,4 sn'de bir yumuşak nabız atar (tek hareket); ortada yazı, sağda ince ok. Üzerine
   gelince çerçeve Mor 40 tonuna döner, ok 2 px kayar. Hareketi azalt: nabız yok. Bileşen kendi <link precedence> ile yükler. */
.wa-cip {
  --wa-g: #25D366;
  position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 5px 14px 5px 5px;
  border: 1px solid #ECE8F3; border-radius: 999px; background: #fff; color: #2C045D;
  font-size: 14px; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wa-cip:hover { border-color: rgba(135, 62, 255, 0.28); box-shadow: 0 6px 18px rgba(44, 4, 93, 0.06); }
.wa-cip:focus-visible { outline: 2px solid #873EFF; outline-offset: 2px; }
.wa-cip-av { position: relative; flex: none; width: 32px; height: 32px; }
.wa-cip-av img { display: block; width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.wa-cip-av i { position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: var(--wa-g); box-shadow: 0 0 0 2px #fff; }
.wa-cip-av i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--wa-g); animation: wa-cip-nabiz 2.4s cubic-bezier(0.2, 0.6, 0.3, 1) infinite; }
@keyframes wa-cip-nabiz { 0% { transform: scale(1); opacity: 0.55; } 80%, 100% { transform: scale(2.6); opacity: 0; } }
.wa-cip-ok { flex: none; width: 14px; height: 14px; color: rgba(44, 4, 93, 0.4); transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), color 0.2s ease; }
.wa-cip:is(:hover, :focus-visible) .wa-cip-ok { transform: translateX(2px); color: #873EFF; }
/* Koyu zemin (analiz kartının koyu çeşidi) */
.hca.is-card-dark .wa-cip { border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.04); color: #fff; }
.hca.is-card-dark .wa-cip-av i { box-shadow: 0 0 0 2px #100A22; }
.hca.is-card-dark .wa-cip-ok { color: rgba(255, 255, 255, 0.5); }
@media (max-width: 860px) {
  .hca-foot .wa-cip { align-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  html:not(.hv2-motion) .wa-cip-av i::after { animation: none; opacity: 0; }
  html:not(.hv2-motion) :is(.wa-cip, .wa-cip-ok) { transition: none; }
}