/*
Theme Name: Ahmed Faruk Dinç — Blok Teması v12
Theme URI: https://ahmedfarukdinc.com
Author: Ahmed Faruk Dinç
Description: Gerçek içerik ve istatistiklerle sıfırdan kurulmuş, kurumsal + teknolojik dokulu, WordPress Site Editor destekli tema. v12: 'text-justify' class'ı eklendi (WP editörü iki yana yaslamayı desteklemiyor, class ile çözüldü).
Version: 12.0
Requires PHP: 7.4
Requires at least: 6.0
Text Domain: afd-block-theme
*/

/* ===== Mobil Overlay Menü (hamburger açılır menü) ===== */
/* Not: Bazı önbellekleme/optimizasyon eklentileri (LiteSpeed Cache vb.)
   CSS/JS birleştirme yaparken WordPress'in çekirdek navigasyon blok
   stillerini bozabiliyor. Bu kurallar, o duruma karşı dayanıklı olacak
   şekilde !important ile sabitlenmiştir. */
.wp-block-navigation__responsive-container.is-menu-open{
  background-color: var(--wp--preset--color--ink) !important;
  opacity: 1 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  background-color: var(--wp--preset--color--ink) !important;
  opacity: 1 !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  width: 100%;
  opacity: 1 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  color: var(--wp--preset--color--cream-text) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  padding: 14px 4px !important;
  display: block !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{
  color: var(--wp--preset--color--brass-light) !important;
}
/* İç içe (Diğer Yazılar alt menüsü) mobilde */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  position: static !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  padding-left: 16px !important;
  box-shadow: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-size: 16px !important;
  color: #B7C2CE !important;
}
/* Hamburger aç/kapa ikonları */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{
  color: var(--wp--preset--color--cream-text) !important;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg{
  fill: currentColor !important;
  stroke: currentColor !important;
}


body{
  background-image:
    linear-gradient(var(--wp--preset--color--paper) 0%, var(--wp--preset--color--paper) 100%),
    repeating-linear-gradient(0deg, rgba(46,125,192,0.035) 0px, rgba(46,125,192,0.035) 1px, transparent 1px, transparent 26px);
}

/* ===== Güvenli düzen yardımcıları (WP'nin otomatik ürettiği
   tahmin edilemez layout class'larına bağımlı olmadan flex/hizalama) ===== */
.flex-between{ display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:16px; }
.flex-row{ display:flex !important; align-items:center !important; gap:12px; }
.center-buttons{ display:flex !important; justify-content:center !important; flex-wrap:wrap; gap:14px; }
.header-title-stack{ display:flex !important; flex-direction:column !important; gap:0 !important; }

/* ===== Header (sıfır inline style, tamamen class tabanlı) ===== */
.site-header{
  background-color: var(--wp--preset--color--ink) !important;
  padding: 14px 32px !important;
}
.site-title-custom a,
.site-title-custom{
  font-size:18px !important;
  font-weight:600 !important;
  color: var(--wp--preset--color--cream-text) !important;
}
.site-tagline-custom{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:10px !important;
  letter-spacing:0.12em !important;
  text-transform:uppercase !important;
  color: var(--wp--preset--color--brass-light) !important;
}
.header-nav{
  color: var(--wp--preset--color--cream-text) !important;
  font-size:13px !important;
}
.header-nav .wp-block-navigation-item__content{
  color: var(--wp--preset--color--cream-text) !important;
}

/* ===== Footer (sıfır inline style, tamamen class tabanlı) ===== */
.site-footer{
  background-color: var(--wp--preset--color--ink-2) !important;
  color: var(--wp--preset--color--cream-text) !important;
  padding: 50px 32px 30px !important;
}
.footer-top-row{
  border-bottom: 1px solid rgba(79,163,224,0.2) !important;
  padding-bottom: 30px !important;
}
.footer-bottom-row{ margin-top:20px !important; }
.footer-title-custom, .footer-title-custom a{
  font-size:16px !important;
  font-weight:600 !important;
  color: var(--wp--preset--color--cream-text) !important;
}
.footer-nav .wp-block-navigation-item__content{
  color: var(--wp--preset--color--cream-text) !important;
  font-size:13.5px !important;
}
.footer-fine-print{
  font-size:12.5px !important;
  color: var(--wp--preset--color--cream-text) !important;
}

/* ===== Mühür rozeti ===== */
.seal-badge{
  width:44px;height:44px;border-radius:50%;
  border:1.5px solid var(--wp--preset--color--brass-light);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative;
}
.seal-badge::after{
  content:'';position:absolute;inset:4px;border-radius:50%;
  border:1px solid rgba(79,163,224,0.35);
}

/* ===== Etiket (eyebrow) ===== */
.eyebrow-label{
  font-family: var(--wp--preset--font-family--mono);
  font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  display:inline-flex;align-items:center;
}
.eyebrow-label::before{
  content:'';width:6px;height:6px;
  background:var(--wp--preset--color--brass-light);
  display:inline-block;margin-right:8px;
}

/* ===== Navigasyon dropdown ===== */
.wp-block-navigation__submenu-container{
  background: var(--wp--preset--color--ink-2) !important;
  border: 1px solid rgba(79,163,224,0.25) !important;
  border-radius: 0 !important;
}
.wp-block-navigation-item__content{
  color: var(--wp--preset--color--cream-text) !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  color: #B7C2CE !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{
  color: var(--wp--preset--color--brass-light) !important;
}
.wp-block-navigation__submenu-icon svg{ fill: currentColor !important; }

/* ===== Yazı kartları (ledger / dosya hissi) ===== */
.post-card{
  border:1px solid rgba(46,125,192,0.28);
  padding:28px !important;
  border-radius:0 !important;
  position:relative;
}
.post-card:hover{ background: var(--wp--preset--color--paper-2) !important; }
.post-card::before{
  content:'';position:absolute;top:0;left:0;width:22px;height:2px;
  background:var(--wp--preset--color--brass-light);
}

/* ===== Ledger istatistik şeridi ===== */
.ledger-strip{
  background:var(--wp--preset--color--ink);
  border-top:1px solid rgba(79,163,224,0.2);
  border-bottom:1px solid rgba(79,163,224,0.2);
}
.ledger-num{
  font-family:var(--wp--preset--font-family--mono);
  font-size:26px;color:var(--wp--preset--color--brass-light);
  line-height:1;
}
.ledger-label{ font-size:12px;color:#8FA0B2;margin-top:6px; }
.ledger-cell{
  border-left:1px solid rgba(79,163,224,0.18);
  padding:26px 28px;
}
.ledger-cell:first-child{ border-left:none; }

/* ===== Yorumlar ===== */
.comment-body{ padding:18px 0;border-bottom:1px solid rgba(46,125,192,0.2); }
.comment-author .fn{ font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--wp--preset--color--ink);font-style:normal; }
.comment-metadata{ font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--wp--preset--color--char-soft); }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea{
  width:100%;padding:11px 14px;border:1px solid rgba(46,125,192,0.28);border-radius:0;
  font-family:'Inter',sans-serif;font-size:14px;margin-bottom:14px;
}
.comment-form .form-submit input{
  font-family:'IBM Plex Mono',monospace;font-size:13px;padding:12px 26px;
  background:var(--wp--preset--color--brass-light);color:var(--wp--preset--color--ink);
  border:none;border-radius:0;cursor:pointer;
}

