/* Yan menüyü tamamen gizle */
.sidebar,
#right-sidebar,
#secondary {
    display: none !important;
}

/* İçeriği tam genişlik yap */
.content-area {
    width: 100% !important;
}


/* GeneratePress header için Marmaray tarzı gradient */
.site-header {
  background: linear-gradient(135deg, #005baa 0%, #003d7a 100%) !important;
  color: #fff !important;
  border-bottom: none !important;
}

/* Header içindeki linkler ve menü renkleri */
.site-header a {
  color: #fff !important;
}

.site-header a:hover {
  color: #cce4ff !important;
}

/* Menü toggle ikonları (mobil için) */
.menu-toggle,
.main-navigation .menu-toggle {
  color: #fff !important;
  fill: #fff !important;
}

/* Menü arka planını kaldır, header ile aynı görünsün */
.main-navigation,
.main-navigation .inside-navigation {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Menü linklerini beyaz yap */
.main-navigation .main-nav ul li a {
    color: #ffffff !important;
    font-weight: 600;
}

/* Hover olduğunda hafif açık mavi olsun */
.main-navigation .main-nav ul li a:hover {
    color: #cce6ff !important;
}

/* Mobil menü (hamburger) ikonu da beyaz olsun */
.menu-toggle,
.menu-toggle .gp-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Tüm site genelinde içerik konteynerini full genişlik yap */
body .inside-article,
body .site-inner .inside-page,
body .site-content .page,
body .site-content .post {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* MOBİLDE içerik kenar boşluğu — 21.08.2026: 3px okunaklı değildi; 16px fazla geldi, 13px yapıldı (21.08) */
@media (max-width: 768px) {
  body .inside-article,
  body .site-inner .inside-page,
  body .site-content .page,
  body .site-content .post {
      padding-left: 13px !important;
      padding-right: 13px !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}








/* burdan sonrası test - arka plan var
 * 

body {
  background-image: url("/wp-content/uploads/2025/11/Istanbulun_Kalbinden_Geciyor_.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  position: relative;
}

/* Beyaz yarı saydam katman ekle */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: -1;
}

 */



/* 21.08.2026 — mobilde ana sayfa başlığı ortalı (kullanıcı isteği) */
@media (max-width: 768px) {
  .home h1.entry-title { text-align: center; }
}

/* 21.08.2026 — mobil okunabilirlik (kullanıcı isteği):
   · H1 mobilde devasaydı; boyutun SEO etkisi YOK (Google etiketi okur,
     puntoyu değil) → 26px kullanıcı dostu boyut.
   · Başlık üstündeki boşluk: tema 30px iç + 20px dış veriyordu → sıkılaştırıldı. */
@media (max-width: 768px) {
  h1.entry-title,
  .entry-content h1 {
    font-size: 30px !important;   /* 26px küçük geldi (21.08) */
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }
  /* H2 hiyerarşisi: H1 30px > H2 22px (21.08, kullanıcı isteği) */
  .entry-content h2 {
    font-size: 22px !important;
    line-height: 1.35 !important;
  }
  .separate-containers .inside-article,
  .separate-containers .page-header {
    padding-top: 14px !important;
  }
  .separate-containers .site-main {
    margin-top: 10px !important;
  }
}

/* 21.08.2026 — canlı saatler başlığına ÖZEL 2x boyut (kullanıcı isteği).
   ID ile hedeflenir; diğer H2ler 22px kuralında kalır. */
/* 22.08 (yapılacaklar #3): 2x deneme iptal; boyut AKTİF SİTEDEN ölçüldü:
   GP main.min.css → h2{font-size:35px}. Başlık ortalı (kullanıcı isteği). */
#canli-marmaray-saatleri-icin-istasyon-adina-tiklayiniz {
  font-size: 35px !important;
  line-height: 1.25 !important;
  text-align: center !important;
}


/* 21.08.2026 — istasyon sayfaları ana sayfadan genişti (kullanıcı buldu):
   tema, wp-block-group iç kabına mobilde 30px yan dolgu basıyor; sayfanın
   13px kenarının ÜSTÜNE biniyordu. Yan dolgu sıfır, dikey korunur. */
@media (max-width: 768px) {
  .site-main .wp-block-group__inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}