/* ==========================================================================
   TOTAL Lojistik — CMS (Webkit) uyarlamaları
   Statik tasarımda karşılığı olmayan, CMS'in ürettiği öğeler için ek stiller.
   Ana tasarım sistemi: style.css (belirteçler orada; burada yeni renk tanımlanmaz).
   ========================================================================== */

/* Logo görseli (Panel > Ayarlar > Logo yüklendiğinde metin logonun yerine) */
.brand__logo { display: block; height: 42px; width: auto; }
.site-footer .brand__logo { height: 48px; }

/* Dil seçici (birden fazla dil açıkken) */
.locale-switch .icon-btn { width: auto; padding-inline: .75rem; font-size: .8rem; font-weight: 800; }
.locale-switch .dropdown-toggle::after { display: none; }

/* Footer yasal bağlantılar */
.footer-legal { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.footer-legal a, .footer-legal button {
  padding: 0; border: 0; background: none; font: inherit; color: var(--on-dark-muted); cursor: pointer;
}
.footer-legal a:hover, .footer-legal button:hover, .footer-legal button:focus-visible { color: #fff; }

/* Form gönderim sonucu */
.form-alert {
  display: flex; gap: .75rem; align-items: flex-start; margin-bottom: 1.5rem; padding: 1rem 1.15rem;
  font-size: .93rem; font-weight: 600; line-height: 1.5; background: #fff; border: 1px solid var(--line); border-left-width: 3px;
}
.form-alert .bi { flex: none; font-size: 1.15rem; line-height: 1.3; }
.form-alert--success { border-left-color: #1f8a4c; color: #17663a; }
.form-alert--error { border-left-color: var(--red); color: var(--red-700); }
.section--light .form-alert { border-color: transparent; border-left-color: inherit; }
.section--light .form-alert--success { border-left-color: #1f8a4c; }
.section--light .form-alert--error { border-left-color: var(--red); }

/* Dinamik form: koşullu/adım alanları ızgarada tam satır kaplar; başlık tipi alanı */
.kurumsal-form .form-grid + .form-grid { margin-top: 1.25rem; }
.kurumsal-form .form-legend { margin: .5rem 0 0; }
.kurumsal-form__progress { --bs-progress-bar-bg: var(--red); border-radius: 0; }
.kurumsal-form__nav .btn { border-radius: 0; font-weight: 700; }
.kurumsal-form__nav .btn-primary { --bs-btn-bg: var(--red); --bs-btn-border-color: var(--red); --bs-btn-hover-bg: var(--red-700); --bs-btn-hover-border-color: var(--red-700); }

/* Tek sütunlu form/arama paneli */
.form-tek { max-width: 820px; margin-inline: auto; }

/* Bülten formu */
.bulten-form .form-control-tl { flex: 1 1 auto; min-width: 0; }
.bulten-form .choice { color: var(--on-dark-muted); }

/* Blok içerik alanları (panelden gelen HTML) */
.bolum-icerik > :last-child, .bolum-alt > :last-child { margin-bottom: 0; }
.bolum-icerik .check-list, .bolum-icerik .tag-list, .bolum-icerik .about__areas { margin-bottom: 1.5rem; }
.bolum-alt { margin-top: clamp(2.5rem, 2rem + 2vw, 4rem); }
.metin-blok { max-width: 860px; }

/* Detay sayfası gövdesi (hizmet/ilan/galeri — panelden HTML) */
.detail-govde > :first-child { margin-top: 0; }
.detail-govde > :last-child { margin-bottom: 0; }
.detail-govde > .facts, .detail-govde > .check-list, .detail-govde > .hub-list,
.detail-govde > .steps, .detail-govde > .detail-figure { margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3rem); }

/* Arşiv kartlarında özet metni */
.mini-svc__text { margin: .5rem 0 1rem; font-size: .93rem; color: var(--text-muted); }

/* Belge görseli (Belgeler modülü — görselli kayıtlar) */
.belge-gorsel { display: block; margin-bottom: 1rem; aspect-ratio: 4 / 3; overflow: hidden; background: var(--bg-light); }
.belge-gorsel img { width: 100%; height: 100%; object-fit: contain; }

/* Akordeon (SSS, sekmeler) */
.akordeon { border-top: 1px solid var(--line); }
.akordeon__oge { border-bottom: 1px solid var(--line); }
.akordeon__baslik {
  display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.35rem 0;
  font-family: var(--font-display); font-stretch: var(--stretch-display); font-weight: 800; font-size: 1.15rem;
  color: var(--navy); list-style: none; cursor: pointer;
}
.akordeon__baslik::-webkit-details-marker { display: none; }
.akordeon__baslik .bi { flex: none; color: var(--red); transition: transform .3s var(--ease); }
.akordeon__oge[open] .akordeon__baslik .bi { transform: rotate(45deg); }
.akordeon__icerik { padding-bottom: 1.5rem; }

/* Müşteri yorumları */
.yorum-kart { display: flex; flex-direction: column; margin: 0; }
.yorum-kart__puan { margin-bottom: .75rem; color: var(--red); letter-spacing: .1em; }
.yorum-kart blockquote { flex: 1 1 auto; margin: 0 0 1.25rem; }
.yorum-kart__kisi { display: flex; gap: .75rem; align-items: center; }
.yorum-kart__kisi img { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; }
.yorum-kart__kisi strong { display: block; color: var(--navy); }
.yorum-kart__kisi small { display: block; color: var(--text-muted); }

/* Marka şeridi */
.marka-seridi { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--line); border: 1px solid var(--line); }
.marka-seridi li { display: grid; background: #fff; }
.marka-seridi a, .marka-seridi li > span:only-child { color: inherit; }
.marka-seridi a, .marka-seridi li { place-items: center; gap: .6rem; padding: 1.5rem 1rem; text-align: center; text-decoration: none; }
.marka-seridi img { max-width: 120px; max-height: 48px; object-fit: contain; filter: grayscale(1); opacity: .8; transition: filter .3s var(--ease), opacity .3s var(--ease); }
.marka-seridi li:hover img { filter: none; opacity: 1; }
.marka-seridi span { font-size: .85rem; font-weight: 700; color: var(--navy); }

/* Video */
.video-kutu { background: var(--navy); }
.video-kutu iframe { border: 0; }

/* Çağrı bandı */
.cta-band .footer-cta { padding-top: 0; }

/* Sayfalama (Bootstrap sayfalama → tema görünümü) */
.pager-tl { margin-top: 3rem; }
.pager-tl .pagination { --bs-pagination-color: var(--navy); --bs-pagination-hover-color: #fff; --bs-pagination-hover-bg: var(--navy);
  --bs-pagination-active-bg: var(--red); --bs-pagination-active-border-color: var(--red); --bs-pagination-border-radius: 0;
  --bs-pagination-focus-box-shadow: 0 0 0 3px rgba(20, 35, 52, .14); flex-wrap: wrap; gap: .35rem; }
.pager-tl .page-link { border-radius: 0 !important; font-weight: 700; }
.pager-tl nav > div:first-child { display: none; }

/* Çerez bildirimi (Webkit bileşeni) — marka renklerine uyarlanır */
.kurumsal-cerez-banner { background: var(--navy-900) !important; border-top: 3px solid var(--red); font-size: .9rem; }
.kurumsal-cerez-banner .btn { border-radius: 0; font-weight: 700; }
.kurumsal-cerez-banner .btn-light { --bs-btn-bg: var(--red); --bs-btn-border-color: var(--red); --bs-btn-color: #fff; --bs-btn-hover-bg: var(--red-700); --bs-btn-hover-border-color: var(--red-700); --bs-btn-hover-color: #fff; }
/* Onay sonrası yüzen "Çerez Tercihleri" düğmesi yerine footer'daki bağlantı kullanılır. */
.kurumsal-cerez-tetik { display: none; }
#cerezModal .modal-content { border: 0; border-top: 3px solid var(--red); border-radius: 0; }
#cerezModal .btn-primary { --bs-btn-bg: var(--red); --bs-btn-border-color: var(--red); --bs-btn-hover-bg: var(--red-700); --bs-btn-hover-border-color: var(--red-700); border-radius: 0; font-weight: 700; }
#cerezModal .form-check-input:checked { background-color: var(--red); border-color: var(--red); }

/* WhatsApp düğmesi açıkken "başa dön" düğmesi üstüne kayar */
body:has(.wa-float) .to-top { bottom: 5.5rem; }