/*
 * CBA Theme — hikâye ilkelleri (ana sayfa + hizmet sayfaları ortak)
 * Bölüm, başlık, hizmet bağlantıları, süreç adımları. JS'siz son durum burada tanımlıdır.
 */

.cba-h2 { font-size: var(--cba-step-5); margin-block-end: 1.5rem; max-inline-size: 16ch; }
.cba-chapter { position: relative; padding-block: var(--cba-section); }
.cba-chapter + .cba-chapter { border-block-start: 1px solid var(--cba-line); }
.cba-chapter-head.is-center { text-align: center; margin-inline: auto; }
.cba-line { padding-block-end: .06em; } /* SplitText maske satırı: inenler kesilmesin */

/* Hizmet bağlantıları */
.cba-svc-links { list-style: none; margin: 2.25rem 0 0; padding: 0; border-block-start: 1px solid var(--cba-line); }
.cba-svc-links.is-compact { margin-block-start: 1.5rem; border: 0; }
.cba-svc-link {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-block-size: 3.25rem;
    padding-block: .85rem; border-block-end: 1px solid var(--cba-line);
    font-family: var(--cba-font-display); font-size: var(--cba-step-1); color: var(--cba-paper); text-decoration: none;
    transition: color var(--cba-dur-1) ease, padding var(--cba-dur-2) var(--cba-ease-expo);
}
.cba-svc-links.is-compact .cba-svc-link { border: 0; padding: 0; font-size: var(--cba-step-0); color: var(--cba-paper-dim); }
.cba-svc-link .bi { color: var(--cba-brand); transition: transform var(--cba-dur-2) var(--cba-ease-expo); }
.cba-svc-link:hover, .cba-svc-link:focus-visible { color: var(--cba-brand); padding-inline-start: .5rem; }
.cba-svc-link:hover .bi { transform: translateX(.35rem); }
.cba-brandname { color: var(--cba-brand); }

/* ── 9 · Süreç ──────────────────────────────────────────────────────── */
.cba-steps-wrap { position: relative; margin-block-start: clamp(2.5rem, 2rem + 3vw, 4.5rem); }
.cba-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(var(--steps, 5), minmax(0, 1fr)); gap: 2rem; }
.cba-steps-line { position: absolute; inset-inline: 0; inset-block-start: .7rem; block-size: 1px; background: var(--cba-line); }
.cba-steps-progress { position: absolute; inset: 0; background: var(--cba-brand); transform-origin: left; }
.cba-step { position: relative; padding-block-start: 2.5rem; }
.cba-step::before { content: ""; position: absolute; inset-block-start: .35rem; inset-inline-start: 0; inline-size: .75rem; block-size: .75rem; border-radius: 50%; background: var(--cba-brand); box-shadow: 0 0 0 6px var(--cba-night); }
.cba-step-num { display: block; font-family: var(--cba-font-display); color: var(--cba-paper-dim); margin-block-end: .75rem; }
.cba-step-title { font-size: var(--cba-step-2); margin-block-end: .6rem; }
.cba-step-desc { color: var(--cba-paper-dim); margin: 0; }
.cba-steps-wrap.is-staged .cba-step::before { background: var(--cba-night-3); transition: background-color var(--cba-dur-2) ease; }
.cba-steps-wrap.is-staged .cba-step.is-on::before { background: var(--cba-brand); }
@media (max-width: 991.98px) {
    .cba-steps { grid-template-columns: 1fr; gap: 0; padding-inline-start: 2.25rem; }
    .cba-steps-line { inset-inline: auto; inset-inline-start: .35rem; inset-block: .5rem; inline-size: 1px; block-size: auto; }
    .cba-steps-progress { transform-origin: top; }
    .cba-step { padding-block: 0 2.5rem; }
    .cba-step::before { inset-inline-start: -2.25rem; }
}