/*
 * Content / SEO pages (phase 2C): transfer landing pages, transfer points, FAQ, reviews, services.
 * Loaded only on those pages (section "head"). Uses the v4 tokens from temel.css; light and dark
 * follow the tokens automatically (no hard-coded colours).
 */
@layer custom {
  /* ---------------------------------------------------------- shared */
  .ac-ic-metin p { margin: 0 0 var(--ac-space-4); }
  .ac-ic-metin p:last-child { margin-bottom: 0; }
  .ac-ic-not { max-inline-size: 70ch; margin: var(--ac-space-4) 0 0; font-size: 0.9375rem; }

  /* related links (route page, return direction, booking) */
  .ac-ic-baglar { display: grid; gap: var(--ac-space-3); grid-template-columns: minmax(0, 1fr); }
  @media (width >= 576px) { .ac-ic-baglar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .ac-ic-bag {
    display: flex; align-items: center; gap: var(--ac-space-3); min-block-size: 3.5rem; padding: var(--ac-space-3) var(--ac-space-4);
    border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg); background: var(--ac-surface-3);
    color: var(--ac-ink); font-weight: 700; text-decoration: none; line-height: 1.3;
    transition: border-color var(--ac-dur-1) var(--ac-ease), transform var(--ac-dur-1) var(--ac-ease);
  }
  .ac-ic-bag > i { flex: none; inline-size: 2.25rem; block-size: 2.25rem; display: grid; place-items: center; border-radius: var(--ac-radius); background: var(--ac-surface-2); color: var(--ac-red); }
  .ac-ic-bag small { display: block; font-size: 0.75rem; font-weight: 650; color: var(--ac-muted); }
  .ac-ic-bag:hover { border-color: var(--ac-gold); color: var(--ac-ink); }
  @media (prefers-reduced-motion: no-preference) { .ac-ic-bag:hover { transform: translateY(-1px); } }

  /* fleet of a class */
  .ac-ic-filo { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ac-space-3); grid-template-columns: minmax(0, 1fr); }
  @media (width >= 576px) { .ac-ic-filo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .ac-ic-filo__oge {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ac-space-3);
    padding: var(--ac-space-2); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg);
    background: var(--ac-surface-3); color: var(--ac-ink); font-weight: 700; text-decoration: none;
  }
  .ac-ic-filo__oge img { inline-size: 5rem; block-size: 3.4rem; object-fit: cover; border-radius: var(--ac-radius); }
  .ac-ic-filo__oge i { color: var(--ac-red); padding-inline-end: var(--ac-space-2); }
  .ac-ic-filo__oge:hover { border-color: var(--ac-gold); color: var(--ac-ink); }

  /* ---------------------------------------------------------- transfer points */
  .ac-ic-atla { display: flex; flex-wrap: wrap; gap: var(--ac-space-2); }
  .ac-ic-atla a {
    display: inline-flex; align-items: center; gap: 0.45rem; min-block-size: 2.75rem; padding: 0 var(--ac-space-4);
    border: 1px solid var(--ac-line-strong); border-radius: var(--ac-radius); color: var(--ac-ink); font-weight: 700; text-decoration: none;
  }
  .ac-ic-atla a:hover { border-color: var(--ac-red); color: var(--ac-red); }
  .ac-ic-atla i { color: var(--ac-gold-text); }

  .ac-ic-grup { padding-block-start: var(--ac-space-7); scroll-margin-top: 6rem; }
  .ac-ic-grup > h2 { display: flex; align-items: center; gap: var(--ac-space-2); padding-bottom: var(--ac-space-3); border-bottom: 2px solid var(--ac-ink); }
  .ac-ic-grup > h2 i { color: var(--ac-gold-text); }

  .ac-ic-noktalar { list-style: none; margin: var(--ac-space-4) 0 0; padding: 0; display: grid; gap: var(--ac-space-3); grid-template-columns: minmax(0, 1fr); }
  @media (width >= 768px) { .ac-ic-noktalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (width >= 1200px) { .ac-ic-noktalar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
  .ac-ic-nokta { padding: var(--ac-space-4); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg); background: var(--ac-surface-3); min-inline-size: 0; }
  .ac-ic-nokta__bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--ac-space-1) var(--ac-space-3); }
  .ac-ic-nokta__bas h3 { margin: 0; font-size: var(--ac-step-1); }
  .ac-ic-nokta__meta { font-size: 0.8125rem; color: var(--ac-muted); }
  .ac-ic-nokta__meta b { color: var(--ac-ink); }
  .ac-ic-nokta__tum { margin-top: var(--ac-space-3); }
  .ac-ic-nokta__tum > summary {
    display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 2.75rem; cursor: pointer;
    font-weight: 700; font-size: 0.875rem; color: var(--ac-red); list-style: none;
  }
  .ac-ic-nokta__tum > summary::-webkit-details-marker { display: none; }
  .ac-ic-nokta__tum > summary::after { content: "\F282"; font-family: "bootstrap-icons"; font-size: 0.75rem; transition: transform var(--ac-dur-1) var(--ac-ease); }
  .ac-ic-nokta__tum[open] > summary::after { transform: rotate(180deg); }
  .ac-ic-nokta__rotalar { list-style: none; margin: var(--ac-space-2) 0 0; padding: 0; }
  .ac-ic-nokta__tum .ac-ic-nokta__rotalar { max-block-size: 22rem; overflow-y: auto; overscroll-behavior: contain; }
  .ac-ic-nokta__rotalar li + li { border-top: 1px solid var(--ac-line); }
  .ac-ic-nokta__rotalar a {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ac-space-2);
    min-block-size: 2.75rem; color: var(--ac-ink-2); font-size: 0.9375rem; text-decoration: none;
  }
  .ac-ic-nokta__rotalar a > i { color: var(--ac-gold-text); }
  .ac-ic-nokta__rotalar a:hover { color: var(--ac-red); }
  .ac-ic-fiyat { font-weight: 750; color: var(--ac-ink); font-size: 0.875rem; }

  /* ---------------------------------------------------------- FAQ */
  .ac-ic-menu { display: grid; border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg); background: var(--ac-surface-3); overflow: hidden; }
  .ac-ic-menu a { display: flex; align-items: center; gap: var(--ac-space-2); min-block-size: 3rem; padding: 0 var(--ac-space-4); color: var(--ac-ink); font-weight: 700; text-decoration: none; }
  .ac-ic-menu a + a { border-top: 1px solid var(--ac-line); }
  .ac-ic-menu a .ac-muted { margin-inline-start: auto; font-weight: 600; font-size: 0.8125rem; }
  .ac-ic-menu a:hover { color: var(--ac-red); }
  .ac-ic-menu a[aria-current="page"] { box-shadow: inset 3px 0 0 var(--ac-brand-red); background: var(--ac-surface-2); }
  .ac-ic-sss-baslik { margin: var(--ac-space-7) 0 var(--ac-space-3); }
  .ac-ic-sss-baslik:first-child { margin-top: 0; }

  /* ---------------------------------------------------------- reviews */
  .ac-ic-puan { display: flex; align-items: center; gap: var(--ac-space-4); margin-bottom: var(--ac-space-5); }
  .ac-ic-puan > b { font-size: var(--ac-step-4); line-height: 1; color: var(--ac-ink); }
  .ac-ic-puan > span { display: grid; gap: 0.25rem; }
  .ac-ic-yorumlar { display: grid; gap: var(--ac-space-4); }
  .ac-ic-yorumlar .ac-testimonial blockquote { font-size: 1rem; }

  .ac-ic-yildiz-sec { border: 0; margin: 0; padding: 0; min-inline-size: 0; }
  /* reversed DOM order (5 → 1) + row-reverse: hovering a star lights it and the ones before it */
  .ac-ic-yildizlar { display: inline-flex; flex-direction: row-reverse; gap: 0.15rem; }
  .ac-ic-yildizlar input { position: absolute; opacity: 0; inline-size: 1px; block-size: 1px; }
  .ac-ic-yildizlar label { display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; cursor: pointer; font-size: 1.5rem; color: var(--ac-line-strong); transition: color var(--ac-dur-1) var(--ac-ease), transform var(--ac-dur-1) var(--ac-ease); }
  .ac-ic-yildizlar input:checked ~ label,
  .ac-ic-yildizlar label:hover,
  .ac-ic-yildizlar label:hover ~ label { color: var(--ac-gold-text); }
  .ac-ic-yildizlar input:focus-visible + label { outline: 2px solid var(--ac-focus); outline-offset: 2px; border-radius: var(--ac-radius); }
  @media (prefers-reduced-motion: no-preference) { .ac-ic-yildizlar label:active { transform: scale(0.9); } }
  .ac-ic-tuzak { position: absolute; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }

  /* ---------------------------------------------------------- services */
  .ac-ic-hizmet .ac-card__body { display: flex; flex-direction: column; gap: var(--ac-space-3); block-size: 100%; }
  .ac-ic-hizmet .ac-card__title { margin: 0; font-size: var(--ac-step-1); }
  .ac-ic-hizmet p { margin: 0; font-size: 0.9375rem; }
  .ac-ic-hizmet .ac-card__foot { margin-top: auto; }

  @media (forced-colors: active) {
    .ac-ic-yildizlar input:checked ~ label { color: Highlight; }
    .ac-ic-menu a[aria-current="page"] { outline: 2px solid Highlight; }
  }
}

@layer custom {
  .ac-ic-subeler { display: flex; flex-wrap: wrap; gap: 0.5rem; padding-block: var(--ac-space-5) 0; }
  .ac-ic-subeler b { letter-spacing: 0.12em; color: var(--ac-gold-text); }
  .ac-ic-subeler small { color: var(--ac-muted); }
  .ac-ic-hizmet-bolum { scroll-margin-top: 6rem; }
}

@layer custom {
  .ac-ic-hizmet-bolum .ac-section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ac-space-4); }
  .ac-ic-sube-iletisim { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.35rem; font-size: 0.9375rem; color: var(--ac-ink-2); }
  .ac-ic-sube-iletisim li { display: flex; gap: 0.5rem; align-items: baseline; }
  .ac-ic-sube-iletisim .bi { color: var(--ac-gold-text); }
}