:root {
  --fmi-red: #7A0000;
}
:root{
  --bg:#0D0D0D; --ink:#EDEBE8; --muted:#B8B6B1;
  --card:#151515; --line:#2A2A2A; --accent:#7A0000;
}

/* Global */
body{ background:var(--bg); color:var(--ink); }
a{ color:var(--ink); text-decoration:none; border-bottom:1px solid transparent; transition:.2s; }
a:hover{ border-bottom:1px solid var(--accent); }

/* Tipografi */
h1,h2,h3,h4{ font-family:"Cormorant Garamond",serif; letter-spacing:.2px; }
h1{ font-weight:700; }
p,li{ font-family:"Lora",serif; line-height:1.8; color:var(--ink); }

/* Üst menü / altbilgi */
.site-header, .site-footer{
  background:#0B0B0B; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}

/* Blog kartları */
.ast-archive-description, .ast-separate-container .ast-article-post, 
.ast-separate-container .ast-article-single{
  background:var(--card); border:1px solid var(--line); border-radius:6px; 
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.post-thumb-img-content img{ filter:grayscale(80%) contrast(110%); transition:.25s; }
.post-thumb-img-content:hover img{ filter:grayscale(40%) contrast(115%); }

/* Butonlar */
.button, .ast-button, input[type=submit], .wp-block-button__link{
  background:var(--accent); color:#fff; border:none; border-radius:3px; 
  padding:.6rem 1rem; transition:filter .2s;
}
.button:hover, .ast-button:hover, input[type=submit]:hover, .wp-block-button__link:hover{ filter:brightness(1.08); }

/* Ayraç & alıntı */
hr{ border:none; border-top:1px dashed var(--line); margin:2rem 0; }
blockquote{ border-left:3px solid var(--accent); color:var(--muted); padding-left:14px; }

/* Hero (dosya klasörü başlık) */
.dosya-hero{
  position:relative; padding:clamp(48px,8vw,120px) clamp(16px,4vw,56px);
  background:#0D0D0D; color:var(--ink);
  border:1px solid var(--line); border-radius:6px; overflow:hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 10px 30px rgba(0,0,0,.35);
}
.dosya-hero::before{
  content:""; position:absolute; inset:0;
  background:repeating-linear-gradient(to bottom, rgba(122,0,0,.22) 0 1px, transparent 1px 16px);
  opacity:.35; pointer-events:none;
}
.dosya-hero::after{
  content:"DOSYA • F.M.İ."; position:absolute; top:-10px; left:24px;
  background:#111; color:var(--ink);
  padding:6px 12px; border:1px solid var(--line); border-bottom:none;
  border-top-left-radius:6px; border-top-right-radius:6px;
  font:600 12px/1 "Montserrat",system-ui,sans-serif; letter-spacing:.08em;
}
.dosya-hero h1{ font-size:clamp(28px,5vw,56px); margin:0 0 12px; }
.dosya-hero p{ color:var(--muted); max-width:70ch; }

/* Typewriter */
.typewriter{
  font-family:"Playfair Display",serif; font-size:clamp(18px,2.6vw,22px);
  white-space:nowrap; overflow:hidden; border-right:2px solid var(--accent);
  width:0; animation:tw-typing 4.2s steps(40,end) forwards, tw-caret 700ms step-end infinite;
}
@keyframes tw-typing{ from{width:0} to{width:100%} }
@keyframes tw-caret{ 50%{ border-color:transparent } }
@media (prefers-reduced-motion: reduce){ .typewriter{ animation:none; width:auto; border-right:none; } }

/* Görsel hover “delil kartı” */
figure img{ transition:.25s; }
figure:hover img{ filter:grayscale(100%) contrast(120%) brightness(.9); outline:2px solid var(--accent); }
.page .entry-title {
  display: none;
}
.site-header {
    background-color: #000000 !important;
}
.main-header-menu a {
    color: #EDEBE8 !important;
}
.main-header-menu a:hover {
    color: #A30000 !important;
}
.main-header-menu a {
    font-family: "Libre Baskerville", serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase;
}
/* 1) Logoyu küçült, header'ı incelt */
.site-branding img{ max-width:120px!important; height:auto!important; }
.main-header-bar{ padding-top:8px!important; padding-bottom:8px!important; }

/* 2) Menü tipografisini sıkılaştır (taşmayı bitir) */
.main-header-menu a{
  font-family:"Libre Baskerville",serif!important;
  font-size:16px!important;          /* 18→16 */
  font-weight:600!important;
  letter-spacing:.2px!important;      /* 0.5→0.2 */
  text-transform:none!important;      /* UPPERCASE kapalı */
  line-height:1.2!important;
}

/* 3) Menü aralıklarını daralt */
.ast-desktop .main-header-menu > .menu-item > .menu-link{
  padding:0 12px!important;           /* sağ/sol boşluk küçülsün */
}

/* 4) Gerekirse satır sardır (dar ekranlarda) */
.ast-desktop .main-header-menu{ 
  flex-wrap:wrap!important; 
  row-gap:8px!important;
}

/* 5) Sosyal ikonları sadeleştir ve hizala */
.ast-header-social-wrap .ast-header-social-element svg{ 
  width:18px!important; height:18px!important; 
}
.ast-header-social-wrap{ margin-left:8px!important; }

/* 6) Estetik: hover kırmızısı */
.main-header-menu a:hover{ color:#B30000!important; }
.main-header-menu a{ text-transform:uppercase!important; letter-spacing:.3px!important; }
/* Menü hover alt çizgisi - kan kırmızısı efekti */
.main-header-menu a {
  position: relative;
  padding-bottom: 4px;
}

.main-header-menu a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: #A30000; /* koyu kan kırmızısı */
  transition: all 0.25s ease-in-out;
  transform: translateX(-50%);
  border-radius: 2px;
}

.main-header-menu a:hover::after {
  width: 70%;
}
/* Menü hover alt çizgisi + kan damlası efekti */
.main-header-menu a {
  position: relative;
  padding-bottom: 6px;
}

.main-header-menu a::after,
.main-header-menu a::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  transition: all 0.25s ease-in-out;
}

/* Alt çizgi */
.main-header-menu a::after {
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #A00000;
}

/* Kan damlası */
.main-header-menu a::before {
  bottom: -6px;
  width: 6px;
  height: 0px;
  background-color: #A00000;
  border-radius: 50%;
  opacity: 0;
}

/* Hover animasyonu */
.main-header-menu a:hover::after {
  width: 70%;
}

.main-header-menu a:hover::before {
  height: 6px;
  opacity: 1;
}
/* Menü hover alt çizgisi + kan damlası düşme efekti */
.main-header-menu a {
  position: relative;
  padding-bottom: 6px;
}

.main-header-menu a::after,
.main-header-menu a::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #A00000;
  transition: all 0.25s ease-in-out;
}
/***** F.M.İ. — NOIR DOSYA AÇILIŞ + ARŞİV DOKUSU  *****/

/* ——— Arşiv dokusu (görselsiz) ——— */
body{
  background:#0b0b0b; /* temel */
  /* ince “scan noise” dokusu */
  background-image:
    radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0, rgba(255,255,255,.015) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0, rgba(255,255,255,.01) 1px, transparent 1px, transparent 4px);
  background-size: 3px 3px, 5px 5px, 100% 120px, 220px 100%;
  background-blend-mode: overlay;
}