/* ===== WPForms uyumu ===== */
.wpforms-container input[type=text], .wpforms-container input[type=email], .wpforms-container textarea{
  background:rgba(255,255,255,0.06) !important;
  border:1px solid rgba(79,163,224,0.3) !important;
  border-radius:0 !important;color:var(--wp--preset--color--cream-text) !important;
  font-family:'Inter',sans-serif !important;padding:11px 14px !important;
}
.wpforms-container button[type=submit]{
  background:var(--wp--preset--color--brass-light) !important;color:var(--wp--preset--color--ink) !important;
  font-family:'IBM Plex Mono',monospace !important;font-size:13px !important;
  border:none !important;border-radius:0 !important;padding:12px 24px !important;
}

/* =====================================================
   MOBİL UYUMLULUK — Kapsamlı tam site geçişi
   ===================================================== */

/* ---- Genel: konteyner iç boşlukları ---- */
@media (max-width: 782px) {
  .wp-block-group{ }
  .site-header, .site-footer{ padding-left:20px !important; padding-right:20px !important; }
}
@media (max-width: 480px) {
  .site-header, .site-footer{ padding-left:16px !important; padding-right:16px !important; }
}

/* ---- Header: logo + başlık + nav sıkışmasın ---- */
@media (max-width: 600px) {
  .flex-between.site-header .flex-row,
  .site-header .flex-between{ flex-wrap:wrap !important; row-gap:10px !important; }
  .site-title-custom, .site-title-custom a{ font-size:16px !important; }
  .seal-badge{ width:36px !important; height:36px !important; }
}

/* ---- Yazı kartı grid'i (Son Yazılar / arşiv listeleri) ----
   Query bloğu sabit columnCount ile kurulu olduğu için,
   dar ekranlarda zorla tek/iki sütuna indiriyoruz. */
