/**
 * WhatsApp live status chip — header'daki WhatsApp ikonunun yanındaki
 * ping-dot + status text. Global yüklenir.
 *
 * Yeni dosya adı (nav-chip.css) — LiteSpeed CSS combine listesinin değişmesi
 * ve fresh hash üretmesi için bağımsız dosya olarak ayrıldı.
 */

.rhx-nav__whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  padding: 6px 10px 6px 12px;
  border-radius: 999px;
  transition: background-color .2s ease;
  flex-shrink: 0;
}
.rhx-nav__whatsapp:hover { background: rgba(34,197,94,0.08); }

.rhx-nav__wa-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .04em;
  color: var(--ink, #1A1410);
  white-space: nowrap;
  flex-shrink: 0;
}

.rhx-nav__wa-text {
  white-space: nowrap;
  flex-shrink: 0;
  display: inline-block;
}

.rhx-nav__wa-ping {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #B6B0A8;
  flex-shrink: 0;
  display: inline-block;
}
.rhx-nav__whatsapp.is-active .rhx-nav__wa-ping { background: #22C55E; }
.rhx-nav__whatsapp.is-active .rhx-nav__wa-ping::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 999px;
  background: rgba(34,197,94,.45);
  animation: rhx-wa-ping 1.6s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes rhx-wa-ping {
  0%   { transform: scale(.5); opacity: 1; }
  80%  { transform: scale(1.7); opacity: 0; }
  100% { transform: scale(1.7); opacity: 0; }
}

/* Mobil ve dar masaüstünde sadece ping görünür, text gizli */
@media (max-width: 1280px) {
  .rhx-nav__wa-text { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .rhx-nav__whatsapp.is-active .rhx-nav__wa-ping::before { animation: none; }
}