/*
Theme Name: nihatbasV12
Theme URI: https://nihatbas.com.tr/theme/v11
Author: Nihat Baş
Author URI: https://nihatbas.com.tr
Description: Minimal, hızlı, sticky arama menülü, özelleştirilebilir renk-font destekli özel WordPress teması.
Version: nihatbasV12
Text Domain: nihatbasV11
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Tags: blog, minimal, responsive, law, clean
*/
:root{--triangle-color:#c1272d;--bg-color:#eef2f5;--text-color:#1a1a1a;--font-family: var(--font-family);}
/*
Theme Name: nihatbasV12
Theme URI: https://nihatbas.com.tr
Author: Nihat Baş + Assistant
Description: Sağlanan landing HTML'e birebir: üstte kısa bar, altında küçük mavi SVG üçgen, kelime kelime 'Hoşgeldiniz...' animasyonu; mobil/tablette menü alta ortalanır; gri & kalın başlıklar; WP REST arama; Maslak adresi; telefon fallback.
Version: nihatbasV12
Text Domain: nihatbasV1
License: GPL-2.0-or-later
*/

:root{
  --bg0:#eef2f5;
  --bg1:#e5e9ef;
  --ink:#0b0b0b;
  --ring:#d1d5db;
  --blue:#0ea5e9;
  --title:#374151;
  --in: 180ms; --vis: 216ms; --out: 240ms; --gap: 60ms;
}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1200px 600px at 50% 40%, var(--bg0), var(--bg1));
  color:var(--ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Menü */
/* removed old fixed menu block */




/* Sayfa iskeleti */
.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:72px 16px 48px;gap:18px}
/* Başlık %25 küçük */
.name{font:800 clamp(24px,4.5vw,45px)/1.05 ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;letter-spacing:.06em;margin:0;text-align:center}
.addr{color:rgba(0,0,0,.85);text-align:center;font-weight:500;letter-spacing:.03em;margin:8px 0 24px}

/* Üçgen + kelimeler */
.stage{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:8px 0 10px}
.words{position:absolute; bottom:26px; left:50%; transform:translateX(-50%); height:1.6em; display:flex; align-items:center; justify-content:center; max-width:92vw; pointer-events:none}
.word{opacity:0; line-height:1; white-space:nowrap; color:#404854; font-weight:600; font-size:clamp(14px,3.6vw,18px); letter-spacing:.02em; text-align:center; transition:opacity var(--in) linear}
.word.show{opacity:1}
.bar{width:56px;height:2px;background:#111827;opacity:.85;border-radius:2px;transition:width var(--in) ease-in-out}
.tri-btn{appearance:none;border:0;background:transparent;padding:0;margin-top:4px;line-height:0;cursor:pointer}
.tri{width:26px;height:18px;display:block}
.tri polygon{fill:var(--triangle-color);}

/* Arama */
.search{width:min(1200px,94vw)}
.inputwrap{display:flex;align-items:center;gap:12px;background:#0b0b0b;border:1px solid #000;padding:12px 14px;border-radius:10px}
.sq{width:10px;height:10px;background:#fff;border-radius:2px}
.caret{width:12px;height:16px;background:var(--triangle-color);border-radius:2px;animation:blink 1s steps(2,start) infinite}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.prompt{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:18px;caret-color:#fff}
.exec{border:2px solid #111;background:#fff;color:#111;font-weight:800;padding:8px 12px;border-radius:8px;letter-spacing:.06em;box-shadow:inset 0 -2px 0 rgba(0,0,0,.06)}
.hint{color:#9ca3af;font-size:12px;margin-top:6px}

/* Kartlar + başlıklar */
.results{width:min(1200px,94vw);display:flex;flex-direction:column;gap:12px;margin-top:18px}
.card{background:#fff;border:1px solid var(--ring);border-radius:10px;padding:12px 14px;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.card h3{margin:0 0 6px;font-size:18px;line-height:1.3}
.card h3 a, .post-card h2 a{color:var(--title);font-weight:700;text-decoration:none}
.card h3 a:hover, .post-card h2 a:hover{color:#1f2937;text-decoration:underline}
.meta{color:#9aa3af;font-size:12px}

.empty{background:rgba(255,255,255,.7);border:1px dashed var(--ring);border-radius:10px;padding:12px 14px;font-size:14px;color:#374151}
.footerline{color:#9ca3af;font-size:12px;margin-top:16px;text-align:center}

/* Mobil/Tablet: menü altta ortada */
@media (max-width:1024px){
  
  
}

:root {
  --triangle-color: /* PHP removed from CSS */;
  --bg-color: /* PHP removed from CSS */;
  --text-color: /* PHP removed from CSS */;
  --font-family: /* PHP removed from CSS */;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family);
}

/* VAR MAP */
:root{
  --bg0: var(--bg-color);
  --bg1: var(--bg-color);
  --ink: var(--text-color);
}


/* Sticky centered menu */





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



/* Sticky centered menu (compact) - mobile centering fix */






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

}

/* Menu — final compact sticky & centered, width = content */






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

/* MENU — single source of truth */
.menu{
  position: sticky; top: 0; z-index: 40;
  display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
  margin: 6px auto; padding: 0; background: transparent;
}
.menu ul{display: inline-flex; gap: 12px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; justify-content: center; align-items: center}
.menu li{margin: 0}
.menu a{display: inline-block; padding: 2px 6px; text-decoration: none; color: var(--text-color); font-size: 14px; line-height: 1.2; font-weight: 700}
.menu a:hover{opacity: .9}
@media (max-width: 820px){ /* tablet & mobile */
  .menu a{font-size: 13px}
}