/* kenarlara çok hafif vignette */
body::marker, body * {} /* WP ek CSS hatası engelleme için boş kural */
body::cue { }           /* (göz ardı edilebilir) */
body::part(fake){}      /* (göz ardı edilebilir) */
body::selection{}       /* (göz ardı edilebilir) */

body:before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(100% 140% at 50% 0%, rgba(0,0,0,.50) 0%, rgba(0,0,0,0) 38%) ,
    radial-gradient(120% 140% at 50% 100%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 40%);
  mix-blend-mode:multiply;
  z-index:1;
}
/* içerik okunabilirliği (isteğe bağlı, gerekirse kaldır) */
.site-content,.entry-content{
  background:rgba(12,12,12,.55);
  border:1px solid #2a2a2a;
  border-radius:8px;
  padding:24px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
  position:relative;
  z-index:2;
}
/* ——— HTML gerektirmeyen DOSYA AÇILIŞ animasyonu ——— */
/* siyah overlay */
body::after{
  content:"";
  position:fixed; inset:0; z-index:999999;
  background:#0b0b0b;
  animation:fileOpenFade 1.1s ease-in-out forwards;
}
/* ortadaki “klasör çizgisi” */
@keyframes fileOpenFade{ 0%{opacity:1} 100%{opacity:0; visibility:hidden} }
body.opening-done::after{ display:none; } /* (ileride JS eklersek) */

html::before{
  content:"";
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%) scaleX(0);
  width:92%; height:4px; border-radius:2px;
  background:#d6c2a5; z-index:1000000;
  animation:fileOpenLine .6s .15s ease-out forwards;
}
@keyframes fileOpenLine{
  0%{transform:translate(-50%,-50%) scaleX(0)}
  60%{transform:translate(-50%,-50%) scaleX(1)}
  100%{transform:translate(-50%,-50%) scaleX(0)}
}
/* ——— Menü hover alt çizgi + kan damlası + düşme ——— */
.main-header-menu a{ position:relative; padding-bottom:6px; }
.main-header-menu a::after{ /* alt çizgi */
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:0; height:2px; border-radius:2px; background:#A00000;
  transition:width .25s ease-in-out;
}
.main-header-menu a:hover::after{ width:70%; }

.main-header-menu a::before{ /* kan damlası */
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:6px; height:6px; border-radius:50%; background:#A00000; opacity:0;
}
.main-header-menu a:hover::before{
  opacity:1; animation:dropBlood .5s forwards ease-in;
}
@keyframes dropBlood{
  0%{ transform:translateX(-50%) translateY(0); width:6px; height:6px; opacity:1; }
  80%{ transform:translateX(-50%) translateY(14px); width:6px; height:8px; opacity:.9; }
  100%{ transform:translateX(-50%) translateY(20px); width:2px; height:2px; opacity:0; }
}
/* Kırmızı Buton */
.wp-block-button__link,
a.button, button, .wp-block-button a {
  background-color: #8B0000 !important;
  color: #fff !important;
  padding: 18px 40px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  border: 2px solid #300000;
  transition: all .3s ease;
}

/* Hover efekti (koyu kırmızı + damlama) */
.wp-block-button__link:hover,
a.button:hover, button:hover, .wp-block-button a:hover {
  background-color: #5a0000 !important;
  transform: scale(1.02);
}

/* Kan damlası */
.wp-block-button__link::after,
a.button::after, button::after, .wp-block-button a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 8px;
  height: 8px;
  background: #8B0000;
  border-radius: 50%;
  opacity: 0;
  animation: none;
}
/* Kırmızı kan butonu */
.wp-block-button__link,
a.button, button, .wp-block-button a {
  background-color: #8B0000 !important;
  color: #fff !important;
  padding: 18px 40px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  border: 2px solid #300000;
  transition: all .3s ease;
  cursor: pointer;
}

/* Hover efekti */
.wp-block-button__link:hover,
a.button:hover, button:hover, .wp-block-button a:hover {
  background-color: #5a0000 !important;
  transform: scale(1.04);
}

/* Kan sıçrama parçacıkları */
.wp-block-button__link::before,
.wp-block-button__link::after,
a.button::before, a.button::after,
button::before, button::after,
.wp-block-button a::before, .wp-block-button a::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #8B0000;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

/* Sıçrama animasyonu tetikleme */
.wp-block-button__link:active::before,
a.button:active::before,
button:active::before,
.wp-block-button a:active::before {
  animation: bloodSplash1 0.5s ease-out forwards;
}

.wp-block-button__link:active::after,
a.button:active::after,
button:active::after,
.wp-block-button a:active::after {
  animation: bloodSplash2 0.6s ease-out forwards;
}

/* Kan sıçrama animasyonları */
@keyframes bloodSplash1 {
  0% { top: 50%; left: 50%; opacity: 1; transform: scale(1); }
  40% { top: -10%; left: 10%; transform: scale(2); }
  100% { opacity: 0; transform: scale(3); }
}

@keyframes bloodSplash2 {
  0% { top: 50%; left: 50%; opacity: 1; transform: scale(0.8); }
  40% { top: 120%; left: 80%; transform: scale(1.6); }
  100% { opacity: 0; transform: scale(2.8); }
}
/* === True Crime Fingerprint Button === */

.wp-block-button__link,
a.button, button, .wp-block-button a {
  background-color: #8B0000 !important;
  color: white !important;
  padding: 18px 40px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  border: 2px solid #300000;
  transition: all .3s ease;
  cursor: pointer;
}

/* On hover zoom/shine */
.wp-block-button__link:hover,
a.button:hover, button:hover, .wp-block-button a:hover {
  background-color: #5a0000 !important;
  transform: scale(1.03);
}

/* === Fingerprint effect on hover === */
.wp-block-button__link::after,
a.button::after, button::after, .wp-block-button a::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: url("https://failimeshurisler.com/wp-content/uploads/2025/11/%E2%80%94Pngtree%E2%80%94fingerprint-heart-icon-on-gray_20784325.pngYOUR-FINGERPRINT-URL") no-repeat center;
  background-size: contain;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  transition: opacity .3s ease, transform .3s ease;
  filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
  pointer-events: none;
}

/* Hover reveal */
.wp-block-button__link:hover::after,
a.button:hover::after, button:hover::after, .wp-block-button a:hover::after {
  opacity: 0.65;
  transform: translate(-50%, -50%) scale(1);
}
/* === Proof Image Magnifier Hover — Faili Meşhur İşler === */

img {
  position: relative;
  transition: all .25s ease;
}

/* Hover effect — shows magnifying glass */
img:hover::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png") center/contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.9;
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.6));
}

/* Slight zoom/forensic highlight feel */
img:hover {
  filter: brightness(1.15) contrast(1.1);
  transform: scale(1.03);
}
/* === Forensic Magnifier Only For .forensic-image Elements === */

.forensic-image {
  position: relative;
  transition: all .25s ease;
}

/* Magnifier hover effect */
.forensic-image:hover::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  background: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png") center/contain no-repeat;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.9;
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.6));
}

/* Forensic highlight + slight zoom */
.forensic-image:hover {
  filter: brightness(1.15) contrast(1.1);
  transform: scale(1.03);
}
/* ==== Faili Meşhur İşler — Otomatik Büyüteç & Parmak İzi Efekti ==== */
:root{
  /* Senin yüklediğin büyüteç */
  --fmi-magnifier: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png");

  /* Senin yüklediğin parmak izi (kalp şekilli fingerprint) */
  --fmi-fingerprint: url("https://failimeshurisler.com/wp-content/uploads/2025/11/—Pngtree—fingerprint-heart-icon-on-gray_20784325.png");
}

