// Titan Kaskı — yandan profil, beyaz outline çizim stili
// Sol profil: yuvarlak kubbe, alın bandı, yanak koruyucu, üstte yatay akan crista
function TitanHelmet({ size = 32, mono = false, light = false }) {
  // Beyaz outline — çizim stili
  const stroke = '#f8fafc';      // ana hat (slate-50)
  const strokeThin = '#cbd5e1';  // ince detay (slate-300)
  const crista = '#60a5fa';      // crista vurgusu (blue-400) — mono modda beyaz
  const cristaStroke = mono ? stroke : '#3b82f6';
  const sw = 2;                  // ana kalınlık
  const swThin = 1.2;            // ince kalınlık

  return (
    <svg width={size} height={size} viewBox="0 0 100 100" fill="none" aria-label="Titan" role="img"
         strokeLinecap="round" strokeLinejoin="round">
      {/* Crista — kubbe üstünde yatay akan fırça (soldan sağa doğru incelen) */}
      <path d="M 22 28
               Q 30 16 50 16
               Q 70 16 82 22
               Q 78 26 70 26
               L 30 26
               Q 24 26 22 28 Z"
            fill={mono ? 'none' : 'rgba(96,165,250,0.12)'}
            stroke={cristaStroke} strokeWidth={sw}/>
      {/* Crista kılları — yukarıya doğru kısa çizgiler */}
      <path d="M 28 22 L 30 14 M 36 20 L 38 12 M 44 19 L 46 11
               M 52 19 L 54 11 M 60 20 L 62 12 M 68 21 L 70 13 M 74 23 L 76 16"
            stroke={cristaStroke} strokeWidth={swThin} opacity="0.85"/>

      {/* Ana kubbe — yandan yuvarlak, sola bakıyor */}
      <path d="M 18 52
               Q 18 36 30 30
               Q 44 26 62 28
               Q 76 30 82 40
               Q 84 46 82 54
               L 82 58
               L 18 58 Z"
            stroke={stroke} strokeWidth={sw}/>

      {/* Kubbe iç konturu — hafif derinlik */}
      <path d="M 26 44 Q 44 34 72 38"
            stroke={strokeThin} strokeWidth={swThin} opacity="0.6"/>

      {/* Alın bandı — yatay şerit, profilin alt çizgisi */}
      <path d="M 18 58 L 82 58 M 18 65 L 82 65"
            stroke={stroke} strokeWidth={sw}/>
      {/* Bandın içinde ince çizgi */}
      <path d="M 22 61.5 L 78 61.5"
            stroke={strokeThin} strokeWidth={swThin} opacity="0.5"/>

      {/* Yanak koruyucu — yandan bir tane görünür, sola doğru kıvrık */}
      <path d="M 28 65
               Q 26 78 32 86
               Q 38 90 46 87
               L 50 80
               L 50 65"
            stroke={stroke} strokeWidth={sw} fill="none"/>

      {/* Yanak koruyucu iç çizgi (detay) */}
      <path d="M 34 72 Q 34 80 40 84"
            stroke={strokeThin} strokeWidth={swThin} opacity="0.55"/>

      {/* Burun koruyucu — aşağıya uzanan dikey çizgi */}
      <path d="M 50 58 L 50 80"
            stroke={stroke} strokeWidth={sw}/>

      {/* Arka boyun koruyucu — sağ altta hafif kavis */}
      <path d="M 78 65 Q 82 72 80 82"
            stroke={stroke} strokeWidth={sw}/>

      {/* Göz boşluğu — dekoratif nokta */}
      <circle cx="38" cy="72" r="1.4" fill={stroke} opacity="0.85"/>
    </svg>
  );
}

// Wordmark
function TitanWordmark({ size = 28 }) {
  return (
    <span style={{display:'inline-flex',alignItems:'center',gap:10}}>
      <TitanHelmet size={size} />
      <span style={{fontFamily:"'Inter', sans-serif", fontWeight:700, fontSize:size*0.68, letterSpacing:'-0.02em', color:'#f8fafc', lineHeight:1, whiteSpace:'nowrap'}}>
        Titan<span style={{color:'#94a3b8',fontWeight:400,marginLeft:'0.2em',letterSpacing:'-0.01em'}}>Hukuk</span>
      </span>
    </span>
  );
}

window.TitanHelmet = TitanHelmet;
window.TitanWordmark = TitanWordmark;