/* =========================================================
   HKÜ Araştırma Merkezleri — Ortak Tasarım Sistemi
   base.css  ·  tokens, reset, tipografi, layout
   Marka: Bordo akademik / modern sans
   ========================================================= */

:root{
  /* --- Bordo (ana kurumsal renk) --- */
  --bordo-900:#3F0C15;
  --bordo-800:#52121E;
  --bordo-700:#6E1626;   /* primary */
  --bordo-600:#86223A;   /* hover */
  --bordo-100:#F6E7E8;
  --bordo-50:#FBF3F2;

  /* --- Altın vurgu (ölçülü, akademik) --- */
  --gold-700:#937024;
  --gold-600:#B0892F;
  --gold-500:#C7A446;
  --gold-100:#F2E8CD;

  /* --- Sıcak nötrler --- */
  --bg:#FAF7F4;
  --surface:#FFFFFF;
  --surface-2:#F4EFEA;
  --ink:#1E1619;
  --ink-soft:#42383B;
  --muted:#736A66;
  --faint:#6F6762; /* WCAG AA: 4.5:1 kontrast */
  --border:#EBE3DD;
  --border-strong:#DACFC7;

  /* --- Tipografi --- */
  --font-display:"Archivo","Segoe UI",system-ui,sans-serif;
  --font-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;

  /* --- Ölçek --- */
  --maxw:1200px;
  --gutter:clamp(20px,5vw,56px);
  --radius:6px;
  --radius-lg:12px;

  /* --- Gölge (ince, akademik) --- */
  --shadow-sm:0 1px 2px rgba(33,18,22,.06), 0 1px 1px rgba(33,18,22,.04);
  --shadow-md:0 10px 30px -12px rgba(53,18,26,.18);
  --shadow-lg:0 24px 60px -24px rgba(53,18,26,.30);

  --ring:0 0 0 3px rgba(110,22,38,.18);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.65;
  font-feature-settings:"ss01","cv01";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:var(--ink)}
p{margin:0}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:4px}

/* ---------- Dil görünürlüğü (TR / EN) ---------- */
html[lang="en"] [data-lang="tr"]{display:none !important}
html[lang="tr"] [data-lang="en"]{display:none !important}

/* ---------- Layout primitives ---------- */
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wrap-wide{max-width:1340px;margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(48px,7vw,90px)}
.section--tight{padding-block:clamp(34px,4.5vw,56px)}
.stack{display:flex;flex-direction:column}
.row{display:flex;align-items:center}
.grid{display:grid;gap:clamp(18px,2.4vw,30px)}

/* ---------- Tipografi yardımcıları ---------- */
.kicker{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--bordo-700);
  font-weight:500;
  display:inline-flex;align-items:center;gap:.6em;
}
.kicker::before{
  content:"";width:26px;height:2px;background:var(--gold-600);display:inline-block;
}
.kicker--plain::before{display:none}
.display{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.04;letter-spacing:-.022em}
.h-xl{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.08}
.h-lg{font-size:clamp(1.4rem,2.4vw,1.95rem)}
.h-md{font-size:clamp(1.2rem,1.8vw,1.45rem)}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--ink-soft);line-height:1.6}
.muted{color:var(--muted)}
.faint{color:var(--faint)}
.measure{max-width:64ch}
.balance{text-wrap:balance}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  padding:.72em 1.25em;border-radius:var(--radius);
  font-family:var(--font-body);font-weight:600;font-size:.97rem;
  border:1px solid transparent;transition:.18s ease;white-space:nowrap;
}
.btn svg{width:1.05em;height:1.05em}
.btn--primary{background:var(--bordo-700);color:#fff}
.btn--primary:hover{background:var(--bordo-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn--ghost{background:transparent;color:var(--bordo-700);border-color:var(--border-strong)}
.btn--ghost:hover{border-color:var(--bordo-700);background:var(--bordo-50)}
.btn--light{background:#fff;color:var(--bordo-800);border-color:transparent}
.btn--light:hover{background:var(--bordo-50)}
.btn--onbordo{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
.btn--onbordo:hover{background:#fff;color:var(--bordo-800)}

.link-more{
  display:inline-flex;align-items:center;gap:.45em;font-weight:600;color:var(--bordo-700);
  font-size:.97rem;transition:.16s;
}
.link-more svg{width:1em;height:1em;transition:transform .18s}
.link-more:hover{color:var(--bordo-600)}
.link-more:hover svg{transform:translateX(3px)}

/* ---------- Görsel placeholder (slot) ---------- */
.ph{
  position:relative;display:grid;place-items:center;overflow:hidden;
  background:
    repeating-linear-gradient(135deg,#efe5e0 0 11px,#f6efeb 11px 22px);
  color:var(--muted);
  border:1px solid var(--border);
}
.ph::after{
  content:attr(data-label);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  background:rgba(255,255,255,.82);padding:5px 10px;border-radius:4px;
  color:var(--ink-soft);
}
.ph--bordo{
  background:
    repeating-linear-gradient(135deg,rgba(110,22,38,.10) 0 11px,rgba(110,22,38,.05) 11px 22px),
    var(--bordo-800);
}
.ph--bordo::after{background:rgba(63,12,21,.55);color:#f3e7e9}

/* ---------- Tag / kategori rozeti ---------- */
.tag{
  display:inline-flex;align-items:center;gap:.4em;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:500;color:var(--bordo-700);
  padding:.3em .65em;border:1px solid var(--bordo-100);background:var(--bordo-50);border-radius:4px;
}
.tag--gold{color:var(--gold-700);background:var(--gold-100);border-color:#e7d9b1}
.tag--solid{background:var(--bordo-700);color:#fff;border-color:transparent}

.date{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em;color:var(--faint)}

.divider{height:1px;background:var(--border);border:0;margin:0}
.rule-gold{height:3px;width:54px;background:var(--gold-600);border:0;border-radius:2px}

/* ---------- Utility ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.no-scroll{overflow:hidden}
.center{text-align:center}
.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important}
}

/* === WP eklentileri — base.css === */

/* WP admin bar varken sticky header offset */
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}

/* Screen reader — WP core */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* WP post image */
.wp-post-image{display:block;max-width:100%}

/* ---- WCAG 2.1 AA: skip-link odakta görünür ---- */
.skip-link:focus{position:fixed;top:12px;left:12px;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;z-index:200;background:var(--bordo-700);color:#fff;padding:10px 18px;border-radius:6px;font-weight:600}

/* ---- Erişilebilirlik aracı durumları ---- */
html.a11y-font-lg{font-size:112.5%}
html.a11y-font-xl{font-size:125%}
html.a11y-underline a{text-decoration:underline !important;text-underline-offset:3px}
html.a11y-contrast{--ink:#000;--ink-soft:#1a1a1a;--muted:#333;--faint:#444;--border:#888;--border-strong:#555;--bg:#fff;--surface:#fff;--surface-2:#f2f2f2}
html.a11y-contrast .topbar,html.a11y-contrast .site-footer,html.a11y-contrast .page-hero,html.a11y-contrast .band--dark{background:#000}