/* WP görsel sarmalayıcı */
figure.wp-block-image{ position:relative; }

/* -------- BÜYÜTEÇ: ALT metni = "inceleme" veya "forensic" -------- */
figure.wp-block-image:has(img[alt*="inceleme"]),
figure.wp-block-image:has(img[alt*="forensic"]) {
  transition: filter .25s ease, transform .25s ease;
}

figure.wp-block-image:has(img[alt*="inceleme"])::after,
figure.wp-block-image:has(img[alt*="forensic"])::after{
  content:"";
  position:absolute;
  width:72px; height:72px;
  top:50%; left:50%;
  transform:translate(-50%,-50%) scale(.9);
  background: var(--fmi-magnifier) center / contain no-repeat;
  opacity:0; pointer-events:none;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.55));
  transition: opacity .25s ease, transform .25s ease;
}

figure.wp-block-image:has(img[alt*="inceleme"]):hover,
figure.wp-block-image:has(img[alt*="forensic"]):hover {
  filter: brightness(1.12) contrast(1.06);
  transform: translateZ(0) scale(1.01);
}

figure.wp-block-image:has(img[alt*="inceleme"]):hover::after,
figure.wp-block-image:has(img[alt*="forensic"]):hover::after{
  opacity:.9;
  transform:translate(-50%,-50%) scale(1);
}

/* -------- PARMAK İZİ: ALT metni = "parmak" -------- */
figure.wp-block-image:has(img[alt*="parmak"]) {
  transition: filter .25s ease, transform .25s ease;
}

figure.wp-block-image:has(img[alt*="parmak"])::after{
  content:"";
  position:absolute; width:120px; height:120px;
  top:50%; left:50%;
  transform:translate(-50%,-50%) scale(.85);
  background: var(--fmi-fingerprint) center / contain no-repeat;
  opacity:0; pointer-events:none;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.55));
  transition: opacity .28s ease, transform .28s ease;
}

figure.wp-block-image:has(img[alt*="parmak"]):hover {
  filter: brightness(1.1) contrast(1.08);
}

figure.wp-block-image:has(img[alt*="parmak"]):hover::after{
  opacity:.85;
  transform:translate(-50%,-50%) scale(1);
}
/***** FMI — Bulletproof Noir UI (no classes, no :has()) *****/

/* 0) Arka plan dokusu HER YERDE görünsün */
html, body { height: 100%; }
html {
  background: #0b0b0b;
  background-image:
    radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0, rgba(255,255,255,.015) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0, rgba(255,255,255,.01) 1px, transparent 1px, transparent 4px);
  background-size: 3px 3px, 5px 5px, 100% 120px, 220px 100%;
  background-blend-mode: overlay;
}
/* Temanın beyaz kutularını şeffaflaştır */
.site, .site-content, .ast-container, .wp-site-blocks, .entry-content, main, .content-area {
  background: transparent !important;
}
/* ==== FAILI MESHUR ISLER — SAFE UNIVERSAL EFFECTS ==== */

/* Noir background */
html, body { height: 100%; }
html {
  background: #0b0b0b !important;
  background-image:
    radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0, rgba(255,255,255,.015) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.01) 0, rgba(255,255,255,.01) 1px, transparent 1px, transparent 4px);
  background-size: 3px 3px, 5px 5px, 100% 120px, 220px 100%;
  background-blend-mode: overlay !important;
}
.site, .site-content, .ast-container, .entry-content, main, .wp-site-blocks, .wp-block-group {
  background: transparent !important;
}

/* Icons */
:root{
  --magnifier: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png");
  --fingerprint: url("https://failimeshurisler.com/wp-content/uploads/2025/11/fingerprint.png.png");
}

/* Ensure all WP images can host overlay icon */
figure.wp-block-image, .wp-block-image, .wp-block-cover, .wp-block-gallery figure {
  position: relative !important;
  overflow: visible !important;
}

/* Hover visual effect */
.wp-block-image:hover img {
  filter: brightness(1.12) contrast(1.08);
  transform: scale(1.01);
  transition: all .25s ease;
}

/* Default = magnifier */
.wp-block-image:hover::after, 
.wp-block-gallery figure:hover::after,
.wp-block-cover:hover::after {
  content: "";
  position: absolute;
  z-index: 100;
  width: 72px; height: 72px;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) scale(.95);
  background: var(--magnifier) center/contain no-repeat;
  opacity: .95;
  pointer-events: none;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.55));
}

/* Fingerprint for images whose ALT contains "parmak" */
img[alt*="parmak"] {
  outline: 2px solid transparent; /* harmless trigger */
}

/* Replace magnifier with fingerprint on hover for those images */
.wp-block-image:hover img[alt*="parmak"] ~ *,
.wp-block-gallery figure:hover img[alt*="parmak"] ~ * {
  background: var(--fingerprint) center/contain no-repeat !important;
  width: 120px; height: 120px;
}

