/*
Theme Name: İş Güvenliği
Theme URI: https://isguvenlik.com.tr
Author: Data Plus
Description: İş Güvenliği rehber ve blog sitesi için özel FSE blok teması. Koyu-canlı ana sayfa, okunabilir açık makale yüzeyi. İSG içeriği için optimize edilmiş.
Version: 1.2.8
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isguvenlik

== Changelog ==
1.2.7 - İlgili Yazılar bloğu artık aynı kategoriden ilgili yazıları
        gösteriyor (önceden en yeni 3 yazıyı gösteriyordu). functions.php'ye
        query_loop_block_query_vars filtresi eklendi; bulunulan yazının
        kategorisinden, kendini hariç tutarak rastgele 3 yazı çeker.
1.2.6 - Makale içerik bileşenleri stillendirildi: ozet-box, callout,
        renkli-tablo, sss-item, sonuc-box, diyagram (beyaz zemin, marka renkleri).
1.2.0 - Hero üst boşluğu daraltıldı: header ile başlık rozeti arası
        masaüstü 6rem->3rem; mobilde 1.25rem'e indirildi.
1.1.9 - Header logosu büyütüldü (masaüstü 56px, mobil 44px); header
        dikey padding'i 0.9rem'e ayarlandı.
1.1.8 - Gerçek logo entegrasyonu: header'a inline SVG logo (koyu sürüm),
        footer'a kalkan ikonu, otomatik favicon (svg/ico/png + apple-touch),
        yöneticiye özel SVG yükleme desteği. assets/logo/ eklendi.
1.1.7 - (önceki sürüm)
*/

/* ===== Yapışkan menü (sticky header) ===== */
/* Sticky'nin tutması için üst sarmalayıcılarda overflow engeli olmamalı */
html, body, .wp-site-blocks {
  overflow-x: clip;          /* sticky'yi bozmayan yatay taşma kontrolü */
  overflow-y: visible;
}

/* Header'ı hem class hem de element olarak hedefle (garanti) */
.is-yapiskan-header,
header.wp-block-template-part {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(14, 17, 22, 0.85);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
}

/* Tarayıcı blur desteklemezse tam opak zemine düş */
@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
  .is-yapiskan-header,
  header.wp-block-template-part { background: var(--wp--preset--color--base); }
}

/* ===== Genel ince ayarlar ===== */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Kategori kartları hover */
.is-kategori-karti { transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.is-kategori-karti:hover { transform: translateY(-3px); border-color: var(--wp--preset--color--accent) !important; }

/* Makale (tek yazı) açık yüzey */
.is-makale-govde {
  background: var(--wp--preset--color--paper);
  color: var(--wp--preset--color--ink);
}
.is-makale-govde h1, .is-makale-govde h2, .is-makale-govde h3 { color: var(--wp--preset--color--ink); }
.is-makale-govde a { color: var(--wp--preset--color--accent-dark); }
.is-makale-govde p { line-height: 1.8; }

/* Okuma genişliği konforu */
.is-makale-govde .wp-block-post-content { max-width: 1080px; margin-inline: auto; }

/* Rozet / etiket */
.is-rozet {
  display: inline-flex; align-items: center; gap: .5rem;
  background: rgba(0,230,118,.1);
  border: 1px solid rgba(0,230,118,.3);
  color: var(--wp--preset--color--accent);
  font-size: .8125rem; font-weight: 500;
  padding: .4rem .85rem; border-radius: 30px;
}

/* Erişilebilirlik: klavye odağı */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent);
  outline-offset: 2px;
}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ===== SSS / FAQ akordeon ===== */
.is-faq { display: flex; flex-direction: column; gap: 0.8rem; }
.is-faq-item {
  border: 1px solid var(--wp--preset--color--border);
  border-radius: 12px;
  background: var(--wp--preset--color--base);
  overflow: hidden;
  transition: border-color .2s ease;
}
.is-faq-item[open] { border-color: var(--wp--preset--color--accent); }
.is-faq-item summary {
  cursor: pointer;
  padding: 1.1rem 1.3rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.02rem;
  color: var(--wp--preset--color--contrast);
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.is-faq-item summary::-webkit-details-marker { display: none; }
.is-faq-item summary::after {
  content: '+';
  font-size: 1.4rem;
  color: var(--wp--preset--color--accent);
  font-weight: 400;
  flex-shrink: 0;
  transition: transform .2s ease;
}
.is-faq-item[open] summary::after { transform: rotate(45deg); }
.is-faq-a {
  padding: 0 1.3rem 1.2rem;
  color: var(--wp--preset--color--contrast-muted);
  line-height: 1.7;
  font-size: 0.95rem;
}

/* ===== Mobil menü düzeni ===== */
@media (max-width: 781px) {
  /* WordPress inline stilini ezmek için !important gerekli */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100% !important;
    padding: 4rem 1.5rem 1.5rem !important;
    background: var(--wp--preset--color--base) !important;
    z-index: 100000 !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* İçerik dikey, sola yaslı, ferah */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    padding-top: 1rem !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item {
    width: 100%;
  }

  /* Menü listesi ve öğeleri tam genişlik, sola yaslı */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    align-items: flex-start !important;
    width: 100% !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-bottom: 1px solid var(--wp--preset--color--border);
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    width: 100% !important;
    text-align: left !important;
    padding: 0.95rem 0.2rem;
    font-size: 1.15rem;
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-weight: 600;
    color: var(--wp--preset--color--contrast);
    white-space: normal !important;
  }

  /* Alt menü kutusu: overlay içinde sade, çerçevesiz, girintili */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    border: 0;
    padding-left: 0.8rem;
    background: transparent;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Spline Sans', system-ui, sans-serif;
    color: var(--wp--preset--color--contrast-muted);
    padding: 0.7rem 0.2rem;
  }

  /* Kapatma (X) butonu görünür */
  .wp-block-navigation__responsive-container-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}

