/* Tema 10 AO — Rota'nın üstüne sade servis görünümü (ilk kez Akçobanlı Otomotiv için yapıldı).
   İlke: süs yok, bilgi var. Eğik kesimler, rota çizgileri, nabız noktaları, çapraz çizgi desenleri, parıltılı gölgeler
   ve üzerine gelince yukarı kalkan kartlar kaldırıldı; köşeler keskin (4px), tek vurgu rengi, ince çizgiler, numaralı bölümler. */

:root {
  --rt-ink: #1f262d;
  --rt-muted: #5b6570;
  --rt-line: #dfe3e7;
  --rt-soft: #f3f4f6;
  --rt-shadow: 0 1px 2px rgb(0 0 0 / .06), 0 10px 28px -18px rgb(0 0 0 / .35);
  --rt-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);
  --ak-r: 4px;
}

/* ------------------------------------------------------------------ Süsler kapalı */
.rt-route, .rt-hero__stripes, .rt-pulse, .rt-steps__truck, .rt-about__block, .rt-footer__cta-ic { display: none !important; }
.rt-stats::before, .rt-stats::after, .rt-cta::before, .rt-cta::after, .rt-pagehead::before, .rt-net__svg::before, .rt-tabs__media::before, .rt-framed::before { content: none !important; }
.rt-hero, .rt-cta, .rt-main > .rt-cta:last-child, .rt-main > .blk:last-child > .rt-cta { clip-path: none !important; }
.rt-card:hover, .rt-feat--icon .rt-feat__item:hover, a.rt-info-card:hover, .rt-net__list li:hover { transform: none; }

/* ------------------------------------------------------------------ Tipografi */
.rt-body { font-size: 16px; line-height: 1.65; }
.rt-body h1, .rt-body h2, .rt-body h3, .rt-body h4 { font-weight: 700; letter-spacing: 0; }
.rt-head__title { font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.12; }
.rt-eyebrow { font-size: .76rem; letter-spacing: .14em; color: var(--rt-muted); }
.rt-eyebrow::before { width: 20px; height: 2px; border-radius: 0; }
.rt-prose img { border-radius: var(--ak-r); }
.rt-prose blockquote { border-radius: 0; }
.rt-prose h2 { font-size: clamp(1.35rem, 2.2vw, 1.65rem); }

/* ------------------------------------------------------------------ Düğmeler + alanlar */
.rt-btn, .rt-body .btn { border-radius: var(--ak-r); font-weight: 600; letter-spacing: .01em; }
.rt-btn--primary { box-shadow: none; }
.rt-btn:hover i { transform: none; }
.rt-field__in, .rt-body .form__field input:not([type=checkbox]):not([type=radio]), .rt-body .form__field select, .rt-body .form__field textarea { border-radius: var(--ak-r); }
.rt-field__in:focus-within { box-shadow: 0 0 0 3px rgb(31 95 158 / .14); }
.rt-icon-btn, .rt-burger, .rt-drawer__close, .rt-drawer__sub { border-radius: var(--ak-r); }

/* ------------------------------------------------------------------ Logo (yazı logosu, simgesiz) */
.rt-wordmark { gap: 0; }
.rt-wordmark__mark { display: none !important; }
.rt-wordmark__name { font-weight: 700; font-size: 1.32rem; letter-spacing: .02em; }
.rt-wordmark__tag { font-size: .64rem; letter-spacing: .16em; margin-top: .25rem; }
.rt-header__phone-ic { border-radius: var(--ak-r); background: var(--rt-soft); }
.rt-nav__item > a::after { height: 2px; border-radius: 0; }
.rt-nav__drop { border-radius: 0 0 var(--ak-r) var(--ak-r); border-top-width: 2px; box-shadow: var(--rt-shadow); }
.rt-nav__drop a { border-radius: var(--ak-r); }
.rt-header.is-scrolled { box-shadow: 0 1px 0 var(--rt-line); }

/* ------------------------------------------------------------------ Manşet: düz, koyu, tipografik */
.rt-hero::before { background: linear-gradient(90deg, rgb(var(--rt-dark-rgb) / .96) 0%, rgb(var(--rt-dark-rgb) / .88) 55%, rgb(var(--rt-dark-rgb) / .7) 100%); }
.rt-hero--large { min-height: clamp(560px, 74vh, 700px); }
.rt-hero__grid { padding-block: clamp(64px, 8vw, 104px); }
@media (min-width: 1141px) { .rt-hero.has-card .rt-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 400px); } }
.rt-hero__eb { padding: 0; border: 0; background: none; border-radius: 0; letter-spacing: .16em; color: rgb(255 255 255 / .72); gap: .8rem; }
.rt-hero__eb::before { content: ""; width: 24px; height: 2px; background: var(--primary); }
.rt-hero__title { font-size: clamp(2.3rem, 4.6vw, 3.7rem); line-height: 1.06; letter-spacing: -.005em; font-weight: 700; max-width: 16ch; }
.rt-hero__text { color: rgb(255 255 255 / .78); max-width: 600px; }
.rt-hero__bar { border-radius: 0; }