/* Buttons => Red + blood splash (already working) */
.wp-block-button__link {
  background:#8B0000 !important;
  color:#fff !important;
  padding:18px 40px;
  font-weight:600;
  border:2px solid #300000;
  position:relative;
  overflow:hidden;
  transition: all .25s ease;
}
.wp-block-button__link:hover {
  background:#5a0000 !important;
  transform: scale(1.03);
}
.wp-block-button__link:active::before,
.wp-block-button__link:active::after {
  content:"";
  position:absolute;
  width:8px; height:8px;
  background:#8B0000;
  border-radius:50%;
  opacity:1; pointer-events:none;
}
@keyframes blood1 {
  0%{transform:translate(-50%,-50%) scale(1);}
  40%{transform:translate(-200%,-180%) scale(1.8);}
  100%{transform:translate(-280%,-240%) scale(2.5); opacity:0;}
}
@keyframes blood2 {
  0%{transform:translate(-50%,-50%) scale(.8);}
  40%{transform:translate(190%,160%) scale(1.6);}
  100%{transform:translate(260%,220%) scale(2.2); opacity:0;}
}
.wp-block-button__link:active::before{left:50%; top:50%; animation:blood1 .5s ease-out forwards;}
.wp-block-button__link:active::after{left:50%; top:50%; animation:blood2 .6s ease-out forwards;}
/* ——— Panodaki kâğıt çizgisi, gölge ve panel zeminlerini KAPAT ——— */
.entry-content > .wp-block-group:first-of-type,
.entry-content .wp-block-group,
.entry-content .wp-block-cover,
.site-main .ast-article-single,
.ast-single-entry-content,
.ast-container,
.site,
.wp-site-blocks,
main {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Eğer bir grup bloğa inline background verilmişse onu da söndür */
.entry-content [style*="background"] {
  background: transparent !important;
  background-image: none !important;
}
/* ===========================
   FORENSIC EFFECTS ON HOVER
   =========================== */

/* Arka plan fingerprint */
body {
    background-image: url("https://failimeshurisler.com/wp-content/uploads/2025/11/fingerprint.png.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 350px;
    background-attachment: fixed;
    opacity: 1 !important;
}

/* Büyüteç efekti — linklere hover’da büyüteç göster */
a:hover::after {
    content: "";
    background-image: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 80px;
    height: 80px;
    pointer-events: none;
    top: -40px;
    right: -40px;
    animation: magnify .4s ease forwards;
    z-index: 9999;
}

/* Magnify keyframe */
@keyframes magnify {
    0% { transform: scale(0.6) rotate(-10deg); opacity: 0; }
    100% { transform: scale(1) rotate(0deg); opacity: 1; }
}
/* Butonlarda büyüteci gösterme */
.wp-block-button__link:hover::after { 
  content: none !important; 
}
/* Menü hover arka planını kapat */
.main-header-menu .menu-item:hover > a,
.site-header .ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-header-break-point .main-header-menu .menu-link:hover {
  background: transparent !important;
}
/* Global büyüteci kapat */
a:hover::after { content: none !important; }

/* Sadece içerikteki linklerde büyüteç */
.entry-content a:hover::after {
  content: "";
  background-image: url("https://failimeshurisler.com/wp-content/uploads/2025/11/buyutec.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 80px; height: 80px;
  pointer-events: none;
  top: -40px; right: -40px;
  animation: magnify .4s ease forwards;
  z-index: 9999;
}

/* İçerikteki linklerin konum referansı olsun */
.entry-content a { position: relative; }
/* —————————————————————————————
   Tüm Site İçin Sayfa Başlıklarını Gizle
   (Astra Theme Compatible)
————————————————————————————— */

/* Sadece "sayfa (page)" içeriklerinde başlığı kaldır */
.page .entry-title,
.page .ast-single-post .entry-title,
.page-title {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Neden Faili Meşhur İşler? — Sayfa ID:160 iki sütun düzeni */
.page-id-160 .nfmi-split {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 60px;
}

/* Görsel sütunu (wp-block-image içinde) */
.page-id-160 .nfmi-split .wp-block-image {
  flex: 0 0 45%;
  max-width: 45%;
  margin: 0 !important;
}
.page-id-160 .nfmi-split .wp-block-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 4px;
  display: block;
}

/* Metin sütunu */
.page-id-160 .nfmi-split {
  /* metin tarafı doğal olarak kalan alanı alır */
}
.page-id-160 .nfmi-split p {
  max-width: 640px;
  line-height: 1.6;
  font-size: 20px;
  margin-bottom: 20px;
}

/* Başlık/manifesto bloklarında aşırı boşlukları önlemek istersen */
.page-id-160 h2, 
.page-id-160 h3 {
  margin-top: 0.6em;
  margin-bottom: 0.4em;
}

/* Tablet */
@media (max-width: 1024px) {
  .page-id-160 .nfmi-split { gap: 40px; }
  .page-id-160 .nfmi-split p { font-size: 18px; }
}

/* Mobil */
@media (max-width: 782px) {
  .page-id-160 .nfmi-split {
    flex-direction: column;
    gap: 34px;
  }
  .page-id-160 .nfmi-split .wp-block-image {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .page-id-160 .nfmi-split p {
    max-width: 100%;
    font-size: 18px;
  }
}
.noir-pad { padding: 24px 0; }
/* Üçlü sütunların eşit boyda olması ve butonların aşağı hizalanması */
.equal-columns {
    display: flex;
    gap: 40px;
}

.equal-columns > .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/*  A) alignfull gerçekten ekran genişliğine taşsın (Astra)  */
.site-content .entry-content > .alignfull,
.entry-content .wp-block-group.alignfull {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
}

/*  B) alignwide için rahat bir çalışma alanı ver  */
.site-content .entry-content > .alignwide,
.entry-content .wp-block-group.alignwide {
  max-width: min(1400px, 92vw);
}

/*  C) Üç sütunu eşit yükseklik + butonlar alta hizalı tut  */
.equal-columns {
  display: flex;
  gap: 48px;
  /* Başlıkların harf harf bölünmesini engelle */
  hyphens: none;
}
.equal-columns > .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 24px;
}

/* Başlık/paragrafın saçma kırılmasını engelle */
.equal-columns h2,
.equal-columns p {
  word-break: normal;
  overflow-wrap: anywhere;
}

/*  D) Mobilde sütunlar dik gelsin ve aralıklar korunsun  */
@media (max-width: 782px) {
  .equal-columns { gap: 28px; }
  .equal-columns > .wp-block-column { padding: 0 8px; }
}
.ana-hero {
    padding-top: 120px;
    padding-bottom: 120px;
}
/* HERO tipografi – ölçekli ve responsive */
.fmi-hero h1 {
  font-weight: 700;
  letter-spacing: -0.3px;
  color: #EAE7E1;
  font-size: clamp(2.2rem, 4vw + 0.5rem, 4.2rem);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.fmi-hero p {
  color: #CFCAC2;
  font-size: clamp(1rem, 1.1vw + .6rem, 1.25rem);
  max-width: 900px;
  margin: .75rem auto 1.75rem auto;
  line-height: 1.65;
}

/* Noir kırmızı “kan damlası” buton stili */
.fmi-btn .wp-block-button__link {
  background: #8E0F15;
  color: #F7F4EF;
  border-radius: 9999px;
  padding: 14px 28px;
  font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 6px 18px rgba(142,15,21,.25), inset 0 -2px 0 rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.fmi-btn .wp-block-button__link:hover {
  background: #6E0C11;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(142,15,21,.35), inset 0 -2px 0 rgba(0,0,0,.25);
}
.fmi-btn .wp-block-button__link:active {
  transform: translateY(0);
}

/* Hero üst-alt nefes alanı (gutenberg padding’i yetmiyorsa) */
.fmi-hero {
  padding-top: clamp(100px, 10vw, 180px);
  padding-bottom: clamp(80px, 8vw, 160px);
}

/* Küçük ekran düzeltmeleri */
@media (max-width: 782px) {
  .fmi-hero h1 { text-wrap: balance; }
  .fmi-hero p { padding: 0 16px; }
}
/* === HERO (ana-hero grubu) === */
.ana-hero {
  position: relative;
  padding: clamp(64px, 10vw, 140px) 0;
  text-align: center;
  isolation: isolate;
}
.ana-hero::before {
  /* karanlık overlay */
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,.35);
  z-index: -1;
}
.ana-hero h1,
.ana-hero .wp-block-heading {
  font-size: clamp(32px, 5vw, 64px);
  line-height: 1.08;
  letter-spacing: .5px;
  font-weight: 800;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
  margin-bottom: .6em;
}
.ana-hero .hero-alt {
  /* alt metin için eklediğin paragrafı bu sınıfla işaretle */
  max-width: min(800px, 92vw);
  margin: 0 auto .9em auto;
  font-size: clamp(16px, 2.1vw, 20px);
  line-height: 1.6;
  opacity: .92;
}

/* CTA butonu */
.ana-hero .wp-block-button__link {
  background: #a10909;            /* kırmızı damla */
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 999px;
  box-shadow: 0 8px 28px rgba(161,9,9,.28);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.ana-hero .wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(161,9,9,.38);
  background: #bb0b0b;
}

/* === 3 SÜTUN (kart görünümü) === */
/* Sütun kapsayıcısını tam genişlik ve satır yüksekliği eşitle */
.home-cards {
  max-width: min(1200px, 92vw);
  margin: 40px auto;
}
.home-cards .wp-block-columns {
  gap: clamp(16px, 2.2vw, 32px);
  align-items: stretch; /* tüm kartlar eşit yükseklikte */
}
.home-cards .wp-block-column {
  background: linear-gradient(180deg, rgba(10,10,10,.66), rgba(10,10,10,.88));
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  padding: clamp(18px, 2.2vw, 26px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  display: flex; flex-direction: column; /* butonu dibe itelim */
}
.home-cards h3 {
  font-size: clamp(20px, 2.5vw, 26px);
  letter-spacing: .2px;
  margin: 0 0 .25em 0;
}
.home-cards p {
  opacity: .92;
}
/* butonları dibe sabitle */
.home-cards .wp-block-buttons { margin-top: auto; }

/* Kart butonları */
.home-cards .wp-block-button__link {
  background: #a10909;
  color: #fff !important;
  border-radius: 999px;
  padding: 10px 22px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.home-cards .wp-block-button__link:hover {
  transform: translateY(-1px);
  background: #bb0b0b;
  box-shadow: 0 10px 26px rgba(161,9,9,.28);
}

/* Genel tipografi mikro-dokunuş */
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
/* ===========================
   Faili Meşhur İşler – Final CSS v1.0
   =========================== */

/* ---- Renk Değişkenleri ---- */
:root{
  --bg:#0D0D0D;
  --ink:#EDEBE8;
  --muted:#B8B6B1;
  --card:#151515;
  --line:#2A2A2A;
  --accent:#7A0000;
}

/* ---- Global ---- */
body{ background:var(--bg); color:var(--ink); }
a{ color:var(--ink); text-decoration:none; border-bottom:1px solid transparent; transition:.2s; }
a:hover{ border-bottom:1px solid var(--accent); }

/* Başlıklar */
h1,h2,h3,h4{
  font-family:"Cormorant Garamond", serif;
  letter-spacing:.02em;
}
h1{ font-weight:700; }
p,li{ font-family:"Lora", serif; line-height:1.8; }

/* Buttons */
.wp-block-button .wp-block-button__link{
  background:var(--accent);
  color:#fff;
  border-radius:9999px;
  padding:.85rem 1.35rem;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 6px 20px rgba(122,0,0,.35);
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent; color:var(--ink); border-color:var(--accent);
}

/* ---- HERO (Kapak) ----
   Gutenberg’de Grup bloğuna “Ek CSS Sınıfı” olarak
   ana bölüme:  ana-hero
   ikinci/alt bölüme: dosya-hero
   yazılacak.  Arka plan görselini blok ayarlarından veriyoruz. */
.ana-hero,
.dosya-hero{
  position:relative;
  text-align:center;
  isolation:isolate;
  padding-block:clamp(100px, 12vw, 220px);
}
.ana-hero::after,
.dosya-hero::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.55), rgba(0,0,0,.35)),
             radial-gradient(80% 80% at 50% 20%, rgba(0,0,0,.25), transparent 60%);
  z-index:-1;
}
.ana-hero h1,
.dosya-hero h2,
.ana-hero p,
.dosya-hero p{ color:#fff; }
.ana-hero h1{ font-size:clamp(36px,5.2vw,64px); line-height:1.05; }
.ana-hero p{ font-size:clamp(16px,1.6vw,22px); opacity:.9; }

/* ---- 3’lü “vaka” kutuları ----
   Columns bloğuna Ek CSS Sınıfı: equal-cards   */
.equal-cards{ gap:clamp(16px, 2vw, 32px); }
.equal-cards > .wp-block-column{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  background:var(--card); border:1px solid var(--line);
  border-radius:16px; padding:clamp(18px,2.2vw,28px);
  min-height:560px;
}
.equal-cards h3{ margin:0 0 .6rem; }
.equal-cards p{ color:var(--muted); }
.equal-cards .wp-block-image{ margin-top:auto; border-radius:12px; overflow:hidden; }
.equal-cards .wp-block-buttons{ margin-top:16px; }

/* ---- Header menü ufak dokunuş ---- */
.site-header a{ text-transform:uppercase; letter-spacing:.06em; }
.site-header a:hover{ color:var(--ink); border-color:var(--accent); }

/* ---- Küçük ekran iyileştirmeleri ---- */
@media (max-width:782px){
  .equal-cards > .wp-block-column{ min-height:unset; }
  .ana-hero{ padding-block:80px; }
}
/* —— WPForms koyu tema uyumu —————————————————— */
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-sublabel,
.wpforms-container .wpforms-required-label {
  color: var(--ink);            /* başlık/label rengi */
  font-weight: 600;
}

/* input, select ve textarea yüzeyi + yazı rengi */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="url"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="number"],
.wpforms-container select,
.wpforms-container textarea {
  background: var(--card);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px 14px;
}

/* placeholder renkleri */
.wpforms-container ::placeholder {
  color: var(--muted);
  opacity: .85;
}

/* odak/hover hâldeyken kenarlık ve parlama */
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(122,0,0,.25);
}

/* alan aralıkları (çok yapışık görünmesin) */
.wpforms-container-full .wpforms-form .wpforms-field {
  margin-bottom: 18px;
}

/* Gönder butonu */
.wpforms-container .wpforms-submit {
  background: var(--accent);
  color: var(--ink);
  border: 1px solid var(--accent);
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 700;
  transition: transform .15s ease, filter .15s ease;
}
.wpforms-container .wpforms-submit:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
/* Faili Meşhur İşler – WPForms karanlık tema uyumu */
.fmi-form .wpforms-field-label,
.fmi-form .wpforms-required-label,
.fmi-form .wpforms-field-sublabel {
  color: var(--ink) !important; /* başlık/etiket rengi */
}

/* Girdi alanları */
.fmi-form input[type="text"],
.fmi-form input[type="email"],
.fmi-form input[type="url"],
.fmi-form input[type="tel"],
.fmi-form textarea {
  background: var(--card);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 14px 16px;
}

/* Placeholder rengi */
.fmi-form input::placeholder,
.fmi-form textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}

/* Fokus hali */
.fmi-form input:focus,
.fmi-form textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(122, 0, 0, .35);
}

