/*
Theme Name: TCMB Kur Platformu
Theme URI: https://tcmbdovizkuru.com/
Author: Maraton Invest
Description: TCMBDovizKuru.com icin hizli, erisilebilir ve veri odakli ozel tema.
Version: 1.0.0
Text Domain: tcmb-kur-theme
*/

:root {
  --ink: #10233a;
  --ink-deep: #071b2e;
  --ink-mid: #17344d;
  --teal: #0f857c;
  --teal-soft: #7de0d4;
  --paper: #fff;
  --canvas: #f5f8f9;
  --muted: #607188;
  --line: #dce5eb;
  --wrap: 1220px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
body.admin-bar .site-header { top: 32px; }
a { color: var(--teal); text-underline-offset: .2em; }
a:hover { color: #08665f; }
img { max-width: 100%; height: auto; }
button, input, select { font: inherit; }
.wrap { width: min(calc(100% - 40px), var(--wrap)); margin-inline: auto; }
.screen-reader-text { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link:focus { z-index: 10000; top: 8px; left: 8px; width: auto; height: auto; clip: auto; border-radius: 8px; padding: .65rem 1rem; background: #fff; }

.site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: rgba(7,27,46,.9);
  color: #fff;
  backdrop-filter: blur(18px);
}

.site-header__inner { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 2rem; }
.site-brand { color: #fff; font-size: 1.05rem; font-weight: 820; letter-spacing: -.025em; text-decoration: none; }
.site-brand:hover { color: #fff; }
.site-nav { display: flex; gap: clamp(.7rem,2vw,1.45rem); align-items: center; }
.site-nav a { color: #b9c9d4; font-size: .86rem; font-weight: 700; text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: #7de0d4; }
.nav-toggle { display: none; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; padding: .55rem .7rem; background: transparent; color: #fff; }

.hero-shell {
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(42,187,169,.19), transparent 28%),
    radial-gradient(circle at 12% 82%, rgba(44,106,136,.27), transparent 31%),
    linear-gradient(135deg, #071b2e 0%, #102e43 53%, #0b3d43 100%);
}
.hero-shell::before { content: ""; position: absolute; inset: 0; pointer-events: none; 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; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
.hero-shell { position: relative; }
.hero-shell > .wrap { position: relative; z-index: 1; }

.platform-main { padding: clamp(2rem,5vw,4.5rem) 0 0; }
.platform-panel { border-radius: 34px; padding: clamp(1rem,3vw,2rem); background: rgba(255,255,255,.66); }

.article-section { margin-top: clamp(4rem,9vw,8rem); padding: clamp(4rem,8vw,7rem) 0; background: #fff; }
.article-layout { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: clamp(2rem,7vw,6rem); align-items: start; }
.tcmb-article { min-width: 0; color: #263f54; font-size: 1.03rem; }
.tcmb-article > *:first-child { margin-top: 0; }
.tcmb-article h2, .tcmb-article h3, .tcmb-article h4 { color: var(--ink); letter-spacing: -.025em; line-height: 1.2; scroll-margin-top: 100px; }
.tcmb-article h2 { margin: 3.4rem 0 1rem; font-size: clamp(1.65rem,3vw,2.35rem); }
.tcmb-article h3 { margin: 2.5rem 0 .8rem; font-size: clamp(1.3rem,2.5vw,1.7rem); }
.tcmb-article h4 { margin: 2rem 0 .65rem; font-size: 1.15rem; }
.tcmb-article p, .tcmb-article li { line-height: 1.82; }
.tcmb-article ul, .tcmb-article ol { padding-left: 1.35rem; }
.tcmb-article li + li { margin-top: .45rem; }
.tcmb-article blockquote { margin: 2rem 0; border-left: 4px solid var(--teal); padding: .2rem 0 .2rem 1.25rem; color: #425c6d; }
.tcmb-article table { width: 100%; border-collapse: collapse; margin: 2rem 0; }
.tcmb-article th, .tcmb-article td { border: 1px solid var(--line); padding: .8rem; text-align: left; }
.tcmb-article th { background: #edf5f5; color: var(--ink); }

.article-aside { position: sticky; top: 100px; border: 1px solid var(--line); border-radius: 22px; padding: 1.2rem; background: #f6f9fa; }
.article-aside h2 { margin: 0 0 .8rem; color: var(--ink); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.article-aside nav { display: grid; }
.article-aside a { border-bottom: 1px solid #e0e8eb; padding: .7rem 0; color: #4c6274; font-size: .82rem; font-weight: 690; line-height: 1.35; text-decoration: none; }
.article-aside a:last-child { border-bottom: 0; }
.article-aside a:hover { color: var(--teal); }

.page-hero { padding: clamp(4rem,8vw,7rem) 0; background: linear-gradient(135deg,#071b2e,#103e49); color: #fff; }
.page-hero p { margin: 0 0 .75rem; color: #7de0d4; font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.page-hero h1 { max-width: 900px; margin: 0; font-size: clamp(2.5rem,7vw,5rem); letter-spacing: -.055em; line-height: 1; }
.page-content { padding: clamp(2rem,6vw,5rem) 0; }

.site-footer { border-top: 1px solid rgba(255,255,255,.08); padding: 3rem 0; background: var(--ink-deep); color: #9db0be; }
.site-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2rem; }
.site-footer strong { color: #fff; font-size: 1rem; }
.site-footer p { max-width: 460px; margin: .65rem 0 0; font-size: .82rem; }
.site-footer h2 { margin: 0 0 .65rem; color: #fff; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; }
.site-footer nav { display: grid; gap: .45rem; }
.site-footer a { color: #abc0cc; font-size: .82rem; text-decoration: none; }
.site-footer a:hover { color: #7de0d4; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2.2rem; border-top: 1px solid rgba(255,255,255,.08); padding-top: 1.25rem; font-size: .75rem; }

@media (max-width: 900px) {
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; order: -1; }
  .article-aside nav { grid-template-columns: repeat(2,1fr); column-gap: 1rem; }
  .site-footer__grid { grid-template-columns: 1fr 1fr; }
  .site-footer__grid > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  body.admin-bar .site-header { top: 46px; }
  .site-header__inner { min-height: 66px; }
  .nav-toggle { display: inline-flex; }
  .site-nav { display: none; position: absolute; top: 66px; right: 20px; left: 20px; align-items: stretch; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: .65rem; background: #0b2438; box-shadow: 0 20px 45px rgba(0,0,0,.22); }
  .site-nav.is-open { display: grid; }
  .site-nav a { border-radius: 10px; padding: .7rem .8rem; }
  .site-nav a:hover { background: rgba(255,255,255,.06); }
  .article-aside nav { grid-template-columns: 1fr; }
  .tcmb-article table, .tcmb-article tbody, .tcmb-article tr, .tcmb-article th, .tcmb-article td { display: block; }
  .tcmb-article thead { display: none; }
  .tcmb-article tr { margin-bottom: 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }
  .tcmb-article th, .tcmb-article td { border: 0; border-bottom: 1px solid var(--line); padding: .8rem 1rem; }
  .tcmb-article td::before { content: attr(data-label); display: block; margin-bottom: .2rem; color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
  .tcmb-article tr > *:last-child { border-bottom: 0; }
  .site-footer__grid { grid-template-columns: 1fr; }
  .site-footer__grid > div:first-child { grid-column: auto; }
  .site-footer__bottom { display: grid; }
}

@media (max-width: 480px) {
  .wrap { width: min(calc(100% - 28px), var(--wrap)); }
  .site-brand { font-size: .95rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}