/* Servis kaydı kartı */
.rt-quote { border-radius: var(--ak-r); border-top: 3px solid var(--primary); box-shadow: 0 1px 2px rgb(0 0 0 / .2), 0 24px 48px -28px rgb(0 0 0 / .6); }
.rt-quote--side { box-shadow: none; border: 1px solid var(--rt-line); border-top: 3px solid var(--primary); }
.ak-quote__head { margin-bottom: 1.2rem; }
.ak-quote .rt-quote__title { font-size: 1.35rem !important; margin: 0 0 .3rem; }
.ak-quote__row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .8rem; }
.rt-quote--side .ak-quote__row { grid-template-columns: minmax(0, 1fr); gap: 0; }
.ak-quote .rt-field { margin-bottom: .9rem; grid-template-columns: minmax(0, 1fr); }
.ak-quote .rt-field__in input, .ak-quote .rt-field__in select { width: 100%; }
.ak-quote .rt-field__in input, .ak-quote .rt-field__in select { padding-block: .78rem; }
.ak-quote input[name="plaka"] { text-transform: uppercase; letter-spacing: .04em; }
.ak-quote input[name="plaka"]::placeholder { text-transform: none; letter-spacing: 0; }
.ak-quote__alt { margin: 1rem 0 0; padding-top: .9rem; border-top: 1px solid var(--rt-line); font-size: .88rem; color: var(--rt-muted); }
.ak-quote__alt a { font-weight: 700; color: var(--dark); text-decoration: none; white-space: nowrap; }
.ak-quote__alt a:hover { color: var(--rt-primary-ink); }

