/*
 Theme Name: FinLex
 Theme URI: https://example.com/finlex
 Author: ChatGPT
 Author URI: https://chat.openai.com
 Description: Hızlı, sade ve SEO dostu finans & yasal rehber teması. Mobil öncelikli, reklam yerleşimine hazır.
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: finlex
*/

/* ===========================
   Temel değişkenler
=========================== */
:root{
  --container: 1100px;       /* anasayfa/arsiv genişliği */
  --single-width: 1200px;    /* tekil yazı genişliği */
  --ad-w: 160px;             /* yana yapışık reklam genişliği */
  --ad-gap: 24px;            /* reklam-icerik güvenli boşluk */
  --gap: 16px;
  --header-h: 64px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

/* Ana içerik sarmalayıcı */
.site-container{
  max-width: var(--container);
  width:100%;
  margin-inline:auto;
  padding:24px var(--gap);
  flex:0 0 auto;
}

/* Footer her zaman dibe */
.site-footer{
  margin-top:auto;
  border-top:1px solid #eee;
  background:#fff;
  padding:16px 0;
}

/* ===========================
   Yana yapışık reklamlar
=========================== */
.ad-floating{
  position:fixed;
  top:120px;
  width:var(--ad-w);
  height:600px;
  background:#f7f7f7;
  border:1px dashed #ccc;
  color:#666;
  font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px;
  z-index:10;
}
.ad-left{  left:  calc(50% - (var(--container) / 2) - var(--ad-w) - var(--ad-gap)); }
.ad-right{ right: calc(50% - (var(--container) / 2) - var(--ad-w) - var(--ad-gap)); }
@media (max-width:1500px){ .ad-floating{ display:none; } }

/* ===========================
   Kart ızgara (Ana sayfa & Arşiv)
=========================== */
.post-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}
@media (max-width:1024px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){  .post-grid{ grid-template-columns:1fr; } }

.card{
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  height:100%;
}
.card .thumb img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.card-body{ padding:16px; }
.card-title{ font-size:20px; margin:0 0 8px; line-height:1.25; }
.card-title a{ color:inherit; text-decoration:none; }
.card-title a:hover{ text-decoration:underline; }
.card-meta{ opacity:.7; font-size:.9em; margin-bottom:6px; }
.card-excerpt{ margin:.5rem 0 1rem; }
.card .btn{
  display:inline-block; padding:8px 12px; border:1px solid #ddd;
  border-radius:10px; text-decoration:none; color:#111;
}
.card .btn:hover{ background:#f6f7f9; }

/* Arşivlerde konteyneri biraz genişlet */
.archive .site-container{ max-width: 1200px; }

/* ===========================
   Tekil yazı (single)
=========================== */
.single #secondary,
.single .sidebar,
.single .widget-area{ display:none !important; }

.single #primary,
.single .content-area,
.single .site-main,
.single .primary,
.single #content,
.single .main-content{
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}

.single #content.site-container{
  max-width: var(--single-width);
  margin-inline: auto;
  padding:24px var(--gap);
}

.single .ad-left{
  left:  calc(50% - (var(--single-width) / 2) - var(--ad-w) - var(--ad-gap));
}
.single .ad-right{
  right: calc(50% - (var(--single-width) / 2) - var(--ad-w) - var(--ad-gap));
}

.single #content.site-container .single-wrap,
.single #content.site-container .entry-content{ width:100%; max-width:100%; }

.single .entry-title{ margin:0 0 8px; line-height:1.25; }
.single .entry-meta{ opacity:.7; margin:0 0 16px; }

/* Kahraman ve içerik görselleri */
.single .single-thumb img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}
.single .entry-content img{ max-width:100%; height:auto; }

/* ===========================
   CLS koruması ve ileri optimizasyonlar
=========================== */
.in-article-ad{ min-height:300px; display:block; margin:16px 0; } /* 300x250/336x280'e göre ayarla */
.ad-top{ min-height:90px; display:block; }

.card .thumb img,
.single .entry-content img{
  content-visibility:auto;
  contain-intrinsic-size:720px 405px; /* ~16:9 */
}

/* Ufak iyileştirmeler */
img{ max-width:100%; height:auto; display:block; }
figure{ margin:0; }

/* Mobil menü overlay / z-index (genel) */
.nav-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.35);
  z-index:1200; opacity:0; transition:opacity .2s ease;
  display:none;
}
.is-menu-open #navOverlay{ display:block; opacity:1; }

@media (max-width: 992px){
  #primary-nav{ z-index:1201; }
  .menu-toggle{ z-index:1202; }
}