/* Alanlar arası boşluk */
.fmi-form .wpforms-field {
  margin-bottom: 22px;
}

/* Hata ve zorunlu alan rengi */
.fmi-form .wpforms-error,
.fmi-form .wpforms-required-label {
  color: #ff6b6b !important;
}

/* Gönder butonu */
.fmi-form button[type="submit"],
.fmi-form .wpforms-submit {
  background: var(--accent);
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .2px;
}

.fmi-form button[type="submit"]:hover,
.fmi-form .wpforms-submit:hover {
  filter: brightness(1.1);
}
/* ============================================================
   POLİSİYE ELEŞTİRİLER — Nordic Noir Sinematik Kapak Efekti
   Kullanım: Kapak/cover ya da onu saran Group bloğuna "elestriler-hero" sınıfını ekle
   ============================================================ */

:root{
  /* Tema renkleri – istersen değiştir */
  --noir-bg: #0b0e11;          /* sayfa arka planı için karanlık ton */
  --noir-ink:#e9e7e4;          /* yazı rengi (fildişi) */
  --noir-cold:#a9b8c7;         /* soğuk mavi-gri vurgular */
  --noir-accent:#7a0000;       /* koyu bordo (vurgular ve hover) */
}

/* Sayfa genelinde biraz daha sinematik kontrast (isteğe bağlı) */
body.page .site, body.single .site{
  background: var(--noir-bg);
  color: var(--noir-ink);
}

/* ---------- KAPAK/GÖRSEL BLOK ---------- */
.elestriler-hero{
  position: relative;
  isolation: isolate; /* üst üste blend için */
  overflow: hidden;
}

