/* ==========================================================================
   Web Girişim — mobil uyum katmanı
   SimplePress teması 960px sabit genişlik için yazılmış, hiç media query'si
   yok. Tema CSS'ine dokunmadan, üzerine binen bir katmanla akışkan hale
   getirilir. Masaüstü görünümü 1000px üstünde birebir korunur.
   ========================================================================== */

/* --- her ölçüde geçerli temel düzeltmeler ------------------------------- */
html { -webkit-text-size-adjust: 100%; }

*, *::before, *::after { box-sizing: border-box; }

img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}

/* tablolar ve kod blokları taşmasın */
table { max-width: 100%; }
pre, code { white-space: pre-wrap; word-wrap: break-word; }

/* uzun URL'ler satırı taşırmasın */
#posts a, .entry a, .comment-content a { word-break: break-word; }

/* hamburger düğmesi yalnızca mobil düzende görünür (JS her ölçüde ekler) */
.wg-menu-toggle { display: none; }

/* ==========================================================================
   1000px altı: tek sütun akışkan düzen
   ========================================================================== */
@media (max-width: 1000px) {

  body { min-width: 0; }

  /* --- sayfa iskeleti: sabit 960px'i akışkana çevir ---
     Tema 20 ayrı seçicide 400-960px arası sabit genişlik tanımlıyor;
     hepsi burada akışkana çevrilir. */
  .wrapper,
  #navwrap,
  .nav_top,
  .nav_bottom,
  .nav-shadow,
  #content,
  #content .content_wrap,
  #featured,
  #featured #slides,
  #featured .slider_shadow,
  #switcher,
  #quote,
  #strip div,
  #blurbs,
  .blurbs_shadow,
  #posts,
  #posts_full,
  #posts_full .post_full,
  #posts .post .no_thumb,
  .post .text,
  .gallery_full,
  .ebook,
  #footer,
  .container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    box-sizing: border-box;
  }

  .wrapper { padding: 0 16px; }

  /* köşe/gölge süsleri mobilde bozuluyor, kapat */
  .nav-shadow,
  .nav_top,
  .nav_bottom,
  .slider_shadow,
  #content .content_wrap { background-image: none !important; }

  #content { background: #fff !important; text-shadow: none !important; }

  /* --- logo ve üst bilgi --- */
  #logo {
    display: block;
    max-width: 240px;
    height: auto;
    margin: 14px auto 10px !important;
    float: none !important;
  }

  /* --- menü: hamburger --- */
  #navwrap {
    padding: 0;
    margin-bottom: 14px;
    position: relative;
    background: none !important;   /* tema 960px'lik şerit görseli basıyor */
    height: auto !important;
  }
  #navwrap .nav_top,
  #navwrap .nav_bottom,
  #navwrap .nav-shadow { display: none !important; }

  .wg-menu-toggle {
    display: block;
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #d8d5ea;
    border-radius: 4px;
    background: #f7f6fc;
    color: #463f6b;
    font: inherit;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
  }
  .wg-menu-toggle::before {
    content: "☰";
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
  }
  .wg-menu-toggle[aria-expanded="true"]::before { content: "✕"; }
  .wg-menu-toggle:focus-visible { outline: 2px solid #7571d9; outline-offset: 2px; }

  ul.nav.superfish,
  #navwrap ul.nav {
    display: none;
    float: none !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 1px solid #e6e4f2;
    border-radius: 4px;
    background: #fff;
  }
  #navwrap ul.nav.wg-open { display: block; }

  #navwrap ul.nav li,
  #navwrap ul.nav li.menu-item {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0eff7;
    position: static !important;
  }
  #navwrap ul.nav li:last-child { border-bottom: 0; }

  /* superfish, etkinleştiğinde bağlantıları satır içi bırakıyor;
     her biri tam genişlikte bir dokunma hedefi olmalı */
  #navwrap ul.nav li a,
  #navwrap ul.nav li a:link,
  #navwrap ul.nav li a:visited {
    display: block !important;
    float: none !important;
    width: auto !important;
    padding: 13px 16px !important;
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
    text-align: left;
  }

  /* alt menüler her zaman açık, girintili.
     superfish alt menüyü visibility:hidden + top:-999em ile saklar; masaüstü
     hover mantığı mobilde çalışmadığı için ikisi de geri alınır. */
  #navwrap ul.nav ul.sub-menu,
  #navwrap ul.nav li:hover ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    box-shadow: none !important;
    background: #fbfaff !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #navwrap ul.nav ul.sub-menu li,
  #navwrap ul.nav ul.sub-menu a { visibility: visible !important; }
  #navwrap ul.nav ul.sub-menu li a {
    padding-left: 34px;
    font-size: 14px;
    color: #6a6486;
  }
  #navwrap ul.nav ul.sub-menu li a::before { content: "– "; opacity: .5; }

  /* --- ana içerik + kenar çubuğu alt alta --- */
  #posts,
  #sidebar,
  .content_wrap > div {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #sidebar {
    margin-top: 30px !important;
    padding-top: 22px !important;
    border-top: 2px solid #eee;
  }

  /* --- slider: mobilde yığılmasın ---
     Tema slaytı 375px sabit yüksekliğe kilitler, başlık kutusunu ve
     "devamını oku" düğmesini absolute konumlandırır. Hepsi normal akışa
     alınır, yoksa metin görselin üstüne biner. */
  #featured { height: auto !important; margin: 0 0 20px !important; }
  #slides, #slides .slide {
    position: static !important;
    height: auto !important;
    background: none !important;
    padding: 0 !important;
  }
  #slides .slide { display: none; }
  #slides .slide.active { display: block; }
  #slides .slider_image {
    position: static !important;
    width: 100% !important;
    height: 180px !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 4px;
  }
  #slides .slider_image img { display: none; }
  #slides .banner,
  #slides .slide .banner {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    margin-top: 12px;
    padding: 0 !important;
    background: none !important;
    font-size: 15px;
    line-height: 1.6;
    font-style: normal;
  }
  #slides .banner h2 {
    height: auto !important;
    font-size: 22px;
    line-height: 1.25;
    padding: 0 0 6px !important;
    margin: 0;
    color: #444;
  }
  /* "Devamını oku" düğmesi: absolute + görsel arka plandan arındırılır */
  #slides .banner span,
  #slides .banner span a {
    position: static !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 10px 0 0 !important;
    background: #7571d9 !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 9px 16px !important;
    text-shadow: none !important;
    font-size: 13px;
  }
  #slides .banner span { background: none !important; padding: 0 !important; }

  /* küçük ekranda küçük resim şeridi gereksiz yer kaplıyor */
  #switcher { display: none !important; }

  /* --- ana sayfa alıntı ve şerit blokları --- */
  #quote {
    margin-top: 24px !important;
    padding: 14px 0 0 !important;
    background: none !important;
    font-size: 20px !important;
    line-height: 1.35;
  }
  #quote div { padding: 0 !important; background: none !important; }
  #quote div span { font-size: 17px !important; padding-top: 6px !important; }

  #strip-top { display: none !important; }
  #strip { height: auto !important; background-image: none !important; }
  #strip div {
    position: static !important;
    padding: 14px 0 !important;
    font-size: 15px !important;
  }
  #strip div .arrow { display: none !important; }

  #blurbs {
    background-image: none !important;
    padding: 20px 0 !important;
    border: 0 !important;
  }
  .blurbs_shadow { display: none !important; }

  /* --- yazı gövdesi --- */
  #posts { font-size: 16px; line-height: 1.65; }
  .post h1, .wg-archive-title { font-size: 24px; line-height: 1.25; }
  .post h2 { font-size: 21px; line-height: 1.3; }
  .post h3 { font-size: 18px; }
  .post .text { padding: 0 !important; }
  .post .text.no_thumb { margin-left: 0 !important; }

  /* --- yorumlar --- */
  #comment-wrap .avatar { float: none !important; margin-bottom: 8px; }
  #comment-wrap .comment-wrap { margin-left: 0 !important; }
  .comment-body, .wg-comment { padding-left: 0 !important; }

  /* --- formlar: iOS'ta zoom yapmasın (16px altı input zoom tetikler) --- */
  input[type="text"], input[type="search"], input[type="email"],
  input[type="url"], textarea, select {
    max-width: 100%;
    font-size: 16px;
  }
  .wg-search-form { flex-wrap: wrap; }
  .wg-search-form input[type=search] { flex: 1 1 100%; }
  .wg-search-form button { flex: 1 1 100%; }

  /* --- arama kutusu widget'ı --- */
  #search-bar, #searchform1 { width: 100% !important; }
  #search-bar input { width: 100% !important; box-sizing: border-box; }

  /* --- alt bilgi --- */
  #footer {
    text-align: center;
    padding: 18px 16px !important;
    font-size: 13px;
    line-height: 1.8;
    height: auto !important;
    background-image: none !important;
  }

  /* --- eski tema kalıntısı sabit genişlikler --- */
  .one_half, .one_third, .two_third, .one_fourth, .three_fourth,
  .row, .row.group, .item, .left_content, .right_content {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* dokunma hedefleri en az 44px */
  #sidebar .widget ul li a,
  .postinfo a,
  #footer a { display: inline-block; padding: 4px 0; }
}

