/* Ekran turu (adım adım tanıtım) — sahibi: public/js/tur.js
   Katman sayfaya tıklamayı engeller; ışık (çerçeve) hedef öğenin üstünde, dışını karartır; açıklama penceresi
   hedefin yanına yerleşir. Okuyucu bilgisayarı az kullanan biri: yazı büyük, düğmeler iri.
   Atölye ekranında (.tur-dokunmatik) düğmeler parmakla basılacak boyuttadır. Değişkenler: styles.css :root. */

.tur-katman { position: fixed; inset: 0; top: 0; right: 0; bottom: 0; left: 0; z-index: 1250; }
.tur-katman.tur-karanlik { background: rgba(15, 23, 42, 0.62); }

.tur-isik {
  position: fixed; z-index: 1251; pointer-events: none; border-radius: 10px;
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.62);
  outline: 3px solid var(--orange); outline-offset: 0;
  transition: left 0.25s ease, top 0.25s ease, width 0.25s ease, height 0.25s ease;
  animation: tur-nabiz 1.6s ease-in-out infinite;
}
.tur-isik[hidden] { display: none; }
@keyframes tur-nabiz {
  0%, 100% { outline-color: var(--orange); }
  50% { outline-color: #FFC37A; }
}

.tur-kart {
  position: fixed; z-index: 1252; width: min(400px, calc(100vw - 24px));
  padding: 16px 18px 16px; background: var(--panel); color: var(--ink);
  border-radius: var(--radius-lg); box-shadow: 0 18px 48px rgba(15, 23, 42, 0.35);
  font-size: 16px; line-height: 1.55;
  transition: left 0.25s ease, top 0.25s ease;
}
.tur-kart.tur-bekliyor { opacity: 0.6; }
.tur-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.tur-sayac { font-size: 13px; font-weight: 600; color: var(--muted); }
.tur-kapat {
  margin-left: auto; min-height: 32px; padding: 4px 8px; border: 0; background: none; border-radius: var(--radius-sm);
  color: var(--muted); font: 600 13px var(--font); cursor: pointer;
}
.tur-kapat:hover { background: var(--hover-bg); color: var(--ink); }
.tur-ilerleme { height: 4px; border-radius: 4px; background: var(--track); overflow: hidden; margin-bottom: 12px; }
.tur-ilerleme span { display: block; height: 100%; background: var(--primary); transition: width 0.25s ease; }
.tur-baslik { margin: 0 0 6px; font-size: 19px; line-height: 1.3; color: var(--heading); }
.tur-metin { margin: 0 0 8px; }
.tur-metin strong { color: var(--heading); }
.tur-not { margin: 0 0 8px; font-size: 14px; color: var(--muted); }
.tur-resim { display: block; width: 100%; height: auto; margin: 4px 0 10px; border: 1px solid var(--line-strong); border-radius: var(--radius); }
.tur-dugmeler { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.tur-bosluk { flex: 1 1 auto; }
.tur-dugmeler .btn { min-height: 44px; padding: 10px 18px; font-size: 15px; }
.tur-ileri { min-width: 120px; }

/* Atölye ekranı: parmakla basılacak boyut */
.tur-kart.tur-dokunmatik { width: min(520px, calc(100vw - 24px)); font-size: 18px; padding: 20px 22px; }
.tur-dokunmatik .tur-baslik { font-size: 23px; }
.tur-dokunmatik .tur-kapat { min-height: 44px; font-size: 15px; padding: 8px 12px; }
.tur-dokunmatik .tur-dugmeler .btn { min-height: 56px; padding: 12px 24px; font-size: 18px; }
.tur-dokunmatik .tur-ileri { min-width: 160px; }

/* Ortadaki (hedefsiz) adımlarda resim büyük görünsün */
.tur-kart.tur-ortada.tur-dokunmatik { width: min(640px, calc(100vw - 24px)); }

/* Kılavuz sayfasındaki "turu başlat" çağrısı */
.klv-tur-cagri {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; padding: 18px 20px;
  background: var(--tone-green-soft); border: 1px solid rgba(var(--primary-rgb), 0.25); border-radius: var(--radius-lg);
}
.klv-tur-cagri .klv-tur-ikon { display: inline-flex; color: var(--primary); }
.klv-tur-cagri .klv-tur-ikon svg { width: 34px; height: 34px; }
.klv-tur-cagri .klv-tur-yazi { flex: 1 1 260px; }
.klv-tur-cagri b { display: block; font-size: 17px; color: var(--heading); }
.klv-tur-cagri span { font-size: 14.5px; color: var(--ink); }
.klv-tur-cagri .btn { min-height: 46px; padding: 10px 20px; font-size: 15px; }

@media (prefers-reduced-motion: reduce) {
  .tur-isik, .tur-kart, .tur-ilerleme span { transition: none; animation: none; }
}
@media print {
  .tur-katman, .tur-kart { display: none !important; }
}