/* Kapaktaki görseli hafif soğut, kontrast ekle */
.elestriler-hero img,
.elestriler-hero .wp-block-cover__image-background,
.elestriler-hero .wp-block-cover__video-background{
  filter: saturate(85%) hue-rotate(-8deg)
          brightness(.88) contrast(1.08);
  transform: translateZ(0); /* GPU */
}

/* Üstten yumuşak "masa lambası" ışığı + derin vignette + soğuk sis */
.elestriler-hero::before{
  content:"";
  position:absolute; inset:0;
  /* 1) üstten spotlight, 2) aşağı doğru soğuk degrade,
     3) kenarlarda koyu vignette */
  background:
    radial-gradient(120% 70% at 50% 0%,
       rgba(210,225,238,.22) 0 38%, transparent 39%) ,
    linear-gradient(to bottom,
       rgba(160,180,195,.22) 0%,
       rgba(15,18,22,.65) 55%,
       rgba(10,12,15,.85) 100%) ,
    radial-gradient(120% 90% at 50% 120%,
       rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 55%);
  mix-blend-mode: soft-light;
  pointer-events:none;
  z-index:1;
}

/* İnce film gren (performans dostu “procedural” noise) */
.elestriler-hero::after{
  content:"";
  position:absolute; inset:-1px;
  background:
    repeating-radial-gradient(circle at 30% 20%,
      rgba(255,255,255,.015) 0 1px, transparent 1px 2px),
    repeating-linear-gradient(0deg,
      rgba(255,255,255,.012) 0 1px, transparent 1px 2px);
  opacity:.16;          /* gren yoğunluğu */
  mix-blend-mode: soft-light;
  pointer-events:none;
  z-index:2;
}

/* Kapak üzerindeki başlık altına bordo “daktilo şeridi” vurgusu (isteğe bağlı) */
.elestriler-title,
.elestriler-hero .wp-block-heading{
  position:relative;
  color:var(--noir-ink);
  letter-spacing:.02em;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
.elestriler-title::after,
.elestriler-hero .wp-block-heading::after{
  content:"";
  display:block;
  height:2px;
  margin:.35rem auto 0;
  width:min(28rem, 64%);
  background:linear-gradient(90deg,
     transparent 0 10%,
     var(--noir-accent) 10% 90%,
     transparent 90% 100%);
  box-shadow:0 0 14px rgba(122,0,0,.35);
  opacity:.85;
}

.elestriler-hero .wp-block-cover__inner-container { display:none; }

/* ---------- Link ve küçük aksan davranışları ---------- */
.elestriler-hero a,
.elestriler-hero .has-link-color a{
  color:var(--noir-ink);
  border-bottom:1px solid transparent;
  transition:.2s ease;
}
.elestriler-hero a:hover{
  color:#fff;
  border-color:var(--noir-accent);
  text-shadow:0 0 6px rgba(122,0,0,.45);
}

/* ---------- “Kâğıt/dergi” görsellerine hafif yüzen gölge efekti ---------- */
.polisiye-asset{
  transition:transform .25s ease, filter .25s ease, box-shadow .25s ease;
  will-change: transform, filter;
}
.polisiye-asset:hover{
  transform: translateY(-3px);
  filter: contrast(1.08) brightness(1.02);
  box-shadow:
    0 18px 38px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

/* ---------- Yıldız/puan için küçük bordo vurgular (istersen) ---------- */
.star, .stars, .rating i{
  color:var(--noir-accent);
}
/* OLAYLAR kategorisi arşivine kapak görseli ve başlık stili */
.archive.category-olaylar .ast-archive-description {
  background: url('https://failimeshurisler.com/wp-content/uploads/2025/11/FAILI-MESHUR-ISLER-2.png')
              no-repeat center/cover;
  padding: 120px 20px;      /* hero yüksekliği */
  color: #fff;
  text-align: center;
  position: relative;
}
.archive.category-olaylar .ast-archive-description::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.35);   /* koyu overlay */
}
/* Başlık */
.archive.category-olaylar .ast-archive-title {
  position: relative; z-index:1;
  font-size: clamp(36px, 6vw, 64px);
  font-weight: 800;
  letter-spacing: .02em;
  text-shadow: 0 2px 20px rgba(0,0,0,.55);
  color:#fff;
}
/* Açıklama metni kullanırsan (Kategori açıklaması alanı) */
.archive.category-olaylar .taxonomy-description {
  position: relative; z-index:1;
  max-width: 900px; margin: 10px auto 0;
  color:#e9ecef; font-size: 18px; line-height: 1.6;
}
.archive .wp-block-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}
.archive header {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.single .post-thumb img,
.single-post .featured-image,
.ast-single-post-featured-section img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
}
.single .post-thumb img,
.single .featured-image,
.single .post-featured-image,
.single-post .post-thumb img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.single .ast-single-post-featured-section {
    display: block !important;
}
.home .post-thumbnail,
.home .wp-post-image,
.home .featured-image,
.home .entry-thumbnail {
    display: none !important;
}
/* ============================
   TESTLER – HERO BÖLÜMÜ
============================ */

/* Hero kapsayıcı */
body.category-testler .testler-hero {
    text-align: center;
    margin: 40px auto 50px auto;
    max-width: 780px;
}

/* Kırmızı mühür */
body.category-testler .testler-stamp {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #7A0000;
    border: 6px solid #550000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px auto;
    color: #EDEBE8;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
    transform: rotate(-6deg);
}

/* Açıklama */
body.category-testler .testler-intro {
    color: #B8B6B1;
    font-size: 18px;
    line-height: 1.7;
    max-width: 720px;
    margin: 0 auto;
}
/* Yorum kutusu genel alanı */
#commentform textarea,
.comment-form-comment textarea {
    background: #111 !important;
    border: 1px solid #7A0000 !important;
    color: #EDEBE8 !important;
    padding: 18px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    box-shadow: 0 0 15px rgba(122, 0, 0, 0.3) !important;
}

/* Avatar ve metin alanının altındaki box */
#commentform {
    background: #0b0b0b !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 1px solid #222 !important;
}

/* Gönder butonu */
#commentform input[type="submit"] {
    background: #7A0000 !important;
    color: #EDEBE8 !important;
    border: none !important;
    padding: 10px 28px !important;
    border-radius: 30px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: 0.3s ease !important;
}

#commentform input[type="submit"]:hover {
    background: #550000 !important;
}

/* Yorum kutusu başlığı */
#reply-title {
    color: #EDEBE8 !important;
    font-family: "Cormorant Garamond", serif !important;
    font-size: 28px !important;
}
/* ================================
   Başlık Hiyerarşisi – FMI Nordic Noir
   ================================ */

/* Temel: tüm başlıklar aynı font, renk ve hafif harf aralığı */
h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", serif;
  color: var(--ink);
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

/* Ana sayfa / yazı başlıkları (entry title) – sinematik */
.entry-title,
.page-title,
.single .entry-title,
h1 {
  font-size: clamp(2.3rem, 4vw, 3.1rem);
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0.06em;
}

/* İçerik içi H2 – kırmızı accent çizgili bölüm başlıkları */
.entry-content h2 {
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  font-weight: 600;
  margin-top: 2.4em;
  margin-bottom: 0.9em;
  position: relative;
  padding-bottom: 0.4em;
}

.entry-content h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 2px;
  background: var(--accent);
}

/* İçerik içi H3 – daha sakin, gri tonlu alt başlık */
.entry-content h3 {
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  font-weight: 500;
  color: var(--muted);
  text-transform: none;
}

