/*
 * Adanacar v4 — transfer point pages (pages/nokta.php: /antalya, /gaziantep-havalimani …).
 * Builds on css/sube.css (hero board, key numbers, route columns, child chips) and css/noktalar.css
 * (route rows): adds the ≈km · ≈time line under each route and the nearest-branch card.
 * Tokens only (temel.css), light + dark. Motion: transform only.
 */
@layer custom {
  .ac-nk-olcu { display: block; margin-block-start: 0.125rem; color: var(--ac-muted); font-size: var(--ac-step--2); font-weight: 600; }

  /* nearest departure branch */
  .ac-nk-sube {
    padding: var(--ac-space-6); border: 1px solid var(--ac-line-strong); border-radius: var(--ac-card-radius);
    background: var(--ac-surface-2);
  }
  .ac-nk-sube h2 { display: flex; align-items: center; gap: var(--ac-space-3); margin: var(--ac-space-2) 0 var(--ac-space-4); font-size: var(--ac-step-2); font-weight: 800; }
  .ac-nk-sube__kod {
    display: grid; place-items: center; inline-size: 3.5rem; block-size: 2.5rem; border-radius: var(--ac-radius);
    background: rgb(201 169 106 / 0.14); color: var(--ac-gold-text); font-size: var(--ac-step--1); letter-spacing: 0.08em;
  }
  .ac-nk-sube__olcu { display: flex; flex-wrap: wrap; gap: var(--ac-space-5); margin: 0 0 var(--ac-space-4); }
  .ac-nk-sube__olcu dt { color: var(--ac-muted); font-size: var(--ac-step--2); font-weight: 700; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; }
  .ac-nk-sube__olcu dd { margin: 0; font-size: var(--ac-step-1); font-weight: 800; color: var(--ac-ink); }
  .ac-nk-sube p { color: var(--ac-ink-2); }
  .ac-nk-sube__bag { display: grid; gap: var(--ac-space-2); list-style: none; margin: 0; padding: 0; }
  .ac-nk-sube__bag a {
    display: inline-flex; align-items: center; gap: var(--ac-space-2); min-block-size: 2.75rem;
    color: var(--ac-ink); font-weight: 700; text-decoration: none; transition: transform var(--ac-dur-2) var(--ac-ease);
  }
  .ac-nk-sube__bag a:hover { color: var(--ac-red); transform: translateX(3px); }
  .ac-nk-sube__bag i { color: var(--ac-gold-text); }

  /* nearby points */
  .ac-nk-yakin { padding-block-start: 0; }
  .ac-nk-yakin small { color: var(--ac-muted); font-weight: 600; margin-inline-start: var(--ac-space-1); }

  @media (prefers-reduced-motion: reduce) {
    .ac-nk-sube__bag a { transition-duration: 0.01ms; }
    .ac-nk-sube__bag a:hover { transform: none; }
  }
  @media (forced-colors: active) {
    .ac-nk-sube { border: 1px solid CanvasText; }
  }
}