/* ------------------------------------------------------------------ Marka şeridi (yazı) */
.rt-logos { border-bottom: 1px solid var(--rt-line); }
.rt-logos__viewport { -webkit-mask-image: none; mask-image: none; }
.rt-logos__track { flex-wrap: wrap; width: auto; gap: .5rem clamp(22px, 3vw, 40px); }
.rt-logos__item { height: auto; font-size: 1.02rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #7a838c; }

/* ------------------------------------------------------------------ Kartlar, özellikler, sekmeler */
.rt-card, .rt-feat--icon .rt-feat__item, .rt-feat--tiles .rt-feat__item, .rt-side-card, .rt-info-card, .rt-entry__points, .rt-facts > div, .rt-faq__card, .rt-net__list li { border-radius: var(--ak-r); }
/* Dört ana hizmet: üçlü ızgarada tek kart artmasın diye ikili */
.rt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rt-card:hover { box-shadow: none; border-color: #c3c9cf; }
.rt-card:hover .rt-card__media img, .rt-feat--tiles .rt-feat__item:hover .rt-feat__bg img { transform: none; }
.rt-card__ic { border-radius: var(--ak-r); box-shadow: none; width: 46px; height: 46px; bottom: -22px; font-size: 1.05rem; }
.rt-feat--icon .rt-feat__item::after { height: 2px; }
.rt-feat--icon .rt-feat__item:hover { box-shadow: none; border-color: #c3c9cf; }
.rt-feat__ic, .rt-feat--tiles .rt-feat__ic, .rt-rows__ic, .rt-side-card__ic, .rt-info-card__ic, .rt-net__ic, .rt-faq__card-ic, .rt-side-links a i, .rt-checks i, .rt-entry__ic, .rt-faq__item summary > i { border-radius: var(--ak-r); }
.rt-feat__ic { width: 50px; height: 50px; font-size: 1.15rem; margin-bottom: 1.2rem; }
.rt-feat--icon .rt-feat__item:hover .rt-feat__ic { background: var(--rt-tint); color: var(--rt-primary-ink); }
.rt-feat__num { font-size: 2.4rem; top: 16px; -webkit-text-stroke: 1px var(--rt-line); }
.rt-feat--rows .rt-feat__ic { width: 44px; height: 44px; }

.rt-tabs__tab { font-weight: 600; }
.rt-tabs__tab i { border-radius: var(--ak-r); }
.rt-tabs__tab::after { height: 2px; }
.rt-tabs__media, .rt-tabs__media img { border-radius: var(--ak-r); }
.rt-tabs__count { border-radius: 2px; font-size: .95rem; }

/* ------------------------------------------------------------------ Tanıtım (metin + görsel) */
.rt-about__visual { padding: 0; }
.rt-about__img { border-radius: var(--ak-r); box-shadow: none; }
.rt-about__badge { right: auto; left: 0; top: auto; bottom: 0; max-width: 260px; border-radius: 0 var(--ak-r) 0 var(--ak-r); box-shadow: none; padding: 1rem 1.2rem; }
.rt-about__badge strong { font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.15; }

/* ------------------------------------------------------------------ Süreç: ince düz çizgi, numaralı duraklar */
.rt-steps__line { border-top: 1px solid var(--rt-line); top: 30px; }
.rt-step__stop { width: 60px; height: 60px; border-width: 2px; font-size: 1.15rem; box-shadow: 0 0 0 10px #fff; }
.rt-sec--muted .rt-step__stop, .blk--bg-muted .rt-step__stop { box-shadow: 0 0 0 10px var(--rt-soft); }
.rt-step:hover .rt-step__stop { background: #fff; color: var(--rt-primary-ink); }
.rt-sec--muted .rt-step:hover .rt-step__stop, .blk--bg-muted .rt-step:hover .rt-step__stop { background: var(--rt-soft); }

/* ------------------------------------------------------------------ Bant (CTA): açık zemin, düz — alt bilginin koyu bloğuyla birleşmesin */
.rt-cta { background: var(--rt-soft); color: var(--rt-ink); border-top: 1px solid var(--rt-line); padding-block: clamp(52px, 6vw, 80px); }
.rt-main > .rt-cta:last-child, .rt-main > .blk:last-child > .rt-cta { padding-bottom: clamp(52px, 6vw, 80px); }
.rt-cta__eb { color: var(--rt-muted); opacity: 1; }
.rt-cta__title { font-size: clamp(1.7rem, 3vw, 2.4rem) !important; color: var(--dark) !important; }
.rt-cta__body { color: var(--rt-muted); }
.rt-cta__phone { color: var(--dark) !important; }
.rt-cta__phone-ic { border-radius: var(--ak-r); background: #fff; border: 1px solid var(--rt-line); color: var(--rt-primary-ink); width: 52px; height: 52px; }
.rt-cta__phone small { color: var(--rt-muted); }
.rt-cta .rt-btn--dark { background: var(--primary); border-color: var(--primary); color: var(--rt-on-primary); }
.rt-cta .rt-btn--dark:hover { background: var(--rt-primary-dark); border-color: var(--rt-primary-dark); }

/* ------------------------------------------------------------------ SSS */
.rt-faq__item summary > i { width: 30px; height: 30px; }
.rt-faq__item[open] summary > i { background: var(--dark); color: #fff; }

/* ------------------------------------------------------------------ İç sayfalar */
.rt-pagehead { padding: clamp(44px, 6vw, 76px) 0 clamp(44px, 6vw, 72px); border-bottom: 3px solid var(--primary); }
.rt-pagehead__title { font-size: clamp(2rem, 4vw, 3rem) !important; }
.rt-entry__cover { border-radius: var(--ak-r); }
.rt-facts > div { border-inline-start-width: 3px; }
.rt-formwrap .form-card { border-radius: var(--ak-r); border-top-width: 3px; box-shadow: none; border: 1px solid var(--rt-line); border-top: 3px solid var(--primary); }
.rt-route-sum { border-radius: var(--ak-r); }
.rt-mapwide iframe { filter: grayscale(.2); }

/* ------------------------------------------------------------------ Alt bilgi */
.rt-footer__cta { grid-template-columns: minmax(0, 1fr) auto; border-radius: var(--ak-r); border-inline-start-width: 3px; }
.rt-footer__title::after { height: 2px; border-radius: 0; }
.rt-social a { border-radius: var(--ak-r); }
.rt-logo--plate { border-radius: var(--ak-r); }

@media (max-width: 960px) {
  .rt-logos__track { justify-content: center; }
  .rt-steps__line { border-left: 1px solid var(--rt-line); left: 30px; }
  .rt-step { grid-template-columns: 60px minmax(0, 1fr); }
  .rt-footer__cta { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .rt-hero__title { font-size: clamp(2rem, 8.4vw, 2.5rem); }
  .ak-quote__row { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .rt-footer__cta { border-inline-start: 1px solid rgb(255 255 255 / .1); border-top: 3px solid var(--primary); }
}
.rt-logos__dup { display: none !important; }

/* İletişim: konum girilmeden önce harita yer tutucusu (yalnız yayımlanmamış sitede) */
.ak-mapwait { background: var(--rt-soft); border-top: 1px solid var(--rt-line); }
.ak-mapwait__in { min-height: 300px; display: grid; place-content: center; justify-items: center; gap: .5rem; text-align: center; padding-block: 48px; color: var(--rt-muted); }
.ak-mapwait__in i { font-size: 2rem; color: #9aa3ab; }
.ak-mapwait__in strong { font-family: var(--font-heading); font-size: 1.2rem; color: var(--dark); }
.ak-mapwait__in span { max-width: 560px; font-size: .95rem; }

/* Servis kaydı kapalı (Tema ayarları › Servis kaydı): başlıktaki ve mobil menüdeki düğme, alt bilgideki şerit gizlenir */
.ak-book-off .rt-header__cta, .ak-book-off .rt-drawer__foot > .rt-btn--primary, .ak-book-off .rt-footer__cta { display: none !important; }