/* İçerik içi H4 – küçük label / üstlük gibi kullanılabilir */
.entry-content h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--muted);
  margin-top: 2em;
}

/* H5/H6 – çok nadir teknik alt başlıklar için sade bırakıyoruz */
.entry-content h5,
.entry-content h6 {
  font-size: 0.95rem;
  text-transform: none;
  color: var(--muted);
}

/* 1. Kapak bloğundaki saf siyah arka planı kaldır */
.wp-block-cover__background.has-black-background-color,
.wp-block-cover.has-black-background-color {
    background-color: transparent !important;
}
/* FMI ana sayfa hero görseli çerçevesi */
.fmi-hero img,
.fmi-hero {
    border: 8px solid #7A0000; /* FMI kırmızısı */
    box-sizing: border-box;
}
.fmi-404-hero{
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-color: #050505; /* kenarlardaki boşluğu karanlık yapar */
    min-height: 100vh;
}
/* =====================================================
   FMI – MASTER MENU FONT RESET
   Previous menu font-size overrides are neutralized
   ===================================================== */

header nav a,
header .main-navigation a,
header .menu a,
.site-header .menu > li > a,
.main-navigation ul li a,
#site-navigation a {

  font-size: 13px !important;
  letter-spacing: 1.1px !important;
  padding: 10px 14px !important;
  white-space: nowrap !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
}
/* Desktop only micro adjustment */
@media (min-width:1200px) {
  header nav a {
    font-size: 13.5px !important;
  }
}

/* Tablet safe fix */
@media (max-width:1024px) {
  header nav a {
    font-size: 12.5px !important;
    letter-spacing: 0.9px !important;
    padding: 8px 10px !important;
  }
}

/* Mobile panic breaker */
@media (max-width:768px) {
  header nav a {
    font-size: 12px !important;
    padding: 7px 8px !important;
  }
.fmi-category-intro{
  max-width:900px;
  margin:50px auto 70px auto;
  text-align:center;
}

.fmi-category-intro img{
  max-width:100%;
  border-radius:6px;
  margin-bottom:22px;
}

.fmi-category-intro p{
  font-family:"Cormorant Garamond", serif;
  font-size:19px;
  line-height:1.7;
  opacity:0.9;
}
/* Mobile Hero Stabilization */
@media (max-width: 768px) {

  .hero, 
  .hero img {
    max-height: 45vh !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .hero-overlay::after {
    background:
      linear-gradient(to bottom,
        rgba(0,0,0,.55),
        rgba(0,0,0,.85)) !important;
  }

}
/* Hero Intro Text Mobile Fix */
@media (max-width: 768px) {

  .fmi-category-intro p {
      font-size:16px !important;
      line-height:1.6 !important;
      padding: 0 14px !important;
      text-align:left !important;
  }

}
/* Mobile Navigation Fix */

@media (max-width: 768px) {

  .main-navigation a {
    font-size:14px !important;
    letter-spacing:.7px !important;
    padding:10px 12px !important;
  }

  /* Glitch & hover disable on mobile */
  .main-navigation a:hover,
  .main-navigation a.fmi-glitch:hover {
    animation:none !important;
    text-shadow:none !important;
  }

}
/* Tablet Stabilization */

@media (max-width:1024px) and (min-width:769px){

  .hero img{
      max-height:55vh !important;
  }

  .main-navigation a{
      font-size:13px !important;
  }

}
@media(max-width:768px){

 h1{font-size:24px !important;}
 h2{font-size:20px !important;}
 h3{font-size:18px !important;}
 p,li{font-size:15px !important;}

}
/* ==========================
   FMI RESPONSIVE PACK
   (Logo, Menü, Ana Sayfa Hero, Kategori Intro)
   ========================== */

/* 0) Genel: ön yüz arkaplanını markaya göre karart */
.home .site-main,
.archive .site-main {
  background: #0D0D0D !important;
}

/* 1) LOGO & HEADER – Mobil ve Tablet Boyutu */

/* Mobil (telefon) */
@media (max-width: 768px) {

  .site-branding img,
  .custom-logo {
    max-height: 70px !important;
    height: auto !important;
    width: auto !important;
  }

  .ast-header-break-point .site-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {

  .site-branding img,
  .custom-logo {
    max-height: 90px !important;
    height: auto !important;
    width: auto !important;
  }

  .ast-header-break-point .site-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* 2) NAVİGASYON – Küçük ekranlarda okunabilirlik & hover sakinliği */

@media (max-width: 1024px) {

  .main-navigation a {
    font-size: 14px !important;
    letter-spacing: 0.8px !important;
    padding: 10px 12px !important;
  }

  /* Mobil/tablette glitch + ağır hover kapansın */
  .main-navigation a:hover,
  .main-navigation a.fmi-glitch:hover {
    animation: none !important;
    text-shadow: none !important;
  }
}

/* 3) ANA SAYFA HERO – Başlık, metin ve butonlar */

/* Not: Ana sayfa body sınıfı "home" varsayıldı (Astra'da öyle). */
@media (max-width: 768px) {

  /* Hero içeriği kenarlardan nefes alsın */
  .home .entry-content {
    padding: 0 16px 32px 16px !important;
  }

  /* İlk büyük başlık (Ana hero başlık) */
  .home .entry-content h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    color: var(--ink) !important;
    opacity: 0.96 !important;
    text-align: left !important;
  }

  /* Hero içindeki açıklama paragrafı */
  .home .entry-content p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--ink) !important;
    opacity: 0.9 !important;
  }

  /* Ana hero butonu */
  .home .entry-content .wp-block-button__link {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }
}

/* 4) KATEGORİ HERO INTRO – Öyküler / Değerlendirmeler vs. */

.fmi-category-intro {
  max-width: 900px;
  margin: 50px auto 70px auto;
  text-align: center;
}

.fmi-category-intro img {
  max-width: 100%;
  border-radius: 6px;
  margin-bottom: 22px;
}

.fmi-category-intro p {
  font-family: "Cormorant Garamond", serif;
  font-size: 19px;
  line-height: 1.7;
  opacity: 0.9;
}

/* Mobil için kategori intro sadeleşsin */
@media (max-width: 768px) {

  .fmi-category-intro {
    margin: 28px auto 36px auto;
    padding: 0 16px;
    text-align: left;
  }

  .fmi-category-intro img {
    margin-bottom: 16px;
  }

  .fmi-category-intro p {
    font-size: 15px;
    line-height: 1.7;
  }
}

/* 5) Genel tipografi – mobilde çok büyümesin */

@media (max-width: 768px) {
  h2 {
    font-size: 20px !important;
  }

  h3 {
    font-size: 18px !important;
  }

  p, li {
    font-size: 15px !important;
  }
}
/* =====================================
   FMI FIX PACK 2
   - Beyaz kenarları kaldır
   - Sütunları mobile uygun yap
   - Footer'daki dikey çizgiyi kaldır
   ===================================== */

/* 1) Site içi tüm ana konteynerleri karart (beyaz çerçeveyi yok et) */
body,
.site,
.site-main,
.ast-container,
.ast-article-single,
.entry-content {
  background: #0D0D0D !important;
}

/* 2) Gutenberg sütunlarını mobilde düzgün göster
      - Yan yana değil, üst üste gelsin
      - Dikey çizgi / border kalksın
*/
@media (max-width: 768px) {

  /* Sütunlar sarılabilsin */
  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  /* Her sütun %100 genişlik alsın, çizgi olmasın */
  .wp-block-columns .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
    border-left: none !important;
    padding-left: 0 !important;
  }
}

