/* ============================================================
 * Lucide SVG İkon Utility Class'ları (Tailwind h-/w- benzeri)
 * React versiyonuyla parity için eklendi.
 * ============================================================ */

/* Boyut yardımcıları */
.h-3 { height: .75rem; }   .w-3 { width: .75rem; }
.h-4 { height: 1rem; }     .w-4 { width: 1rem; }
.h-5 { height: 1.25rem; }  .w-5 { width: 1.25rem; }
.h-6 { height: 1.5rem; }   .w-6 { width: 1.5rem; }
.h-8 { height: 2rem; }     .w-8 { width: 2rem; }

/* SVG varsayılan davranışı */
svg { display: inline-block; vertical-align: middle; flex-shrink: 0; }

/* Chevron - küçük dropdown oku */
.chev { opacity: .6; margin-left: .2rem; transition: transform .15s ease; }
.nav-drop:hover .chev,
.nav-drop:focus-within .chev { transform: rotate(180deg); opacity: .9; }

/* Eyebrow inline icon */
.eyebrow-icon { display: inline-block; vertical-align: -.15em; margin-right: .25rem; height: 1em; width: 1em; }

/* Fab (sticky floating) ikonlar */
.fab svg { display: block; }
.fab-wa { color: #fff !important; }
.fab-phone { color: #fff !important; }
.fab-ig { color: #fff !important; background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); }
.fab-tg { color: #fff !important; background: #0088cc; }

/* Genel: buton içindeki SVG'lerin flex align için */
.btn { display: inline-flex; align-items: center; }

/* Chat mesaj görsel iyileştirme (avukata-sor) */
.chat-msg { display: block; }

/* Klavye kısayolu ipuçları */
kbd, .kbd {
  display: inline-block;
  padding: .1rem .35rem;
  border: 1px solid #cbd5e1;
  border-radius: .25rem;
  background: #f8fafc;
  font-family: ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: .75rem;
  color: #334155;
  box-shadow: inset 0 -1px 0 #e2e8f0;
}

/* Sadece ekran okuyucular için */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}