/* İlk kullanım turu (src/tur.js) — coach-mark kutusu, hedef halkası, 600 px altında alt sayfa.
   Renkler stil.css token'larından (koyu temada kendiliğinden döner). Modal perde YOK: sayfa tıklanabilir kalır. */
.tur-ac {
  width: 32px; height: 32px; min-width: 32px; border-radius: 50%; border: 2px solid var(--murekkep);
  background: transparent; color: var(--murekkep); cursor: pointer; padding: 0;
  font: 700 17px/1 "Barlow Condensed", sans-serif; display: inline-grid; place-items: center;
}
.tur-ac:hover { background: var(--sari); border-color: var(--sari); color: var(--sari-yazi); }

.tur-halka {
  position: fixed; z-index: 60; pointer-events: none; border-radius: 6px;
  box-shadow: 0 0 0 3px var(--sari), 0 0 0 7px rgba(240, 180, 0, .28);
}
.tur-kutu {
  position: fixed; z-index: 61; width: min(360px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto;
  background: var(--kart); color: var(--murekkep); border: 2px solid var(--murekkep); border-radius: 6px;
  padding: 14px 16px 12px; box-shadow: 0 10px 30px rgba(28, 34, 38, .28);
}
.tur-kutu[hidden], .tur-halka[hidden] { display: none; }
.tur-kutu::before { /* imza: ince ikaz şeridi */
  content: ""; display: block; height: 5px; margin: -14px -16px 12px; border-radius: 4px 4px 0 0;
  background: repeating-linear-gradient(135deg, var(--sari) 0 10px, var(--murekkep) 10px 20px);
}
.tur-sayac { margin: 0 0 2px; font: 600 13px/1.2 "Barlow Condensed", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); }
.tur-sayac[hidden] { display: none; }
.tur-baslik { margin: 0 0 6px; font: 600 21px/1.15 "Barlow Condensed", sans-serif; }
.tur-baslik:focus { outline: none; }
.tur-metin, .tur-not { margin: 0 0 10px; font-size: 15px; line-height: 1.4; }
.tur-not { font-weight: 600; }
.tur-not[hidden] { display: none; }
.tur-dugmeler { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tur-dugmeler .tur-bosluk { flex: 1; }
.tur-dugmeler .dugme[hidden] { display: none; }
.tur-atla {
  background: none; border: 0; padding: 8px 2px; min-height: 44px; cursor: pointer;
  color: var(--soluk); text-decoration: underline; font-size: 14px;
}
.tur-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* Alt sayfa (dar ekran): tam genişlik, ekranın altına yapışık */
.tur-kutu.alt-sayfa {
  left: 12px; right: 12px; bottom: 12px; top: auto; width: auto; max-height: 55vh;
}

@media (prefers-reduced-motion: no-preference) {
  .tur-kutu:not([hidden]) { animation: tur-gir .18s ease-out; }
  .tur-halka { transition: top .2s ease, left .2s ease, width .2s ease, height .2s ease; }
  @keyframes tur-gir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}
@media print { .tur-kutu, .tur-halka, .tur-ac { display: none !important; } }