/* Kurumsal Sunucu — "Defter" tema stilleri */
:root {
  --lacivert:#14181F; --lacivert-900:#0E110C; --lacivert-600:#262A21;
  --turkuaz:#0E6E5B; --turkuaz-600:#0B5A4A; --turkuaz-400:#3FBFA0;
  --tugla:#B7412B;
  --ink:#14181F; --ink-soft:#5B6058;
  --page:#F1F0E8; --surface:#FFFFFF; --surface-2:#EAE8DE; --line:rgba(20,24,31,.14); --rule:rgba(20,24,31,.045);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page:#1B1C17; --surface:#23241D; --surface-2:#2B2C23;
    --ink:#ECEAE0; --ink-soft:#A3A08F; --line:rgba(236,234,224,.12); --rule:rgba(236,234,224,.045);
    --turkuaz-600:#3FBFA0;
  }
}
html.dark {
  --page:#1B1C17; --surface:#23241D; --surface-2:#2B2C23;
  --ink:#ECEAE0; --ink-soft:#A3A08F; --line:rgba(236,234,224,.12); --rule:rgba(236,234,224,.045);
  --turkuaz-600:#3FBFA0;
}

html.theme-ready body, html.theme-ready .card { transition:background-color .3s ease, color .3s ease, border-color .3s ease; }
body { background:repeating-linear-gradient(var(--page) 0 31px, var(--rule) 31px 32px), var(--page); color:var(--ink); -webkit-font-smoothing:antialiased; overflow-x:clip; }
html.dark .bg-white{ background-color:var(--surface) !important; }
html.dark .bg-paper{ background-color:var(--surface-2) !important; }
html.dark .text-ink{ color:var(--ink) !important; }
html.dark .text-ink-soft{ color:var(--ink-soft) !important; }

::selection { background:var(--turkuaz); color:#fff; }
:focus-visible { outline:2px solid var(--turkuaz); outline-offset:3px; border-radius:6px; }

.screen-reader-text{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.skip-link{ position:fixed; top:-100px; left:1rem; z-index:100; background:var(--turkuaz); color:#fff; padding:.6rem 1rem; border-radius:8px; font-weight:700; transition:top .2s ease; }
.skip-link:focus{ top:1rem; }

.kicker{ display:inline-block; font-weight:700; font-size:.8125rem; letter-spacing:.14em; text-transform:uppercase; color:var(--turkuaz-600); }

/* ---- üst bar + header ---- */
.ust-bar{ background:var(--lacivert-900); color:rgba(255,255,255,.75); }
#siteHeader{ position:sticky; top:0; z-index:50; background:var(--surface); border-bottom:1px solid var(--line); }
.mast-ic{ display:grid; place-items:center; width:2.35rem; height:2.35rem; border-radius:8px; font-size:1rem; color:var(--ink-soft); transition:color .2s ease, background .2s ease; }
.mast-ic:hover{ color:var(--turkuaz-600); background:var(--surface-2); }
.logo-link{ display:inline-flex; align-items:center; transition:opacity .2s ease; }
.logo-link:hover{ opacity:.85; }
.logo-img{ height:38px; width:auto; }
html.dark .footer-logo{ filter:none; }

.ust-alt-menu a{ white-space:nowrap; }

/* ---- mobil menü ---- */
#drawerOverlay{ position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.5); opacity:0; visibility:hidden; transition:opacity .25s ease, visibility .25s ease; }
#drawerOverlay.is-open{ opacity:1; visibility:visible; }
#drawer{ position:fixed; top:0; bottom:0; right:0; z-index:90; width:320px; max-width:86vw; background:var(--surface); display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s cubic-bezier(.2,.7,.2,1); }
#drawer.is-open{ transform:translateX(0); }
.mm-liste{ list-style:none; margin:0; padding:0; }
.mm-alt-liste{ list-style:none; margin:0; display:none; }
.mm-item.is-open > .mm-alt-liste{ display:block; }
.mm-item.is-open .mm-alt-ac i{ transform:rotate(180deg); }

/* ---- hero / cta ---- */
.hero-bant{ background:var(--surface-2); border-bottom:2px solid var(--ink); }
.cta-bant{ background:linear-gradient(120deg, var(--lacivert-900), var(--lacivert)); }

/* ---- kart / paket / özellik ---- */
.card{ background:var(--surface); border:1px solid var(--line); border-radius:16px; transition:box-shadow .3s ease, transform .3s ease; }
.card:hover{ box-shadow:0 10px 30px -18px rgba(11,37,69,.35); }

.ozellik-kart{ border:1px solid var(--line); transition:transform .25s ease, box-shadow .25s ease; }
.ozellik-kart:hover{ transform:translateY(-4px); box-shadow:0 14px 32px -20px rgba(11,37,69,.35); }

.paket-kart{ background:var(--surface); border:1px solid var(--line); }
.paket-kart-vurgulu{ background:linear-gradient(160deg, var(--lacivert-900), var(--lacivert-600)); border-color:transparent; box-shadow:0 20px 44px -20px rgba(11,37,69,.55); transform:scale(1.03); }

/* ---- SSS akordeon ---- */
.sss-item{ border:1px solid var(--line); }
.sss-cevap{ display:none; }
.sss-item.is-open .sss-cevap{ display:block; }
.sss-item.is-open .sss-baslik i{ transform:rotate(45deg); }
.sss-baslik i{ transition:transform .2s ease; }

/* ---- prose ---- */
.prose :where(p){ margin:0 0 1.2em; }
.prose :where(h2,h3,h4){ font-family:'Zilla Slab',Georgia,serif; font-weight:700; margin:1.6em 0 .6em; }
.prose :where(img){ border-radius:14px; }
.prose :where(a){ color:var(--turkuaz-600); text-decoration:underline; text-underline-offset:3px; }
.prose :where(blockquote){ border-left:4px solid var(--turkuaz); padding-left:1.2rem; font-style:italic; color:var(--ink-soft); }

/* ---- sayfalama ---- */
.pg-item .page-numbers{ display:grid; place-items:center; min-width:2.25rem; height:2.25rem; padding:0 .5rem; border-radius:8px; font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:.875rem; color:var(--ink); background:var(--surface); border:1px solid var(--line); transition:.2s; }
.pg-item .page-numbers.current{ background:var(--turkuaz); color:#fff; border-color:var(--turkuaz); }
.pg-item .page-numbers:hover{ border-color:var(--turkuaz); }