/* 3) Tablet için de footer ve diğer kolonlardaki dikey çizgileri kaldır */
@media (max-width: 1024px) {
  .wp-block-columns .wp-block-column {
    border-left: none !important;
    padding-left: 0 !important;
  }
}
/* ==== FMI BASIT DÜZELTME PAKETİ ==== */

/* Ana sayfa hero bölümündeki beyaz arka planı kaldır, koyu yap */
.home .wp-block-cover,
.home .wp-block-group {
  background-color: transparent !important;
}

/* Ana sayfa ilk büyük başlık – mobilde çok bölünmesin, biraz küçülsün */
@media (max-width: 768px) {
  .home .entry-content h2 {
    font-size: 26px !important;
    line-height: 1.3 !important;
    padding: 0 12px !important;
  }
}

/* Footer'daki dikey çizgileri tamamen kaldır */
.site-footer * {
  border-left: none !important;
  border-right: none !important;
}
/* 1) Ana sayfa hero başlığının altındaki kırmızı çizgiyi gizle */
.home .entry-content .wp-block-separator {
  display: none !important;
}

/* 2) Footer'daki dikey çizgiyi tamamen kapat */
.site-footer .wp-block-columns,
.site-footer .wp-block-column {
  border-left: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Footer sütunlarının eklediği olası pseudo-çizgileri de kapat */
.site-footer .wp-block-columns::before,
.site-footer .wp-block-columns::after,
.site-footer .wp-block-column::before,
.site-footer .wp-block-column::after {
  content: none !important;
}
/* ==== FMI ÇİZGİ AVLAYICI PAKET ==== */

/* 1) Ana sayfadaki kırmızı alt çizgi ve diğer ayırıcıları gizle */
.home .site-main .wp-block-separator,
.home .site-main hr {
  display: none !important;
}

/* 2) İçerik alanında (site-main) görünen dikey rehber/çizgi ne varsa kapat */
.site-main .wp-block-group,
.site-main .wp-block-columns,
.site-main .wp-block-column {
  border-left: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Bu blokların before/after pseudo elementlerinden gelen çizgileri de öldür */
.site-main .wp-block-group::before,
.site-main .wp-block-group::after,
.site-main .wp-block-columns::before,
.site-main .wp-block-columns::after,
.site-main .wp-block-column::before,
.site-main .wp-block-column::after {
  content: none !important;
  border: 0 !important;
  background: none !important;
}

/* 3) Footer'da kalan dikey çizgiler için ekstra kilit */
.site-footer .wp-block-group,
.site-footer .wp-block-columns,
.site-footer .wp-block-column {
  border-left: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.site-footer .wp-block-group::before,
.site-footer .wp-block-group::after,
.site-footer .wp-block-columns::before,
.site-footer .wp-block-columns::after,
.site-footer .wp-block-column::before,
.site-footer .wp-block-column::after {
  content: none !important;
  border: 0 !important;
  background: none !important;
}
/* === 1) Ana sayfadaki başlık altı kırmızı çizgiyi kapat === */
.home .entry-content h1::after,
.home .entry-content h2::after {
  content: none !important;
  border: 0 !important;
  background: none !important;
}

/* Ayırıcı bloktan geliyorsa onu da gizle */
.home .entry-content hr,
.home .entry-content .wp-block-separator {
  display: none !important;
}
/* === 2) Ana içerik ve footer içindeki tüm sol kenarlıkları kaldır === */

/* Ana içerik (site-main) içindeki bütün elementlerin sol kenarlığını sıfırla */
.site-main * {
  border-left: 0 !important;
}

/* Footer içindeki bütün elementlerin sol kenarlığını da sıfırla */
.site-footer * {
  border-left: 0 !important;
}

/* Olası pseudo-element çizgilerini de temizle */
.site-main *::before,
.site-main *::after,
.site-footer *::before,
.site-footer *::after {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
/* Genel link ve alt çizgiler */
a,
a:visited {
  color: var(--fmi-red);
}

a:hover {
  color: #9B0000;
}

/* Butonlar */
button,
.wp-block-button__link {
  background-color: var(--fmi-red);
  border-color: var(--fmi-red);
}

/* Hover glow */
button:hover,
.wp-block-button__link:hover {
  background-color: #9B0000;
  box-shadow: 0 0 8px rgba(122,0,0,0.4);
}
/* Alt çizgi, pseudo ve dekoratif vurgular */
::selection {
  background: var(--fmi-red);
  color: white;
}

/* İkon hover’ları */
svg:hover,
.social-icons a:hover {
  color: var(--fmi-red);
}
/* FMI kırmızısı */
:root {
  --fmi-red: #7A0000;
}

/* FOOTER - link normal */
#colophon a,
#colophon a:visited,
#colophon .wp-block-navigation a,
#colophon .wp-block-navigation a:visited {
  color: var(--fmi-red) !important;
  text-decoration: none;
}

/* FOOTER - hover */
#colophon a:hover,
#colophon .wp-block-navigation a:hover {
  color: #9B0000 !important;
  border-bottom: 1px solid var(--fmi-red);
}
/* Hakkında sayfasındaki isim kutusu */
.bio-name-box {
  display: inline-block;
  padding: 0.7rem 1.4rem;
  border: 2px solid #7A0000 !important; /* dört kenar aynı kırmızı */
  box-sizing: border-box;
  white-space: nowrap;        /* Tek satırda tut */
}

/* Mobilde biraz küçült ki taşmasın */
@media (max-width: 600px) {
  .bio-name-box {
    font-size: 1.6rem;        /* Gerekirse 1.5 / 1.4 yaparız */
  }
}

/* Mobilde ortalasın, taşmasın */
@media (max-width: 600px) {
  .bio-name-box {
    margin-left: auto;
    margin-right: auto;
  }
}
/* Astra alt footer: her ekranda aynı görünüm */
.site-footer .ast-small-footer,
.site-footer .ast-footer-copyright,
.site-footer .site-info {
  background: #0b0b0b !important;
  color: #bfbfbf !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* Alt footerdaki tüm yazılar */
.site-footer .ast-small-footer *,
.site-footer .ast-footer-copyright *,
.site-footer .site-info * {
  color: #bfbfbf !important;
}

/* Linkler */
.site-footer .ast-small-footer a,
.site-footer .ast-footer-copyright a,
.site-footer .site-info a {
  color: #bfbfbf !important;
  text-decoration-color: #7A0000 !important;
}
body > img {
  display: none !important;
}
/* Astra mobile/off-canvas menu readability */
.ast-header-break-point .ast-mobile-popup-content,
.ast-header-break-point .ast-mobile-popup-inner,
.ast-header-break-point .ast-builder-offcanvas,
.ast-header-break-point .ast-mobile-popup-content .main-header-menu,
.ast-header-break-point .ast-mobile-popup-content .main-navigation,
.ast-header-break-point .ast-mobile-popup-content .main-navigation ul,
.ast-header-break-point .ast-mobile-popup-content .ast-nav-menu,
.ast-header-break-point .ast-mobile-popup-content .ast-nav-menu ul{
  background: #000 !important;
}

.ast-header-break-point .ast-mobile-popup-content a,
.ast-header-break-point .ast-mobile-popup-content .menu-link{
  color: #fff !important;
}

.ast-header-break-point .ast-mobile-popup-content a:hover,
.ast-header-break-point .ast-mobile-popup-content .current-menu-item > a{
  color: #7A0000 !important;
}