/* =====================================================================
   KOMPAKT DÜZEN (müşteri talebi, 2026-10-22)
   - Alt sayfa hero'ları Mala & Takı yüksekliğinde (460px)
   - Alt sayfalardaki yatay/dikey boşluklar ana sayfadaki gibi
   - Mobilde hero görselinin üstündeki beyaz/açık perde kaldırıldı
   GERİ ALMAK: admin > Ayarlar > "kompakt_duzen" kaydının metnini 0 yapın
   (ya da base.html'deki compact.css satırını silin).
   ===================================================================== */

/* 1) Hero: tüm alt sayfalarda görselin kendi oranı 1920x700 (1920px ekranda 700px yükseklik).
      Mobilde en az 460px (yazılar sığsın). */
.tn-hero.page-hero { min-height: 460px !important; }
@media (min-width: 992px) {
  .tn-hero.page-hero { height: auto; aspect-ratio: 1920 / 700; min-height: 400px !important; }
  .tn-hero.page-hero > .container-fluid { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
  .tn-hero.page-hero h1.display-title { font-size: clamp(2.4rem, 3.6vw, 3.5rem) !important; }
  .tn-hero.page-hero .title-rule { margin-top: 14px; margin-bottom: 14px; }
  .tn-hero.page-hero nav.mb-4 { margin-bottom: .9rem !important; }
}

/* 2a) Yatay boşluklar: içerik ana sayfadaki gibi kenarlara 3rem (header/hero hizası) */
@media (min-width: 992px) {
  body:not(.page-home) main > .container-fluid,
  body:not(.page-home) main > section:not(.tn-hero) > .container-fluid,
  body:not(.page-home) main > section > .container-fluid > .row.g-0 { max-width: 1680px; }
  body:not(.page-home) main .container,
  body:not(.page-home) main .container.article { max-width: 1680px !important; padding-left: 3rem !important; padding-right: 3rem !important; }
  body:not(.page-home) main .container.article { max-width: 1000px !important; }
  /* Hikayemiz: metin sütunu görsele kadar uzansın */
  body:not(.page-home) main section .col-lg-7 > div[style*="max-width: 760px"] { max-width: none !important; }
}

/* 2b) Dikey boşluklar: bölüm iç boşlukları ana sayfa ritmine yakın */
body:not(.page-home) main .py-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
body:not(.page-home) main .pt-5 { padding-top: 2.25rem !important; }
body:not(.page-home) main .pb-5 { padding-bottom: 2.25rem !important; }
body:not(.page-home) main .py-lg-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
body:not(.page-home) main .mb-5 { margin-bottom: 1.75rem !important; }
body:not(.page-home) main .mt-5 { margin-top: 1.75rem !important; }
body:not(.page-home) main .my-5 { margin-top: 1.75rem !important; margin-bottom: 1.75rem !important; }
body:not(.page-home) .story-section { padding: 32px 0 6px !important; }
body:not(.page-home) .story-section.pb-5 { padding-bottom: 2.25rem !important; }

/* 3) Hero perdesi: alt sayfa hero'larındaki açık renk (beyaz) perde masaüstü + mobilde kaldırıldı (2026-10-22).
      Koyu hero'ların (tn-hero--dark) siyah perdesine dokunulmadı. */
.tn-hero.page-hero:not(.tn-hero--dark)::before { background: none !important; }

/* 4) Hero yazıları beyaz (masaüstü + mobil), perde yerine harflere hafif koyu gölge (2026-10-22) */
.tn-hero.page-hero .container-fluid,
.tn-hero.page-hero .container-fluid * { color: #fff !important; text-shadow: 0 1px 12px rgba(0,0,0,.45), 0 0 2px rgba(0,0,0,.3); }
.tn-hero.page-hero .title-rule { border-color: #fff !important; background-color: #fff !important; opacity: .9; }

/* 5) Ana sayfa dışındaki tüm sayfalarda içerik metinleri sola dayalı (müşteri talebi, 2026-10-22) */
body:not(.page-home) main .text-center,
body:not(.page-home) main .text-md-center,
body:not(.page-home) main .text-lg-center,
body:not(.page-home) main [style*="text-align: center"],
body:not(.page-home) main [style*="text-align:center"],
body:not(.page-home) main .story-quote,
body:not(.page-home) main .value-col,
body:not(.page-home) main .channel,
body:not(.page-home) main .channel * { text-align: left !important; }
body:not(.page-home) main .value-col:first-child, body:not(.page-home) main .channel:first-child { padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5) !important; }
body:not(.page-home) main .channel .news-form, body:not(.page-home) main .channel form { margin-left: 0 !important; }
body:not(.page-home) main :is(hr, p, h1, h2, h3, h4, h5, span, a, .title-rule).mx-auto { margin-left: 0 !important; }
body:not(.page-home) main .text-center.d-flex,
body:not(.page-home) main .text-center .d-flex,
body:not(.page-home) main .d-flex.justify-content-center:not(.pagination):not(nav) { justify-content: flex-start !important; }
body:not(.page-home) main .text-center.align-items-center.d-flex { align-items: flex-start !important; }

/* 5b) İstisna: müşterinin ortalı istediği bölümler (.keep-center) */
body:not(.page-home) main .keep-center,
body:not(.page-home) main .keep-center * { text-align: center !important; }
body:not(.page-home) main .keep-center .title-rule,
body:not(.page-home) main .keep-center hr { margin-left: auto !important; margin-right: auto !important; }
body:not(.page-home) main .keep-center .d-flex { justify-content: center !important; }
body:not(.page-home) main .keep-center .value-col:first-child { padding-left: 26px !important; }
body:not(.page-home) main .keep-center svg { display: inline-block; }
body:not(.page-home) main .keep-center .d-flex { align-items: center !important; }
body:not(.page-home) main section.keep-center .d-flex.d-flex.d-flex { justify-content: center !important; align-items: center !important; }

/* 6) Dar formlar (giriş / üye ol / şifre sıfırlama) genişletme kuralından muaf: ortada, 460px */
body:not(.page-home) main .container.auth-wrap,
body:not(.page-home) main .container[style*="max-width: 460px"] { max-width: 460px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
body:not(.page-home) main .auth-wrap .text-center, body:not(.page-home) main .auth-wrap [style*="text-align: center"] { text-align: center !important; }
body:not(.page-home) main .auth-wrap .d-flex.justify-content-center { justify-content: center !important; }

/* 7) Açık renkli hero görsellerinde (Journal) yazılar site font renginde */
.tn-hero.page-hero.hero-dark-text .container-fluid,
.tn-hero.page-hero.hero-dark-text .container-fluid * { color: #464644 !important; text-shadow: none !important; }
.tn-hero.page-hero.hero-dark-text .title-rule { border-color: #464644 !important; background-color: #464644 !important; }