/* ===== Masaüstü menü görünürlük ===== */
@media (min-width: 782px) {
  /* Menü linkleri belirgin, hover'da yeşil */
  .wp-block-navigation .wp-block-navigation-item__content {
    color: var(--wp--preset--color--contrast);
    font-weight: 600;
    transition: color .2s ease;
  }
  .wp-block-navigation .wp-block-navigation-item__content:hover,
  .wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
    color: var(--wp--preset--color--accent);
  }
  /* Açılır alt menü kutusu koyu ve okunur */
  .wp-block-navigation .wp-block-navigation__submenu-container {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 10px;
    padding: 0.4rem;
    box-shadow: 0 12px 40px rgba(0,0,0,.4);
  }
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-weight: 500;
  }
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background: var(--wp--preset--color--surface-2);
    color: var(--wp--preset--color--accent);
  }
}

/* ===== Menü taşma önleme ===== */
@media (min-width: 782px) {
  /* Menü öğeleri tek satırda kalsın, sarmasın */
  .wp-block-navigation .wp-block-navigation-item__content {
    white-space: nowrap;
  }
  /* Header içeriği taşarsa logo ve menü sıkışmasın */
  .is-yapiskan-header .alignwide {
    gap: 1rem;
  }
}

/* Orta ekranlarda (tablet/küçük laptop) menü fontunu biraz daha kıs */
@media (min-width: 782px) and (max-width: 1100px) {
  .wp-block-navigation .wp-block-navigation-item__content {
    font-size: 0.85rem;
  }
  .wp-block-navigation {
    --wp--style--block-gap: 1rem;
  }
}

/* ============================================================
   ZENGİN HERO
   ============================================================ */
.is-hero{position:relative;overflow:hidden}
.is-hero::before{content:'';position:absolute;top:-200px;left:8%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,230,118,.16),transparent 65%);animation:isHeroFloat1 12s ease-in-out infinite;pointer-events:none;z-index:0}
.is-hero::after{content:'';position:absolute;bottom:-150px;right:4%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,180,255,.10),transparent 65%);animation:isHeroFloat2 15s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes isHeroFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}
@keyframes isHeroFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-40px)}}
.is-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);pointer-events:none;z-index:0}
.is-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}

.is-hero h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(2.4rem,4.5vw,3.6rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0 0 1.3rem}
.is-hero h1 .hl{background:linear-gradient(120deg,#00e676,#00b4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.is-hero-p{font-size:1.15rem;color:var(--wp--preset--color--contrast-muted);line-height:1.6;margin:0 0 2rem;max-width:520px}

/* Rozet */
.is-rozet{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(120deg,rgba(0,230,118,.15),rgba(0,180,255,.12));border:1px solid rgba(0,230,118,.35);color:var(--wp--preset--color--accent);font-size:.85rem;font-weight:600;padding:.45rem .9rem;border-radius:30px}
.is-rozet .dot{width:7px;height:7px;background:var(--wp--preset--color--accent);border-radius:50%;animation:isPulse 2s infinite}
@keyframes isPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,230,118,.5)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(0,230,118,0)}}