@media (max-width: 980px) {
  .wp-block-post-template{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .wp-block-post-template{
    grid-template-columns: 1fr !important;
  }
  .post-card{ padding:22px !important; }
}

/* ---- Hero başlığı: büyük fontlar küçük ekranda taşmasın ---- */
@media (max-width: 782px) {
  .wp-block-group h1{ font-size:38px !important; line-height:1.15 !important; }
}
@media (max-width: 480px) {
  .wp-block-group h1{ font-size:30px !important; }
  .eyebrow-label{ font-size:11px !important; }
}

/* ---- Ledger istatistik şeridi: 4 sütun mobilde 2'ye insin ---- */
@media (max-width: 640px) {
  .ledger-strip .wp-block-columns{
    flex-wrap:wrap !important;
  }
  .ledger-strip .wp-block-column.ledger-cell{
    flex-basis:50% !important;
    min-width:50% !important;
    border-left:none !important;
    border-top:1px solid rgba(79,163,224,0.18);
  }
  .ledger-num{ font-size:22px !important; }
}

/* ---- Kategoriler bölümü: 4 sütun mobilde tek sütun ---- */
@media (max-width: 782px) {
  #kategoriler .wp-block-columns,
  .wp-block-group .wp-block-columns{
    flex-wrap:wrap !important;
  }
}
@media (max-width: 640px) {
  .wp-block-columns > .wp-block-column{
    flex-basis:100% !important;
    border-right:none !important;
    border-bottom:1px solid rgba(46,125,192,0.2);
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:20px !important;
    margin-bottom:16px;
  }
}

/* ---- Hakkımda Özet: görsel + metin sütunları alt alta insin ---- */
@media (max-width: 782px) {
  .wp-block-columns.are-vertically-aligned-center > .wp-block-column{
    flex-basis:100% !important;
    width:100% !important;
  }
}

/* ---- Butonlar: mobilde tam genişlik, dokunması kolay ---- */
@media (max-width: 480px) {
  .wp-block-buttons .wp-block-button{ width:100%; }
  .wp-block-buttons .wp-block-button__link{
    width:100%;
    text-align:center;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
}

/* ---- Yazı detay sayfası: kapak görseli ve başlık ---- */
@media (max-width: 640px) {
  .wp-block-post-featured-image img{ max-height:220px; object-fit:cover; }
}

/* ---- Yazar kutusu (single.html): mobilde alt alta ---- */
@media (max-width: 560px) {
  .flex-row.has-paper-2-background-color{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
  }
}

/* ---- Genel: tüm başlıkların taşmasını engelle ---- */
h1, h2, h3, h4{ word-wrap:break-word; overflow-wrap:break-word; }

/* ---- Dokunma hedefleri: nav linkleri mobilde daha ferah ---- */
@media (max-width: 782px) {
  .wp-block-navigation-item__content{ padding-top:10px; padding-bottom:10px; }
}

/* ---- Genel bölüm dikey/yatay boşlukları: mobilde daralt ----
   (Hero, Son Yazılar, Kategoriler, Hakkımda Özet, İletişim CTA,
   sayfa/yazı şablonlarındaki üst düzey bölümler için) */
@media (max-width: 782px) {
  body > .wp-block-group:not(.site-header):not(.site-footer){
    padding-top:56px !important;
    padding-bottom:56px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
}
@media (max-width: 480px) {
  body > .wp-block-group:not(.site-header):not(.site-footer){
    padding-top:44px !important;
    padding-bottom:44px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}

/* ---- Header/Footer için ekstra sağlamlaştırma
   (bazı önbellekleme/optimizasyon eklentileri class tabanlı
   stilleri bozabiliyor, etiket seçiciyle de sabitleyelim) ---- */
header.wp-block-group.site-header,
body header.site-header{
  background-color: #0B1826 !important;
}
footer.wp-block-group.site-footer,
body footer.site-footer{
  background-color: #142438 !important;
}

/* ---- Son menü öğesinin (Diğer Yazılar) alt menüsü ekran
   dışına taşmasın diye sağa hizalıyoruz ---- */
.header-nav .wp-block-navigation-item:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation-item:last-child .wp-block-navigation__submenu-container{
  left: auto !important;
  right: 0 !important;
}

/* =====================================================
   BUTON ZENGİNLEŞTİRME — daha büyük, daha ferah, hover'da
   canlanan (kalkma + parlama) butonlar
   ===================================================== */
.wp-block-buttons{
  gap: 18px !important;
}
.wp-block-button__link{
  padding: 17px 36px !important;
  font-size: 14px !important;
  letter-spacing: 0.03em !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease, border-color 0.28s ease !important;
}
.wp-block-button__link:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(79,163,224,0.32);
}
.wp-block-button.is-style-outline .wp-block-button__link{
  border-width: 1.5px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background-color: rgba(79,163,224,0.10) !important;
  border-color: var(--wp--preset--color--brass-light) !important;
}

/* Hero altındaki küçük istatistik rozetleri (opsiyonel,
   Düzenleyici'den 'hero-chip' class'ı verilen paragraflara
   otomatik uygulanır) */
.hero-chip{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  font-family:'IBM Plex Mono',monospace !important;
  font-size:12px !important;
  color: var(--wp--preset--color--brass-light) !important;
  border:1px solid rgba(79,163,224,0.35);
  padding:8px 16px !important;
  border-radius: 999px !important;
}
.hero-chip::before{
  content:'';
  width:6px; height:6px; border-radius:50%;
  background: var(--wp--preset--color--brass-light);
  display:inline-block;
}

/* ---- İki yana yaslı metin (WordPress'in blok editörü bunu
   varsayılan olarak sunmuyor, class ile elle uyguluyoruz) ---- */
.text-justify{
  text-align: justify !important;
  text-justify: inter-word;
}