/* ==========================================================================
   600px altı: telefon
   ========================================================================== */
@media (max-width: 600px) {
  .wrapper { padding: 0 12px; }
  #logo { max-width: 200px; }
  #posts { font-size: 15.5px; }
  .post h1, .wg-archive-title { font-size: 21px; }
  .post h2 { font-size: 19px; }
  #slides .slider_image { height: 150px !important; }
  #slides .banner h2 { font-size: 19px; }

  /* geniş içerik (tablo, kod, iframe) kendi içinde kaysın,
     sayfa gövdesi yatay kaymasın */
  .entry table, #posts table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .wg-hits h3 { font-size: 16px; }
  .wg-missing { max-width: 100%; }
}

/* sayfa hiçbir ölçüde yatay kaymasın */
@media (max-width: 1000px) {
  html, body { overflow-x: hidden; max-width: 100%; }
}

/* ==========================================================================
   Float kapsama düzeltmesi
   Tema #posts / .post elemanlarını float ile diziyor. Mobilde float'ları
   kaldırdığımız için kapsayıcılar yüksekliklerini kaybediyor ve arka plan
   içeriğin altında kalıyordu. flow-root, clearfix'in modern karşılığı.
   ========================================================================== */
@media (max-width: 1000px) {
  #content,
  #content .content_wrap,
  #posts,
  #posts_full,
  #sidebar,
  .post,
  .post .text,
  .wg-hero {
    display: flow-root;
  }
  /* çok satırlı başlıklar kırpılmasın */
  #posts h1, #posts h2, #posts h3,
  .wg-hero h1 { overflow-wrap: break-word; }
}