/* Hero içindeki WordPress arama bloğu — gradient çerçeve */
.is-hero-search{position:relative;max-width:560px;border-radius:16px;padding:2px;background:linear-gradient(120deg,#00e676,#00b4ff,#00e676);background-size:200% 200%;animation:isBorderflow 6s ease infinite;box-shadow:0 12px 40px rgba(0,230,118,.18)}
@keyframes isBorderflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.is-hero-search .wp-block-search__inside-wrapper{background:#12161d;border:none;border-radius:14px;padding:7px}
.is-hero-search .wp-block-search__input{background:transparent;border:none;padding:15px 18px;color:#fff;font-size:1.05rem}
.is-hero-search .wp-block-search__button{background:linear-gradient(120deg,#00e676,#00c95f);color:#0e1116;border:none;border-radius:10px;font-weight:700;font-family:'Space Grotesk',system-ui,sans-serif;padding:0 30px;margin:0;transition:.2s}
.is-hero-search .wp-block-search__button:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,230,118,.4)}

/* Popüler aramalar */
.is-pop{display:flex;align-items:center;gap:.6rem;margin-top:1.4rem;flex-wrap:wrap}
.is-pop .lbl{font-size:.85rem;color:#7a8492}
.is-pop a{font-size:.85rem;color:#fff;background:linear-gradient(120deg,rgba(0,230,118,.15),rgba(0,180,255,.12));border:1px solid rgba(0,230,118,.25);padding:.4rem .9rem;border-radius:20px;text-decoration:none;transition:.2s}
.is-pop a:hover{border-color:var(--wp--preset--color--accent);background:rgba(0,230,118,.25);transform:translateY(-1px)}

/* Sağ görsel — cam kartlar */
.is-hero-visual{position:relative;height:420px}
.is-glass{position:absolute;background:rgba(22,27,34,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.3rem;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.is-glass .ico{width:44px;height:44px;border-radius:11px;background:rgba(0,230,118,.12);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:.7rem}
.is-glass h4{font-family:'Space Grotesk',system-ui,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .2rem;color:#fff}
.is-glass p{font-size:.8rem;color:#9aa3b0;margin:0}
.is-card1{top:0;left:10%;width:230px;animation:isBob1 6s ease-in-out infinite}
.is-card2{top:130px;right:0;width:215px;animation:isBob2 7s ease-in-out infinite}
.is-card3{bottom:0;left:0;width:240px;animation:isBob1 8s ease-in-out infinite}
@keyframes isBob1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes isBob2{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}
.is-badge-stat{position:absolute;top:60px;left:42%;background:linear-gradient(120deg,#00e676,#00c95f);color:#0e1116;border-radius:14px;padding:.8rem 1.1rem;font-family:'Space Grotesk',system-ui,sans-serif;box-shadow:0 12px 30px rgba(0,230,118,.3);animation:isBob2 5s ease-in-out infinite;z-index:3}
.is-badge-stat .n{font-size:1.6rem;font-weight:700;line-height:1}
.is-badge-stat .l{font-size:.7rem;font-weight:500;opacity:.85}

@media(max-width:900px){
  .is-hero-inner{grid-template-columns:1fr;gap:2rem}
  .is-hero-visual{display:none}
}

/* ============================================================
   ZENGİN FOOTER
   ============================================================ */
.is-footer{position:relative;overflow:hidden;background:#0b0e13}
.is-footer::before{content:'';position:absolute;top:-100px;left:20%;width:500px;height:300px;background:radial-gradient(circle,rgba(0,230,118,.08),transparent 70%);animation:isHeroFloat1 14s ease-in-out infinite;pointer-events:none}
.is-footer::after{content:'';position:absolute;bottom:-80px;right:10%;width:400px;height:300px;background:radial-gradient(circle,rgba(0,180,255,.06),transparent 70%);animation:isHeroFloat2 16s ease-in-out infinite;pointer-events:none}
.is-footer-inner{position:relative;z-index:2}
.is-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid #1c232e}
.is-footer-brand .flogo{display:flex;align-items:center;gap:.6rem;font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1rem}
.is-footer-brand .flogo .dot{width:12px;height:12px;background:linear-gradient(120deg,#00e676,#00b4ff);border-radius:3px;box-shadow:0 0 16px rgba(0,230,118,.6)}
.is-footer-brand p{font-size:.9rem;color:#7a8492;line-height:1.6;max-width:280px;margin:0}
.is-footer-col h5{font-family:'Space Grotesk',system-ui,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#9aa3b0;margin:0 0 1.2rem;min-height:1rem}
.is-footer-cat{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;color:#c4ccd6;text-decoration:none;font-size:.92rem;transition:.2s}
.is-footer-cat:hover{color:var(--wp--preset--color--accent);transform:translateX(4px)}
.is-footer-cat .ico{width:32px;height:32px;border-radius:9px;background:linear-gradient(120deg,rgba(0,230,118,.12),rgba(0,180,255,.1));display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:.2s}
.is-footer-cat:hover .ico{background:linear-gradient(120deg,rgba(0,230,118,.3),rgba(0,180,255,.2))}
.is-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.8rem;flex-wrap:wrap;gap:1rem}
.is-footer-bottom p{font-size:.82rem;color:#5a6472;margin:0}
.is-footer-bottom .flinks{display:flex;gap:1.3rem;flex-wrap:wrap}
.is-footer-bottom .flinks a{font-size:.82rem;color:#7a8492;text-decoration:none;transition:.2s}
.is-footer-bottom .flinks a:hover{color:var(--wp--preset--color--accent)}
@media(max-width:900px){.is-footer-top{grid-template-columns:1fr 1fr;gap:2rem}}

/* ============================================================
   ZENGİN MAKALE SAYFASI
   ============================================================ */
/* Koyu başlık alanı — ışıltı */
.is-makale-hero{position:relative;overflow:hidden}
.is-makale-hero::before{content:'';position:absolute;top:-150px;right:8%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,230,118,.1),transparent 70%);pointer-events:none;z-index:0}
.is-makale-hero > *{position:relative;z-index:1}

/* Kategori rozeti */
.is-makale-katrozet{display:inline-block;background:linear-gradient(120deg,rgba(0,230,118,.15),rgba(0,180,255,.12));border:1px solid rgba(0,230,118,.3);border-radius:20px;padding:.35rem .85rem}
.is-makale-katrozet a{color:var(--wp--preset--color--accent) !important;text-decoration:none !important}

/* Breadcrumb linkleri */
.is-makale-breadcrumb a{color:#9aa3b0;text-decoration:none}
.is-makale-breadcrumb a:hover{color:var(--wp--preset--color--accent)}

/* Açık okuma yüzeyi — başlık şeritleri */
.is-makale-govde{box-shadow:0 -20px 50px rgba(0,0,0,.2)}
.is-makale-govde h2{position:relative;padding-left:1rem;margin-top:2.6rem !important}
.is-makale-govde h2::before{content:'';position:absolute;left:0;top:.15em;width:5px;height:1.1em;background:linear-gradient(180deg,#00e676,#00b4ff);border-radius:3px}
.is-makale-govde .wp-block-post-content{font-size:1.0625rem;line-height:1.85}
.is-makale-govde .wp-block-post-content > p{margin-bottom:1.4rem}

/* Etiketler */
.is-makale-govde .wp-block-post-terms a{display:inline-block;background:#f0fdf4;color:#0a8043;padding:.3rem .8rem;border-radius:20px;text-decoration:none;border:1px solid #bbf7d0;font-size:.85rem;margin:.2rem .3rem .2rem 0}

/* ===== Site logosu (header) — v1.1.8 ===== */
.is-site-logo{line-height:0}
.is-site-logo__svg{height:56px;width:auto;max-width:280px;display:block}
@media (max-width:600px){
  .is-site-logo__svg{height:44px}
  /* Header ile hero arası boşluğu mobilde daralt */
  .is-hero{padding-top:1.25rem !important}
}
/* Footer logosu hizalama (SVG'li yeni flogo) */
.is-footer-brand .flogo svg{flex:0 0 auto}

/* Site sloganı — logonun ALTINA, dikey hizalı */
.is-site-brand { display: inline-flex; flex-direction: column; align-items: center; }
.is-site-slogan {
  text-align: center;
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent, #00e676);
  opacity: 0.9;
  margin-top: 4px;
  line-height: 1.1;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .is-site-slogan { font-size: 0.62rem; margin-top: 2px; }
}

/* ============================================================
   MAKALE İÇERİK BİLEŞENLERİ — v1.2.6
   ozet-box · callout · renkli-tablo · sss · sonuc-box · diyagram
   Beyaz makale zemini (paper #fff / ink #1a1f29) için.
   ============================================================ */
.is-makale-govde .ozet-box{
  background:linear-gradient(135deg,#e9f9f0,#f3fbf6);
  border:1px solid #b7e6cb;border-left:5px solid #1F8A4C;
  border-radius:12px;padding:1.1rem 1.3rem;margin:1.6rem 0;
  font-size:1.02rem;line-height:1.65;color:#14361f
}
.is-makale-govde .ozet-box::before{
  content:"ÖZET";display:block;font-size:.7rem;font-weight:800;
  letter-spacing:.12em;color:#1F8A4C;margin-bottom:.4rem
}
.is-makale-govde .ozet-box p{margin:.2rem 0 0}

.is-makale-govde .callout{
  background:#fff8e6;border:1px solid #f6df9c;border-left:5px solid #F4B400;
  border-radius:12px;padding:1rem 1.2rem 1rem 3rem;margin:1.6rem 0;
  position:relative;color:#5a4300;line-height:1.6
}
.is-makale-govde .callout::before{
  content:"!";position:absolute;left:1rem;top:1rem;
  width:1.3rem;height:1.3rem;background:#F4B400;color:#fff;
  border-radius:50%;font-weight:800;display:flex;align-items:center;
  justify-content:center;font-size:.9rem
}
.is-makale-govde .callout strong{color:#8a6400}

.is-makale-govde .renkli-tablo{
  width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.96rem;
  border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)
}
.is-makale-govde .renkli-tablo thead th,
.is-makale-govde .renkli-tablo tr:first-child td{
  background:#1F8A4C;color:#fff;font-weight:700;text-align:left;
  padding:.75rem .9rem;border:none
}
.is-makale-govde .renkli-tablo td,
.is-makale-govde .renkli-tablo th{padding:.7rem .9rem;border-bottom:1px solid #e6ece8}
.is-makale-govde .renkli-tablo tbody tr:nth-child(even){background:#f4faf6}
.is-makale-govde .renkli-tablo tbody tr:hover{background:#eaf6ef}

.is-makale-govde .sonuc-box{
  background:#0e1116;color:#e8eef0;border-radius:14px;
  padding:1.3rem 1.5rem;margin:2rem 0;line-height:1.7;border:1px solid #1F8A4C
}
.is-makale-govde .sonuc-box::before{
  content:"SONUÇ";display:block;font-size:.7rem;font-weight:800;
  letter-spacing:.12em;color:#39C06E;margin-bottom:.45rem
}
.is-makale-govde .sonuc-box p{margin:.2rem 0 0}
.is-makale-govde .sonuc-box a{color:#7BE0A0}

.is-makale-govde .sss-item{
  background:#fff;border:1px solid #e6ece8;border-radius:10px;
  margin:.7rem 0;padding:1rem 1.2rem;transition:border-color .15s
}
.is-makale-govde .sss-item:hover{border-color:#b7e6cb}
.is-makale-govde .sss-item h3{
  margin:0 0 .4rem;font-size:1.05rem;color:#14361f;
  padding-left:1.6rem;position:relative
}
.is-makale-govde .sss-item h3::before{
  content:"?";position:absolute;left:0;top:.1em;width:1.2rem;height:1.2rem;
  background:#1F8A4C;color:#fff;border-radius:50%;font-size:.8rem;
  font-weight:800;display:flex;align-items:center;justify-content:center
}
.is-makale-govde .sss-item p{margin:0;color:#3a4550;line-height:1.6}

.is-makale-govde .diyagram{
  background:#f8faf9;border:1px solid #e6ece8;border-radius:12px;
  padding:1.3rem;margin:1.8rem 0;text-align:center;color:#1a1f29
}
.is-makale-govde .diyagram svg{max-width:100%;height:auto}
.is-makale-govde .diyagram figcaption{
  font-size:.85rem;color:#5a6472;margin-top:.7rem;font-style:italic
}

/* ============================================================
   İLGİLİ YAZILAR — grid hizalama düzeltmesi (v1.2.7)
   Kartlar farklı başlık uzunluğunda kayık görünüyordu.
   Grid'i eşit yükseklikli, düzgün 3 sütun yapıyoruz.
   ============================================================ */
/* Query içindeki post-template grid'i */
.wp-block-query .wp-block-post-template.is-layout-grid{
  grid-template-columns:repeat(3,1fr);
  gap:1.4rem;
  align-items:stretch;           /* hücreleri eşit yüksekliğe ger */
}
/* Her grid hücresi tam yükseklik kaplasın */
.wp-block-query .wp-block-post-template.is-layout-grid > li{
  height:100%;
  display:flex;
}
/* Kartın kendisi hücreyi doldursun, içerik dikey aksın */
.is-kategori-karti{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}
/* Görsel üstte sabit, başlık alanı esnesin */
.is-kategori-karti .wp-block-post-featured-image{
  margin:0;
}
.is-kategori-karti .wp-block-post-featured-image img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
}
/* Kart içi metin bloğu kalan alanı doldursun (başlıklar hizalı bitsin) */
.is-kategori-karti > .wp-block-group{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}

/* Mobilde tek/çift sütuna düş */
@media (max-width:781px){
  .wp-block-query .wp-block-post-template.is-layout-grid{
    grid-template-columns:1fr;
  }
}