/* ============================================================
   AYHANHUB — Sade / Bağımsız hub teması
   Beyaz zemin, antrasit metin, teal aksan. Tek kaynak: bu dosya.
   Katman: core-reset (p1) → core token (p2) → BU (p5) → plugin css.
   :root'ta eski honey-alias adları TANIMLI KALIR — içerikteki inline var(--honey-*) stilleri boyanmaya devam eder.
   (Tema kendi içinde nötr --accent/--paper-dim kullanır; alias'lar yalnız uyumluluk katmanı.)
   ============================================================ */
:root{
  --accent:#0d9488;            /* teal */
  --accent-2:#0e7490;          /* camgöbeği-laciverti */
  --ink:#1f2937;               /* antrasit (metin + koyu yüzeyler) */
  --ink-soft:#111827;
  --paper:#ffffff;
  --paper-dim:#f4f6f8;
  --text-main:#1f2937;
  --text-muted:#64748b;
  --border-soft:#e5e9ee;
  --honey-wax:#f4f6f8; /* eski ad — içerik inline stilleri için uyumluluk */
  --radius-card:14px;

  /* --- Honey token alias'ları (inline stiller + ortak sınıflar için) --- */
  --night-blue:#1f2937;
  --night-blue-soft:#111827;
  --honey-gold:var(--accent);
  --honey-orange:var(--accent-2);
  --white:#ffffff;
  --honey-cream:#ffffff;
  --honey-link:var(--accent);
  --hx-card-bg:#ffffff;
  --hx-footer-link:#5eead4;    /* antrasit footer üstünde açık teal */
}

body{ background:var(--paper); color:var(--text-main); }

a{ color:var(--accent-link); text-decoration:none; }
a:hover{ color:var(--accent-2); text-decoration:underline; }

/* ---- Düğmeler ---- */
.btn, a.btn, .footer-themes button{ color:#fff; }
/* Varyantlar .btn'den SONRA ve eşit güçte: ghost/danger kendi metin rengini kazanır
   (a.btn{color:#fff} kuralı beyaz kart üstünde beyaz metin bırakıyordu). */
.btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:10px; border:1px solid transparent; font-weight:700; font-size:0.9rem; text-decoration:none; cursor:pointer; }
.btn:hover{ text-decoration:none; }
.btn-gold, .btn-accent{ background:var(--accent); color:#fff !important; border:none; }
.btn-gold:hover, .btn-accent:hover{ background:var(--accent-2); }
.btn-dark{ background:var(--ink); color:#fff !important; border:none; }
.btn-dark:hover{ background:var(--accent); }
.btn-ghost{ background:transparent; color:var(--ink) !important; border:1px solid var(--ink); }
.btn-ghost:hover{ background:var(--ink); color:#fff !important; }
.btn-danger{ background:transparent; color:#c02636 !important; border:1px solid #c02636; }
.btn-danger:hover{ background:#c02636; color:#fff !important; }
.uk-button-primary{ background:var(--accent); color:#fff !important; border:none; font-weight:700; border-radius:10px; }
.uk-button-primary:hover{ background:var(--accent-2); color:#fff !important; }
.uk-button-default{ border-color:var(--ink); color:var(--ink); background:#fff; }
.uk-button-default:hover{ border-color:var(--accent); color:var(--accent); }

/* ---- Navbar ---- */
.uk-navbar-container{
  background:var(--paper) !important;
  border-bottom:1px solid var(--border-soft);
  position:sticky; top:0; z-index:1000;
}
.uk-logo{ color:var(--ink) !important; font-weight:800; letter-spacing:-0.02em; }
.uk-navbar-nav>li>a{ color:var(--ink) !important; font-weight:600; font-size:0.9rem; }
.uk-navbar-nav>li>a:hover{ color:var(--accent) !important; }
.uk-navbar-nav>li>a i{ margin-right:4px; opacity:0.9; }
.uk-navbar-toggle{ color:var(--ink) !important; min-height:48px; min-width:48px; }
.uk-navbar-toggle:hover{ color:var(--accent) !important; }
[uk-navbar]{ display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; width:100%; }
.uk-navbar-left{ display:flex; align-items:center; gap:12px; flex:1 1 auto; min-width:0; }
.uk-navbar-right{ margin-left:auto; display:flex; align-items:center; flex-shrink:0; }
.uk-navbar-left .uk-logo{ flex-shrink:0; }
.uk-navbar-item.uk-logo img{ height:28px; width:auto; max-height:28px; }
/* Logo kart zemini: beyaz temada beyaz üstünde kaybolmasın, koyu temada koyu üstüne gömülmesin.
   Logonun kendisi varsayılan olarak beyaz kutu içinde görünsün; koyu temada kutu açılır. */
.hx-logo-img{ background:rgba(255,255,255,0.85); border-radius:8px; padding:2px 4px; }
html[data-theme="dark"] .hx-logo-img{ background:#0b1220; box-shadow:0 0 0 1px var(--border-soft); }

@media (max-width: 959px){
  .uk-navbar-nav.uk-visible\@m{ display:none !important; }
  .uk-navbar-toggle.uk-hidden\@m{ display:none !important; }
  #fallbackToggle.uk-hidden\@m{ display:flex !important; align-items:center; justify-content:center; width:44px; height:44px; border-radius:10px; background:#fff !important; border:1px solid var(--border-soft); color:var(--ink) !important; }
  #fallbackToggle.uk-hidden\@m:hover{ background:var(--paper-dim) !important; }
}

/* Header ikon butonları (giriş/profil/admin/gece modu) */
.hub-iconbtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:10px; flex-shrink:0;
  border:1px solid var(--border-soft); background:#fff;
  color:var(--ink); font-size:1rem; cursor:pointer; text-decoration:none;
  transition:background .15s, color .15s, border-color .15s;
}
.hub-iconbtn:hover{ background:var(--accent); border-color:var(--accent); color:#fff; text-decoration:none; }

/* Offcanvas + açılır menü — antrasit gövde */
.uk-offcanvas-bar{ background:var(--ink) !important; }
.uk-offcanvas-bar .uk-nav-primary>li>a{ color:rgba(255,255,255,0.9) !important; font-size:1rem; padding:10px 0; }
.uk-offcanvas-bar .uk-nav-primary>li>a:hover{ color:var(--accent) !important; }
.uk-offcanvas-bar .uk-close{ color:rgba(255,255,255,0.7); }
.uk-offcanvas-bar .uk-close:hover{ color:var(--accent); }

.uk-navbar-nav .nav-has-drop{ position:relative; }
.nav-drop{
  display:none; position:absolute; top:100%; left:0; min-width:250px; max-width:82vw;
  background:var(--ink); border:1px solid rgba(255,255,255,0.12); border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,0.30); padding:10px; z-index:1000;
  max-height:60vh; overflow-y:auto;
}
.nav-has-drop:hover .nav-drop, .nav-has-drop.open .nav-drop{ display:block; }
.nav-drop a{
  display:flex; align-items:center; gap:8px;
  color:rgba(255,255,255,0.88) !important; font-size:0.88rem; font-weight:600;
  padding:8px 12px; border-radius:8px; text-decoration:none; white-space:nowrap;
}
.nav-drop a:hover{ color:#fff !important; background:rgba(13,148,136,0.35); }
.nav-drop a i{ width:18px; text-align:center; }
.nav-drop-div{ border-top:1px solid rgba(255,255,255,0.1); margin:8px 4px; }
.nav-drop-head{ color:var(--accent); font-size:0.7rem; font-weight:800; letter-spacing:0.06em; text-transform:uppercase; padding:8px 12px 4px; }

/* ---- Barlar ---- */
.beta-bar{
  background:#fff; border:1px solid var(--border-soft); border-radius:12px;
  padding:10px 14px; font-size:0.85rem; color:var(--text-main);
  position:relative; z-index:1; max-width:1200px; margin:12px auto; width:calc(100% - 32px);
  box-shadow:0 4px 16px rgba(0,0,0,0.05); overflow:hidden;
}
.beta-bar::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--accent); }
.beta-bar a{ color:var(--accent); font-weight:600; }
.beta-bar a:hover{ color:var(--accent-2); }
.beta-bar .uk-button-text{ color:var(--text-muted); padding:4px 8px; border-radius:8px; }
.beta-bar .uk-button-text:hover{ color:var(--ink); background:var(--paper-dim); }
.beta-bar .uk-flex{ flex-wrap:wrap; gap:10px; }
.beta-bar strong{ color:var(--ink); }

.announcement-bar{
  background:var(--ink); border:1px solid var(--ink); border-radius:12px;
  padding:10px 14px; font-size:0.85rem; color:#fff;
  position:relative; z-index:1; max-width:1200px; margin:12px auto; width:calc(100% - 32px);
  box-shadow:0 4px 16px rgba(0,0,0,0.15); overflow:hidden;
}
.announcement-bar::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--accent); }
.announcement-bar a{ color:#5eead4; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.announcement-bar a:hover{ color:#fff; }
.announcement-bar .uk-button-text{ color:rgba(255,255,255,0.65); padding:4px 8px; border-radius:8px; }
.announcement-bar .uk-button-text:hover{ color:#fff; background:rgba(255,255,255,0.1); }
.announcement-bar .uk-flex{ flex-wrap:wrap; gap:10px; }

/* ---- Kartlar ---- */
.uk-card-default{
  background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:14px;
  overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.05);
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
.uk-card-default:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,0.08); border-color:rgba(13,148,136,0.45); }
.uk-card-title{ font-weight:700; }
.uk-card-title a{ color:var(--ink); }
.uk-card-title a:hover{ color:var(--accent-2); text-decoration:none; }
.uk-text-meta{ color:var(--text-muted) !important; }
.uk-badge{ background:var(--ink); color:#fff; font-weight:600; font-size:0.68rem; letter-spacing:0.04em; text-transform:uppercase; }
.uk-badge.honey, .uk-badge.hx-accent{ background:var(--accent); color:#fff; }

.uk-card-media-top img{ border-radius:12px 12px 0 0; width:100%; height:auto; display:block; background:var(--paper-dim); }
.uk-card-media-top:empty{ display:none; }
img[src$=".jpg"], img[src$=".jpeg"], img[src$=".png"], img[src$=".webp"], img[src$=".gif"]{ border-radius:12px; }

/* hx-dotgrid (eski adıyla honeycomb): sade nokta deseni — kimlik nötr */
.hx-dotgrid, .honeycomb{ position:relative; }
.hx-dotgrid::before, .honeycomb::before{
  content:""; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='%230d9488' fill-opacity='0.08'/%3E%3C/svg%3E");
  background-size:24px 24px; pointer-events:none;
}

/* ---- Novel detay ---- */
.novel-banner{ border-radius:16px; overflow:hidden; margin-bottom:16px; }
.novel-banner img{ width:100%; height:auto; display:block; border-radius:16px; }
.novel-cover{ height:auto; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.12); display:block; }
.novel-cover-placeholder{ width:160px; height:220px; background:var(--paper-dim); border-radius:12px; display:flex; align-items:center; justify-content:center; }
.novel-cover-placeholder i{ font-size:48px; opacity:0.25; }

.novel-hero{ position:relative; border-radius:20px; overflow:hidden; margin-bottom:24px; min-height:320px; background:var(--ink); }
.novel-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(17,24,39,0.78) 50%, rgba(0,0,0,0.5) 100%); z-index:1; }
.novel-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; filter:brightness(0.5); }
.novel-hero-content{ position:relative; z-index:2; padding:48px; display:flex; align-items:flex-end; min-height:320px; }
.novel-hero-main{ display:flex; gap:32px; align-items:flex-end; flex-wrap:wrap; width:100%; }
.novel-hero-cover{ flex-shrink:0; width:160px; height:224px; border-radius:16px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(13,148,136,0.3); background:var(--ink-soft); }
.novel-hero-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.novel-hero-cover .placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--paper-dim); }
.novel-hero-cover .placeholder i{ font-size:64px; opacity:0.3; color:var(--ink); }
.novel-hero-title{ font-size:clamp(1.8rem, 4vw, 2.8rem); font-weight:800; color:#fff; margin:0 0 8px; text-shadow:0 4px 20px rgba(0,0,0,0.5); }
.novel-hero-meta{ display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; color:rgba(255,255,255,0.85); font-size:0.95rem; }
.novel-hero-meta .badge{ background:var(--accent); color:#fff; padding:4px 12px; border-radius:999px; font-weight:700; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.04em; }
.novel-hero-meta .author{ font-weight:600; }
.novel-hero-desc{ margin-top:16px; color:rgba(255,255,255,0.9); line-height:1.7; max-width:700px; }
.novel-hero-desc code{ background:rgba(13,148,136,0.2); color:#5eead4; padding:2px 6px; border-radius:6px; font-size:0.88em; border:1px solid rgba(13,148,136,0.35); }
.novel-hero-desc a{ color:#5eead4; font-weight:600; }
.novel-hero-desc blockquote{ border-left:3px solid var(--accent); padding-left:12px; margin:12px 0; color:rgba(255,255,255,0.85); font-style:italic; }

.novel-info-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); margin-bottom:24px; }
.novel-info-card .uk-card-body{ padding:28px; }
.novel-desc-html{ color:var(--text-main); line-height:1.8; }
.novel-desc-html code{ background:var(--paper-dim); padding:2px 6px; border-radius:6px; font-size:0.88em; color:var(--ink); border:1px solid var(--border-soft); }
.novel-desc-html blockquote{ border-left:4px solid var(--accent); padding-left:16px; margin:1.2em 0; color:var(--text-muted); font-style:italic; }
.novel-desc-html a{ color:var(--accent-2); font-weight:600; text-decoration:none; }
.novel-desc-html a:hover{ text-decoration:underline; }
.novel-desc-html h2, .novel-desc-html h3{ color:var(--ink); margin-top:1.5em; margin-bottom:0.5em; }
.novel-desc-html p{ margin-bottom:1em; }

.chapters-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.chapters-header{ background:var(--ink); color:#5eead4; padding:20px 28px; margin:0; font-size:1.1rem; font-weight:700; display:flex; align-items:center; gap:10px; }
/* Sezonluk bölüm listesi — sezon ara başlık bandı */
.season-divider{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 28px; background:linear-gradient(90deg, rgba(13,148,136,0.16), rgba(13,148,136,0.02)); border-bottom:1px solid var(--border-soft); }
.season-label{ display:inline-flex; align-items:center; gap:8px; color:#5eead4; font-weight:800; font-size:0.95rem; letter-spacing:0.02em; }
.season-count{ color:var(--text-muted); font-size:0.78rem; font-weight:600; }
@media(max-width:640px){ .season-divider{ padding:10px 16px; } }
.chapters-list{ list-style:none; padding:0; margin:0; }
.chapter-item{ display:flex; align-items:center; gap:16px; padding:16px 28px; border-bottom:1px solid var(--border-soft); transition:background 0.15s; }
.chapter-item:last-child{ border-bottom:none; }
.chapter-item:hover{ background:rgba(13,148,136,0.06); }
.chapter-num{ background:var(--ink); color:#5eead4; font-weight:700; font-size:0.85rem; padding:6px 14px; border-radius:999px; min-width:56px; text-align:center; flex-shrink:0; }
.chapter-title{ flex:1; color:var(--text-main); font-weight:500; text-decoration:none; }
.chapter-title:hover{ color:var(--accent-2); text-decoration:none; }
.chapter-link{ display:flex; align-items:center; gap:16px; width:100%; text-decoration:none; color:inherit; }

/* ---- Footer — antrasit + teal ---- */
.site-footer, footer.uk-section-secondary{
  background:var(--ink) !important; color:rgba(255,255,255,0.85);
  position:relative; overflow:hidden; border-top:3px solid var(--accent) !important;
}
.site-footer a, footer.uk-section-secondary a,
.uk-section-secondary.site-footer a{ color:var(--hx-footer-link); }
.site-footer a:hover, footer.uk-section-secondary a:hover{ color:#fff; }
.site-footer h4, footer h4{ color:var(--accent); }

.footer-logo{ display:inline-flex; align-items:center; gap:8px; color:var(--accent) !important; font-weight:800; font-size:1.1rem; text-decoration:none; }
.footer-logo img{ vertical-align:middle; }
.footer-nav{ display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; }
.footer-nav-link{ color:rgba(255,255,255,0.8); text-decoration:none; font-size:0.85rem; display:inline-flex; align-items:center; gap:6px; transition:color 0.15s; white-space:nowrap; }
.footer-nav-link:hover{ color:#5eead4; }
.footer-nav-link i{ font-size:1rem; }
.footer-social{ display:flex; gap:16px; }
.footer-social a{ color:rgba(255,255,255,0.6); font-size:1.25rem; transition:color 0.15s; }
.footer-social a:hover{ color:#5eead4; }
.footer-divider{ border:none; border-top:1px solid rgba(255,255,255,0.1); }
.footer-friends{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; font-size:0.85rem; opacity:0.85; }
.footer-friends .friends-label{ color:#5eead4; font-weight:600; }
.footer-friends a{ color:rgba(255,255,255,0.8); text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.footer-friends a:hover{ color:#5eead4; }
.footer-friends .divider{ opacity:0.4; }
.footer-bottom{ opacity:0.75; }
.footer-copyright{ font-size:0.8rem; margin:0 0 8px; }
.footer-copyright a{ color:#5eead4; text-decoration:none; }
.footer-copyright a:hover{ text-decoration:underline; }
.footer-tech{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:12px 0; font-size:0.72rem; opacity:0.7; }
.footer-tech span{ display:inline-flex; align-items:center; gap:5px; }
.footer-privacy{ font-size:0.72rem; opacity:0.7; margin:12px 0 0; }
.footer-privacy a{ color:#5eead4; text-decoration:none; }
.footer-privacy a:hover{ text-decoration:underline; }
.footer-tagline{ font-size:0.72rem; margin:8px 0 0; letter-spacing:0.02em; opacity:0.8; }
/* AI redaksiyon mührü — süslü not: iki yandan inen hairline + hap çerçeve */
.footer-ai-seal{ display:flex; align-items:center; justify-content:center; gap:10px; margin:16px auto 0; max-width:620px; font-size:0.72rem; opacity:0.85; }
.footer-ai-seal::before, .footer-ai-seal::after{ content:""; flex:1; height:1px; }
.footer-ai-seal::before{ background:linear-gradient(90deg, transparent, rgba(94,234,212,0.45)); }
.footer-ai-seal::after{ background:linear-gradient(90deg, rgba(94,234,212,0.45), transparent); }
.footer-ai-seal .seal-text{ display:inline-flex; align-items:center; gap:7px; padding:7px 16px; border:1px solid rgba(94,234,212,0.3); border-radius:999px; background:rgba(13,148,136,0.08); letter-spacing:0.02em; }
.footer-ai-seal .seal-text i{ color:#5eead4; }
.footer-ai-seal .seal-text a{ color:#5eead4; text-decoration:none; border-bottom:1px dotted rgba(94,234,212,0.5); }
.footer-ai-seal .seal-text a:hover{ border-bottom-style:solid; }

/* Sürüm hapı */
.tv-ver{ display:inline-block; background:var(--accent); color:#fff; font-weight:800; font-size:0.95rem; padding:6px 18px; border-radius:999px; box-shadow:0 4px 16px rgba(13,148,136,0.3); }

/* Footer tema seçici */
.footer-themes{ margin-top:10px; }
.footer-themes form{ display:inline; }
.footer-themes button{
  display:inline-block; margin:2px 4px; padding:6px 14px;
  font-size:0.75rem; font-weight:700;
  color:#5eead4; background:rgba(13,148,136,0.12);
  border:1px solid rgba(13,148,136,0.5); border-radius:999px; cursor:pointer;
}
.footer-themes button:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }
.footer-themes button.cur{ background:rgba(255,255,255,0.14); color:#fff; border-color:rgba(255,255,255,0.35); cursor:default; }

/* ---- Sayfa hero + içerik ---- */
.page-hero{ position:relative; border-radius:20px; overflow:hidden; margin-bottom:24px; min-height:220px; background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%); }
.page-hero-content{ position:relative; z-index:1; padding:40px 48px; display:flex; flex-direction:column; justify-content:center; min-height:220px; }
.page-hero-icon{ width:56px; height:56px; background:rgba(13,148,136,0.2); border:1px solid rgba(13,148,136,0.45); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.page-hero-icon i{ font-size:28px; color:#5eead4; }
.page-hero-title{ font-size:clamp(1.6rem, 4vw, 2.5rem); font-weight:800; color:#fff; margin:0 0 8px; text-shadow:0 4px 20px rgba(0,0,0,0.35); }
.page-hero-meta{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; color:rgba(255,255,255,0.8); font-size:0.9rem; }
.page-hero-meta span{ display:flex; align-items:center; gap:6px; }
.page-hero-meta i{ color:#5eead4; }

.page-content-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); margin-bottom:24px; }
.page-content-card .uk-card-body{ padding:40px 48px; }
.page-content-html{ color:var(--text-main); line-height:1.85; font-size:1.02rem; }
.page-content-html h1, .page-content-html h2, .page-content-html h3{ color:var(--ink); margin-top:1.8em; margin-bottom:0.6em; font-weight:700; }
.page-content-html h1{ font-size:1.8rem; border-bottom:2px solid var(--accent); padding-bottom:8px; }
.page-content-html h2{ font-size:1.45rem; }
.page-content-html h3{ font-size:1.2rem; }
.page-content-html p{ margin-bottom:1.2em; }
.page-content-html ul, .page-content-html ol{ margin:1em 0 1em 1.5em; }
.page-content-html li{ margin-bottom:0.5em; }
.page-content-html li::marker{ color:var(--accent); }
.page-content-html strong{ color:var(--ink); }
.page-content-html code{ background:var(--paper-dim); padding:2px 6px; border-radius:4px; font-family:monospace; font-size:0.9em; color:var(--ink); }
.page-content-html pre{ background:var(--ink-soft); color:#e5e7eb; padding:16px; border-radius:10px; overflow-x:auto; margin:1.5em 0; }
.page-content-html pre code{ background:none; padding:0; color:inherit; font-size:0.9rem; }
.page-content-html blockquote{ border-left:4px solid var(--accent); padding-left:16px; margin:1.5em 0; color:var(--text-muted); font-style:italic; }
.page-content-html hr{ border:none; border-top:1px solid var(--border-soft); margin:2em 0; }
.page-content-html th, .page-content-html td{ padding:12px 16px; border:1px solid var(--border-soft); text-align:left; }
.page-content-html th{ background:var(--ink); color:#fff; font-weight:700; font-size:0.9rem; }
.page-content-html tr:nth-child(even){ background:var(--paper-dim); }
.page-content-html tr:hover{ background:rgba(13,148,136,0.07); }
.page-content-html td code{ background:var(--paper-dim); padding:2px 6px; border-radius:4px; font-family:monospace; font-size:0.9em; color:var(--ink); }

/* Markdown tablo kaydırma */
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc){ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; }
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc)::-webkit-scrollbar{ height:8px; }
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc)::-webkit-scrollbar-thumb{ background:var(--accent); border-radius:99px; }
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc)::-webkit-scrollbar-track{ background:transparent; }
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc) table{ width:100%; border-collapse:collapse; margin:1.5em 0; font-size:0.95rem; }
:is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc) th{ white-space:nowrap; }
@media (max-width:640px){
  :is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc) table{ font-size:0.85rem; margin:1em 0; }
  :is(.page-content-html,.novel-desc-html,.read-content,.hx-hero-desc) table :is(th,td){ padding:8px 10px; }
}

/* HX-HERO */
.hx-hero{ position:relative; border-radius:16px; overflow:hidden; margin-bottom:24px; padding:20px 24px; background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%); }
.hx-hero-content{ position:relative; z-index:1; }
.hx-hero-back{ color:rgba(255,255,255,0.85); text-decoration:none; font-size:0.9rem; display:inline-flex; align-items:center; gap:6px; padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:999px; border:1px solid rgba(255,255,255,0.2); transition:all 0.2s; margin-bottom:12px; }
.hx-hero-back:hover{ color:#fff; background:rgba(13,148,136,0.35); border-color:var(--accent); }
.hx-hero-main{ display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.hx-hero-info{ flex:1; min-width:240px; }
.hx-hero-icon{ width:52px; height:52px; background:rgba(13,148,136,0.2); border:1px solid rgba(13,148,136,0.45); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.hx-hero-icon i{ font-size:26px; color:#5eead4; }
.hx-hero-title{ color:#fff; font-size:clamp(1.3rem, 3vw, 1.8rem); font-weight:800; margin:0 0 8px; text-shadow:0 4px 20px rgba(0,0,0,0.35); }
.hx-hero-meta{ display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; color:rgba(255,255,255,0.85); font-size:0.9rem; }
.hx-hero-meta span{ display:inline-flex; align-items:center; gap:6px; }
.hx-hero-meta i{ color:#5eead4; }
.hx-badge{ background:var(--accent); color:#fff; padding:4px 12px; border-radius:999px; font-weight:700; font-size:0.75rem; text-transform:uppercase; letter-spacing:0.04em; }
.hx-hero-desc{ margin-top:12px; color:rgba(255,255,255,0.9); line-height:1.7; max-width:700px; }
.hx-hero-desc code{ background:rgba(13,148,136,0.2); color:#5eead4; padding:2px 6px; border-radius:6px; font-size:0.88em; border:1px solid rgba(13,148,136,0.35); }
.hx-hero-desc a{ color:#5eead4; font-weight:600; }
.hx-hero-desc blockquote{ border-left:3px solid var(--accent); padding-left:12px; margin:12px 0; color:rgba(255,255,255,0.85); font-style:italic; }
.hx-hero--cover{ min-height:320px; padding:0; }
.hx-hero--cover::before{ z-index:1; background:linear-gradient(135deg, rgba(0,0,0,0.9) 0%, rgba(17,24,39,0.86) 50%, rgba(0,0,0,0.65) 100%); }
 .hx-hero-content{ padding:40px 48px; display:flex; flex-direction:column; justify-content:flex-end; min-height:400px; }
.hx-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hx-hero--cover .hx-hero-main{ align-items:flex-end; gap:32px; }
.hx-hero-cover{ flex-shrink:0; width:160px; height:224px; border-radius:16px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(13,148,136,0.3); background:var(--ink-soft); }
.hx-hero-cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.hx-hero-cover .placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--paper-dim); }
.hx-hero-cover .placeholder i{ font-size:64px; opacity:0.3; color:var(--ink); }
.hx-hero--cover .hx-hero-title{ font-size:clamp(1.8rem, 4vw, 2.8rem); text-shadow:0 4px 20px rgba(0,0,0,0.5); }
@media(max-width:900px){
  .hx-hero{ padding:16px; }
  .hx-hero-main{ gap:12px; }
  .hx-hero--cover .hx-hero-content{ padding:24px; }
  .hx-hero-cover{ width:120px; height:168px; }
}

/* ---- Okuma ---- */
.read-hero{ position:relative; border-radius:16px; overflow:hidden; margin-bottom:24px; padding:20px 24px; background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%); display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.read-hero-left{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; position:relative; z-index:1; }
.read-novel-link{ color:rgba(255,255,255,0.85); text-decoration:none; font-size:0.9rem; display:flex; align-items:center; gap:6px; padding:8px 14px; background:rgba(255,255,255,0.1); border-radius:999px; border:1px solid rgba(255,255,255,0.2); transition:all 0.2s; }
.read-novel-link:hover{ color:#fff; background:rgba(13,148,136,0.35); border-color:var(--accent); }
.read-hero-title{ color:#fff; font-size:clamp(1.2rem, 3vw, 1.6rem); font-weight:700; margin:0; }
.read-hero-chapter{ color:#5eead4; font-weight:600; font-size:0.95rem; }

.read-banner{ border-radius:16px; overflow:hidden; margin-bottom:24px; border:1px solid var(--border-soft); box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.read-banner img{ width:100%; height:auto; display:block; border-radius:16px; }

.read-content-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); margin-bottom:24px; }
.read-content{ padding:48px 56px; max-width:840px; margin:0 auto; color:var(--text-main); line-height:1.9; font-size:1.05rem; }
.read-content p{ margin-bottom:1.5em; text-align:justify; }
.read-content code{ background:var(--paper-dim); padding:2px 6px; border-radius:6px; font-size:0.88em; color:var(--ink); border:1px solid var(--border-soft); }
.read-content blockquote{ border-left:4px solid var(--accent); padding-left:16px; margin:1.5em 0; color:var(--text-muted); font-style:italic; }
.comment-text code{ background:rgba(255,255,255,0.1); color:#5eead4; padding:2px 6px; border-radius:6px; font-size:0.88em; border:1px solid rgba(255,255,255,0.1); }
.read-content p:last-child{ margin-bottom:0; }
.read-content strong{ color:var(--ink); font-weight:700; }
.read-content em{ font-style:italic; color:var(--text-main); }
.read-content u{ text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:3px; }
.read-content hr{ border:none; border-top:1px solid var(--border-soft); margin:3em 0; }
:is(.read-content,.hx-hero-desc) img{ max-width:100%; height:auto; border-radius:12px; display:block; margin:1.5em auto; box-shadow:0 4px 20px rgba(0,0,0,0.06); }

.comment-text img{ max-width:100%; height:auto; border-radius:8px; display:block; margin:1em 0; }

.read-nav{ display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:20px 24px; background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; box-shadow:0 2px 12px rgba(0,0,0,0.05); margin-bottom:24px; }
.read-nav-btn{ display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:999px; font-weight:700; font-size:0.95rem; text-decoration:none; transition:all 0.2s; white-space:nowrap; box-shadow:0 4px 16px rgba(0,0,0,0.06); }
.read-nav-prev{ background:var(--ink); color:#5eead4; border:1px solid rgba(255,255,255,0.15); }
.read-nav-prev:hover{ background:var(--ink-soft); color:#fff; transform:translateX(-3px); }
.read-nav-next{ background:var(--accent); color:#fff; border:1px solid var(--accent); }
.read-nav-next:hover{ background:var(--accent-2); color:#fff; transform:translateX(3px); }
.read-nav-btn:disabled{ opacity:0.4; pointer-events:none; transform:none; }
.read-nav-info{ font-size:0.8rem; margin-top:4px; display:block; }
/* Bölüm başlığı zeminle aynı renkli düğmenin İÇİNDE: sabit açık ton — koyu/teal zeminde okunur */
.read-nav-prev .read-nav-info{ color:rgba(255,255,255,0.78); }
.read-nav-next .read-nav-info{ color:#eafffb; }

.read-progress{ height:3px; background:var(--border-soft); border-radius:2px; overflow:hidden; margin-bottom:24px; }
.read-progress-bar{ height:100%; background:linear-gradient(90deg, var(--accent), var(--accent-2)); border-radius:2px; transition:width 0.3s ease; }

/* ---- Anasayfa ---- */
.home-hero{ position:relative; border-radius:20px; overflow:hidden; margin-bottom:32px; min-height:380px; background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%); }
.home-hero-content{ position:relative; z-index:1; padding:56px 48px; display:flex; flex-direction:column; justify-content:center; min-height:380px; }
.home-hero-title{ font-size:clamp(2rem, 5vw, 3.5rem); font-weight:800; color:#fff; margin:0 0 16px; line-height:1.15; text-shadow:0 4px 24px rgba(0,0,0,0.35); }
.home-hero-desc{ font-size:clamp(1rem, 2vw, 1.15rem); color:rgba(255,255,255,0.88); max-width:720px; line-height:1.7; margin:0 0 24px; }
.home-hero-badges{ display:flex; flex-wrap:wrap; gap:10px; }
.home-hero-badge{ background:rgba(255,255,255,0.1); border:1px solid rgba(13,148,136,0.55); color:#5eead4; padding:8px 16px; border-radius:999px; font-size:0.8rem; font-weight:600; backdrop-filter:blur(4px); }

.section-header{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; padding:16px 20px; background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%); border:1px solid rgba(13,148,136,0.4); border-radius:14px; box-shadow:0 4px 16px rgba(0,0,0,0.12); position:relative; overflow:hidden; }
.section-header h2{ margin:0; font-size:1.35rem; font-weight:800; color:#fff; display:flex; align-items:center; gap:10px; position:relative; }
.section-header h2 i{ color:#5eead4; font-size:1.2rem; }
.section-header .uk-text-meta, .section-header .uk-button{ position:relative; }
.section-header .uk-text-meta{ color:rgba(255,255,255,0.7) !important; background:rgba(255,255,255,0.1); padding:6px 12px; border-radius:999px; font-size:0.78rem; font-weight:600; }
.section-header .uk-button-default{ border-color:rgba(255,255,255,0.3); color:#fff; background:rgba(255,255,255,0.08); }
.section-header .uk-button-default:hover{ border-color:var(--accent); background:var(--accent); color:#fff; }

/* --- Sayfa içi bölüm başlıkları (Neler Yeni "Notlar", CV vb.): section-header ile aynı dil ---
   Markdown gövdesinden gelen çıplak h2/h3'leri bantlı kart başlığına çevirir.
   Kapsam: .page-content-html içinde (site gövdeleri); liste kartlarındaki h3'ler etkilenmez. */
.page-content-html h2{
  display:flex; align-items:center; gap:10px;
  margin:34px 0 18px; padding:16px 20px;
  background:linear-gradient(135deg, var(--ink) 0%, var(--ink-soft) 100%);
  border:1px solid rgba(13,148,136,0.4); border-radius:14px;
  box-shadow:0 4px 16px rgba(0,0,0,0.12);
  font-size:1.35rem; font-weight:800; color:#fff; line-height:1.3;
}
.page-content-html h2 a{ color:inherit; text-decoration:none; }
.page-content-html h3{
  display:inline-flex; align-items:center; gap:8px;
  margin:26px 0 12px; padding:7px 16px;
  background:rgba(13,148,136,0.10);
  border:1px solid rgba(13,148,136,0.35); border-left:4px solid var(--accent);
  border-radius:10px;
  font-size:0.95rem; font-weight:800; letter-spacing:.06em;
  color:var(--accent);
}
.page-content-html h4{
  margin:20px 0 8px; font-size:1rem; font-weight:800; color:var(--ink);
}

/* Header nav: aktif sayfa vurgusu (aria-current + .hx-on) */
.uk-navbar-nav > li.hx-on > a{ color:var(--accent); position:relative; }
.uk-navbar-nav > li.hx-on > a::after{ content:""; position:absolute; left:14px; right:14px; bottom:2px; height:3px; border-radius:999px; background:var(--accent); }
.uk-navbar-nav > li.hx-on > a span, .uk-navbar-nav > li.hx-on > a i{ color:var(--accent); }

/* Breadcrumbs (sayfa başında; hx-breadcrumb) — göz alan pill bandı */
.hx-breadcrumb{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:0.88rem; font-weight:700; margin:0 0 18px; padding:10px 18px; background:linear-gradient(135deg, rgba(13,148,136,0.12), rgba(15,36,64,0.07)); border:1.5px solid rgba(13,148,136,0.45); border-radius:999px; box-shadow:0 3px 12px rgba(13,148,136,0.12); }
.hx-breadcrumb a{ color:var(--ink); text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:color .15s; }
.hx-breadcrumb a i{ font-size:1rem; }
.hx-breadcrumb a:hover{ color:var(--accent); transform:translateY(-1px); }
.hx-breadcrumb .hx-bc-sep{ color:var(--accent); opacity:0.8; display:inline-flex; }
.hx-breadcrumb .hx-bc-here{ color:var(--accent); font-weight:800; display:inline-flex; align-items:center; gap:6px; background:rgba(13,148,136,0.12); padding:4px 14px; border-radius:999px; }

/* Novel grid */
.novel-grid, .pf-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:24px; }
.novel-card, .pf-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.05); transition:transform 0.2s, box-shadow 0.2s, border-color 0.2s; display:flex; flex-direction:column; height:100%; }
.novel-card:hover, .pf-card:hover{ transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,0.1); border-color:rgba(13,148,136,0.5); }
.novel-card-cover{ position:relative; aspect-ratio:2/3; overflow:hidden; background:var(--ink-soft); }
.novel-card-cover img{ width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; }
.novel-card:hover .novel-card-cover img{ transform:scale(1.05); }
.novel-card-cover .placeholder{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--paper-dim); }
.novel-card-cover .placeholder i{ font-size:56px; opacity:0.2; color:var(--ink); }
.novel-card-badge{ position:absolute; top:12px; left:12px; z-index:2; background:rgba(0,0,0,0.8); color:#5eead4; padding:4px 10px; border-radius:999px; font-size:0.65rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; backdrop-filter:blur(6px); }
.novel-card-body{ padding:20px; display:flex; flex-direction:column; flex:1; }
.novel-card-title{ font-size:1.05rem; font-weight:700; color:var(--ink); margin:0 0 6px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.novel-card-title a{ color:inherit; text-decoration:none; transition:color 0.15s; }
.novel-card-title a:hover{ color:var(--accent-2); }
.novel-card-meta{ display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; font-size:0.8rem; color:var(--text-muted); margin-bottom:10px; }
.novel-card-meta .author{ font-weight:600; }
.novel-card-meta .day{ background:rgba(13,148,136,0.14); color:var(--ink); padding:2px 8px; border-radius:999px; font-size:0.7rem; font-weight:600; }
.novel-card-desc{ font-size:0.88rem; line-height:1.6; color:var(--text-muted); flex:1 1 auto; margin:0 0 16px; min-height:0; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; max-height:calc(0.88rem * 1.6 * 3); }
.novel-card-footer{ padding:0 20px 20px; margin-top:auto; }
.novel-card-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; background:var(--accent); color:#fff !important; font-weight:700; border:none; border-radius:999px; padding:12px 20px; transition:background 0.15s, transform 0.1s, box-shadow 0.15s; box-shadow:0 2px 8px rgba(13,148,136,0.3); }
.novel-card-btn:hover{ background:var(--accent-2); color:#fff !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(14,116,144,0.4); }
.novel-card-btn:active{ transform:translateY(0); }

.novel-card-empty{ grid-column:1/-1; text-align:center; padding:60px 20px; background:var(--hx-card-bg); border:1px dashed var(--border-soft); border-radius:16px; }
.novel-card-empty i{ font-size:48px; color:var(--text-muted); margin-bottom:12px; display:block; }
.novel-card-empty p{ color:var(--text-muted); margin:0; }

/* Stats */
.stats-bar{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-bottom:32px; }
.stat-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:14px; padding:20px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.04); }
.stat-card .num{ font-size:2rem; font-weight:800; color:var(--accent); line-height:1; }
.stat-card .label{ font-size:0.8rem; color:var(--text-muted); margin-top:6px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; }

/* Grid düzeltmeleri + generic */
.uk-grid{ margin-left:0px !important; }
.author{ color:var(--white) !important; }

/* Proje galerisi */
.project-gallery{ display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
@media (max-width: 640px){ .project-gallery{ grid-template-columns:1fr; } }
.project-gallery-item{ position:relative; display:block; overflow:hidden; border-radius:16px; border:1px solid var(--border-soft); background:var(--hx-card-bg); box-shadow:0 4px 16px rgba(0,0,0,0.05); transition:transform .2s, box-shadow .2s, border-color .2s; }
.project-gallery-item:hover{ transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.1); border-color:rgba(13,148,136,0.45); }
.project-gallery-item img{ width:100%; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform .35s; }
.project-gallery-item:hover img{ transform:scale(1.04); }
.project-gallery-zoom{ position:absolute; top:10px; right:10px; width:32px; height:32px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.75); color:#5eead4; font-size:14px; backdrop-filter:blur(6px); opacity:0; transform:scale(0.9); transition:opacity .2s, transform .2s; }
.project-gallery-item:hover .project-gallery-zoom{ opacity:1; transform:scale(1); }
.project-gallery-num{ position:absolute; left:10px; bottom:10px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,0.75); color:#fff; font-size:11px; font-weight:700; letter-spacing:0.04em; }

/* Yazar Köşesi */
.author-corner-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
@media (max-width: 960px){ .author-corner-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 480px){ .author-corner-grid{ grid-template-columns:1fr; } }
.author-corner-card{ transition:transform .2s, box-shadow .2s; }
.author-corner-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,0.1); }
.ac-name{ color:var(--ink); }
.ac-role, .ac-label, .ac-sub{ color:var(--text-muted); }
.ac-quote{ color:var(--text-main); }
.hc-name{ color:var(--text-main); }
.hc-meta, .hc-src{ color:var(--text-muted); }
.hc-body{ color:var(--text-main); }

/* Soru Sor */
.ask-float-btn{ position:fixed; bottom:24px; left:24px; z-index:999; display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:999px; background:var(--ink); color:#5eead4 !important; border:1px solid rgba(13,148,136,0.5); font-weight:700; font-size:0.92rem; text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,0.22); transition:transform .15s, box-shadow .15s, border-color .15s; }
.ask-float-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,0.3); border-color:var(--accent); color:#fff !important; }
.ask-float-btn i{ font-size:1.1rem; }

/* index.md kartı */
.index-md-block{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; padding:28px; margin:24px 0; box-shadow:0 4px 20px rgba(0,0,0,0.05); position:relative; overflow:hidden; }
.index-md-block::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg, var(--accent), var(--accent-2)); }
.index-md-block h1, .index-md-block h2, .index-md-block h3{ color:var(--ink); margin:0 0 0.6em; font-weight:800; }
.index-md-block h1{ font-size:1.6rem; border-bottom:2px solid var(--accent); padding-bottom:8px; display:inline-block; }
.index-md-block h2{ font-size:1.3rem; }
.index-md-block h3{ font-size:1.15rem; }
.index-md-block p{ color:var(--text-main); line-height:1.7; margin:0 0 1em; }
.index-md-block p:last-child{ margin:0; }
.index-md-block a{ color:var(--accent-2); font-weight:600; text-decoration:none; }
.index-md-block a:hover{ text-decoration:underline; }
.index-md-block blockquote{ border-left:4px solid var(--accent); background:linear-gradient(90deg, rgba(13,148,136,0.08), transparent); padding:14px 16px; border-radius:0 12px 12px 0; margin:16px 0; font-style:italic; color:var(--ink); }
.index-md-block ul, .index-md-block ol{ margin:12px 0 12px 20px; color:var(--text-main); }
.index-md-block li{ margin:6px 0; }
.index-md-block li::marker{ color:var(--accent); }
.index-md-block code{ background:var(--paper-dim); padding:2px 6px; border-radius:6px; font-size:0.88em; color:var(--ink); border:1px solid var(--border-soft); }
.index-md-block hr{ border:none; border-top:1px dashed var(--border-soft); margin:20px 0; }

/* Arama şeridi */
.header-search-strip{ background:var(--ink); border-bottom:1px solid var(--border-soft); padding:10px 0; position:relative; z-index:900; }
.header-search-inner{ position:relative; max-width:1200px; }
.header-search-form{ display:flex; align-items:center; gap:8px; background:#fff; border-radius:999px; padding:6px 6px 6px 16px; box-shadow:0 4px 16px rgba(0,0,0,0.12); border:1px solid var(--border-soft); max-width:640px; margin:0 auto; position:relative; }
.header-search-icon{ color:var(--accent); font-size:1.1rem; flex-shrink:0; }
.header-search-form input{ flex:1; border:none; outline:none; background:transparent; font-size:0.95rem; color:var(--ink); min-width:0; }
.header-search-form input::placeholder{ color:#94a3b8; }
.header-search-kbd{ background:var(--paper-dim); border:1px solid var(--border-soft); border-bottom-width:2px; border-radius:6px; padding:1px 7px; font-size:0.8rem; color:var(--text-muted); font-family:inherit; flex-shrink:0; }
.header-search-btn{ background:var(--accent); color:#fff; border:none; border-radius:999px; padding:9px 18px; font-weight:700; font-size:0.9rem; cursor:pointer; flex-shrink:0; display:inline-flex; align-items:center; gap:6px; }
.header-search-btn:hover{ background:var(--accent-2); color:#fff; }
.header-search-drop{ display:none; position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); width:640px; max-width:calc(100% - 32px); background:#fff; border:1px solid var(--border-soft); border-radius:14px; box-shadow:0 16px 48px rgba(0,0,0,0.18); overflow:hidden; z-index:1001; max-height:60vh; overflow-y:auto; text-align:left; }
#searchDrop{ display:none; position:absolute; top:calc(100% + 8px); left:0; width:360px; max-width:90vw; background:#fff; border:1px solid var(--border-soft); border-radius:14px; box-shadow:0 16px 48px rgba(0,0,0,0.18); overflow:hidden; z-index:1001; max-height:60vh; overflow-y:auto; text-align:left; }
@media (max-width:640px){
  .header-search-strip{ padding:8px 0; }
  .header-search-form{ margin:0 16px; }
  .header-search-kbd{ display:none; }
  .header-search-btn{ padding:9px 12px; }
}

/* CTA */
.cta-collab{ position:relative; overflow:hidden; border-radius:20px; background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%); border:1px solid rgba(0,0,0,0.08); box-shadow:0 12px 40px rgba(14,116,144,0.25); padding:36px 32px; margin-bottom:24px; color:#fff; }
.cta-collab-pill{ display:inline-flex; align-items:center; gap:6px; background:var(--ink); color:#5eead4; font-size:0.72rem; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; padding:6px 14px; border-radius:999px; margin-bottom:14px; }
.cta-collab-title{ margin:0 0 16px; font-size:clamp(1.5rem, 3.5vw, 2.2rem); font-weight:800; line-height:1.2; color:#fff; }
.cta-collab-points{ list-style:none; padding:0; margin:0 0 20px; display:flex; flex-wrap:wrap; gap:8px 20px; }
.cta-collab-points li{ display:flex; align-items:center; gap:8px; font-weight:700; font-size:0.95rem; }
.cta-collab-points i{ font-size:1.1rem; }
.cta-collab-steps{ list-style:none; padding:0; margin:0 0 20px; display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.cta-collab-steps li{ display:flex; align-items:center; gap:10px; background:rgba(255,255,255,0.16); border:1px solid rgba(255,255,255,0.32); border-radius:14px; padding:12px 14px; font-weight:700; font-size:0.9rem; }
.step-num{ width:28px; height:28px; border-radius:50%; flex-shrink:0; background:var(--ink); color:#5eead4; display:inline-flex; align-items:center; justify-content:center; font-weight:800; }
.cta-collab-proof{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.cta-collab-proof span{ display:inline-flex; align-items:center; gap:6px; background:rgba(0,0,0,0.5); color:#fff; font-size:0.82rem; font-weight:700; padding:7px 14px; border-radius:999px; }
.cta-collab-proof span i{ color:#5eead4; }
.cta-collab-btn{ display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:#fff !important; font-weight:800; font-size:1.05rem; text-decoration:none; padding:14px 34px; border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,0.3); transition:transform .15s, box-shadow .15s; }
.cta-collab-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 32px rgba(0,0,0,0.4); color:#5eead4 !important; }
@media (max-width:640px){
  .cta-collab{ padding:28px 20px; }
  .cta-collab-steps{ grid-template-columns:1fr; }
}

/* Fan novel */
.fan-badge{ background:linear-gradient(135deg, #7c3aed, #4f46e5) !important; color:#fff !important; }
.fan-pills{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; position:relative; z-index:2; }
.fan-pills span{ display:inline-flex; align-items:center; gap:6px; background:rgba(13,148,136,0.18); border:1px solid rgba(13,148,136,0.5); color:#5eead4; font-size:0.78rem; font-weight:700; padding:6px 12px; border-radius:999px; white-space:nowrap; }
.fan-disclaimer{ margin-top:14px; padding:12px 16px; border-radius:12px; position:relative; z-index:2; background:rgba(13,148,136,0.12); border:1px solid rgba(13,148,136,0.4); color:#99f6e4; font-size:0.85rem; line-height:1.6; }
.fan-disclaimer strong{ color:#5eead4; }
.fan-disclaimer a{ color:#5eead4; font-weight:700; }

/* Reklam slotları */
.ad-slot{ border:1px dashed rgba(13,148,136,0.45); border-radius:14px; color:var(--text-muted); font-size:0.8rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; display:flex; align-items:center; justify-content:center; min-height:90px; margin:20px 0; padding:16px; background:rgba(13,148,136,0.04); }
.ad-slot.ad-real{ border:none; background:none; min-height:0; padding:0; margin:20px 0; display:block; }

/* Yüzen yorum butonu */
#commentFloatBtn{ position:fixed; left:50%; transform:translateX(-50%); bottom:20px; z-index:998; width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,0.4); background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:#fff; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.3); }
#commentFloatBtn:hover{ transform:translateX(-50%) translateY(-2px); }
@media (max-width:640px){ #commentFloatBtn{ bottom:14px; } }

/* Yorum formu + takvim + boş durum */
.comments-header h2{ color:var(--ink); }
.comment-form{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; }
.input-group label{ color:var(--ink); font-weight:600; }
.input-group input[type="text"], .input-group textarea{ background:#fff; color:var(--text-main); border:1px solid var(--border-soft); border-radius:8px; }
.admin-indicator{ background:linear-gradient(135deg, rgba(13,148,136,0.10), rgba(14,116,144,0.08)); border:1px solid rgba(13,148,136,0.35); border-radius:12px; }
.admin-indicator strong{ color:var(--accent); }
.admin-indicator small{ color:var(--text-muted); }
.empty-state{ background:linear-gradient(135deg, var(--paper-dim), #ffffff); border:1px solid var(--border-soft); }
.empty-state h3{ color:var(--ink); }
.date-novels a{ color:var(--ink); }
.date-item{ border:1px solid var(--border-soft); border-radius:10px; background:var(--hx-card-bg); }
.date-item:hover{ background:var(--ink); border-color:var(--accent); color:#fff; }

/* Font boyutu */
.font-size-toggle{ position:fixed; bottom:24px; right:24px; z-index:1000; width:48px; height:48px; border-radius:50%; background:var(--ink); border:2px solid var(--accent); color:#5eead4; font-weight:800; font-size:1.1rem; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,0.25); transition:all 0.2s; }
.font-size-toggle:hover{ transform:scale(1.08); box-shadow:0 12px 32px rgba(0,0,0,0.35), 0 0 0 2px var(--accent-2); }
.font-size-toggle:focus{ outline:none; }
.font-size-panel{ position:fixed; bottom:80px; right:24px; z-index:999; background:#fff; border:1px solid var(--border-soft); border-radius:16px; padding:20px; min-width:200px; box-shadow:0 16px 48px rgba(0,0,0,0.15); display:none; flex-direction:column; gap:16px; }
.font-size-panel.open{ display:flex; }
.font-size-panel::before{ content:""; position:absolute; bottom:-8px; right:20px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; filter:drop-shadow(0 4px 4px rgba(0,0,0,0.05)); }
.font-size-label{ font-size:0.85rem; color:var(--text-muted); font-weight:600; text-align:center; }
.font-size-btns{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.font-size-btn{ width:40px; height:40px; border-radius:50%; border:1px solid var(--border-soft); background:#fff; color:var(--ink); font-weight:700; font-size:1rem; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.15s; }
.font-size-btn:hover{ background:var(--ink); color:#5eead4; border-color:var(--accent); }
.font-size-btn.active{ background:var(--ink); color:#5eead4; border-color:var(--accent); }

/* ---- Duyarlı ---- */
@media (max-width: 960px){
  .home-hero-content{ padding:40px 28px; }
  .novel-grid{ grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:20px; }
  .novel-card-body{ padding:16px; }
  .novel-card-footer{ padding:0 16px 16px; }
  .stats-bar{ grid-template-columns:repeat(2, 1fr); }
  .page-hero-content{ padding:32px 28px; }
  .page-content-card .uk-card-body{ padding:28px; }
  .read-content{ padding:36px 32px; font-size:1rem; line-height:1.85; }
  .read-hero{ padding:18px 20px; }
}
@media (max-width: 640px){
  .home-hero{ min-height:300px; }
  .home-hero-content{ min-height:300px; padding:32px 20px; }
  .home-hero-title{ font-size:1.8rem; }
  .home-hero-desc{ font-size:0.95rem; }
  .section-header h2{ font-size:1.25rem; }
  .novel-grid{ grid-template-columns:1fr; }
  .stats-bar{ grid-template-columns:repeat(2, 1fr); }
  .beta-bar, .announcement-bar{ font-size:0.78rem; padding:8px 12px; }
  .page-hero{ min-height:180px; }
  .page-hero-content{ min-height:180px; padding:28px 20px; }
  .page-hero-title{ font-size:1.4rem; }
  .page-content-card .uk-card-body{ padding:20px; }
  .novel-hero-content{ padding:32px 20px 20px; min-height:280px; align-items:flex-end; }
  .novel-hero-main{ gap:20px; }
  .novel-hero-cover{ width:120px; height:168px; }
  .novel-hero-title{ font-size:1.6rem; }
  .novel-info-card .uk-card-body{ padding:20px; }
  .chapter-item{ padding:14px 16px; gap:12px; }
  .chapters-header{ padding:16px; }
  .footer-nav{ gap:8px 16px; font-size:0.8rem; }
  .footer-friends{ gap:10px; font-size:0.8rem; }
  .footer-tech{ gap:6px; font-size:0.68rem; }
  .footer-privacy{ font-size:0.68rem; }
  .footer-tagline{ font-size:0.68rem; }
  .footer-ai-seal{ font-size:0.66rem; gap:8px; }
  .footer-ai-seal .seal-text{ padding:6px 12px; }
  .read-content{ padding:24px 16px; font-size:0.98rem; line-height:1.8; }
  .read-hero{ padding:16px; gap:12px; }
  .read-hero-left{ gap:10px; }
  .read-novel-link{ font-size:0.8rem; padding:6px 10px; }
  .read-hero-title{ font-size:1.15rem; }
  .read-hero-chapter{ font-size:0.85rem; }
  .read-nav{ padding:16px; flex-direction:column; gap:12px; }
  .read-nav-btn{ width:100%; justify-content:center; }
  .ask-float-btn{ bottom:16px; left:16px; padding:10px 14px; font-size:0.88rem; width:48px; height:48px; border-radius:50%; justify-content:center; padding:0; }
  .ask-float-btn span{ display:none; }
  .font-size-toggle{ bottom:16px; right:16px; width:44px; height:44px; }
  .font-size-panel{ bottom:70px; right:16px; left:16px; min-width:auto; }
}

/* ---- CV / Resume (cv eklentisi sınıfları) — teal kimlikli sıcak düzen ---- */
.cv-wrap{ position:relative; overflow:hidden; background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:18px; padding:0 32px 32px; box-shadow:0 10px 36px rgba(15,36,64,0.09); margin:24px 0; }
/* Üst gradyan bandı (dekoratif, içerik yok) */
.cv-wrap::before{ content:""; display:block; margin:0 -32px 0; height:7px; background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent)); border-radius:18px 18px 0 0; }
.cv-wrap::after{ content:""; position:absolute; top:7px; right:-90px; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle, rgba(13,148,136,0.07) 0%, rgba(13,148,136,0) 68%); pointer-events:none; }
.cv-head-band{ position:relative; display:flex; gap:22px; align-items:center; flex-wrap:wrap; padding:26px 0 22px; }
.cv-head-avatar{ flex-shrink:0; margin-top:-33px; } /* avatar üst gradyan bandına oturur */
.cv-head-info{ flex:1; min-width:240px; }
/* Avatar: bandın üstüne taşan halka çerçeve */
.cv-avatar{ width:104px; height:104px; border-radius:50%; object-fit:cover; border:4px solid #fff; outline:3px solid var(--accent); outline-offset:-7px; box-shadow:0 8px 22px rgba(15,36,64,0.16); background:#fff; }
.cv-avatar-ph{ display:flex; align-items:center; justify-content:center; font-size:46px; color:var(--accent); background:linear-gradient(135deg, rgba(13,148,136,0.12), rgba(20,184,166,0.2)); }
.cv-name{ margin:0; font-size:1.85rem; font-weight:800; color:var(--ink); letter-spacing:-0.01em; }
.cv-title{ margin:3px 0 12px; font-weight:700; color:var(--accent); }
/* İletişim: çıplak metin yerine chip'ler */
.cv-meta{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.cv-meta span{ display:inline-flex; align-items:center; gap:6px; background:var(--paper-dim); border:1px solid var(--border-soft); border-radius:999px; padding:5px 13px; font-size:0.82rem; font-weight:600; color:var(--text-main); }
.cv-meta i{ margin:0; color:var(--accent); }
.cv-meta a{ color:var(--text-main); }
.cv-meta a:hover{ color:var(--accent); }
.cv-socials{ margin:14px 0 0; display:flex; gap:10px; }
.cv-socials a{ width:38px; height:38px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; font-size:1.15rem; color:var(--text-muted); background:var(--paper-dim); border:1px solid var(--border-soft); transition:all .15s ease; }
.cv-socials a:hover{ color:#fff; background:var(--accent); border-color:var(--accent); transform:translateY(-2px); }
.cv-summary{ position:relative; font-size:1.03rem; line-height:1.75; color:var(--text-main); background:rgba(13,148,136,0.05); border-left:4px solid var(--accent); border-radius:0 12px 12px 0; padding:14px 18px; margin:6px 0 8px; }
.cv-h{ display:flex; align-items:center; gap:12px; margin:30px 0 16px; font-size:1.12rem; font-weight:800; color:var(--ink); border-bottom:0; padding-bottom:0; }
.cv-h::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg, var(--border-soft), rgba(13,148,136,0.35)); }
.cv-h i{ color:var(--accent); }
.cv-skills{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:12px 26px; }
.cv-skill{ display:flex; flex-direction:column; gap:6px; }
.cv-skill-name{ display:flex; justify-content:space-between; align-items:baseline; font-weight:600; font-size:0.9rem; }
.cv-skill-pct{ font-size:0.74rem; font-weight:800; color:var(--accent); background:rgba(13,148,136,0.09); border-radius:6px; padding:1px 7px; }
.cv-bar{ height:9px; border-radius:99px; background:var(--paper-dim); overflow:hidden; display:block; box-shadow:inset 0 1px 2px rgba(15,36,64,0.08); }
.cv-bar-fill{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow:0 0 8px rgba(13,148,136,0.35); }
.cv-list{ list-style:none; padding:0; margin:0; display:grid; gap:14px; }
/* Deneyim: sol raylı timeline */
.cv-item{ position:relative; padding:16px 18px 16px 26px; border:1px solid var(--border-soft); border-radius:12px; background:var(--paper); box-shadow:0 2px 10px rgba(15,36,64,0.04); transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.cv-item:hover{ transform:translateX(3px); border-color:rgba(13,148,136,0.4); box-shadow:0 8px 22px rgba(15,36,64,0.1); }
.cv-item::before{ content:""; position:absolute; left:-1px; top:16px; bottom:16px; width:4px; border-radius:99px; background:linear-gradient(180deg, var(--accent), var(--accent-2)); opacity:.85; }
.cv-item-head{ font-size:1rem; }
.cv-item-meta{ font-size:0.8rem; font-weight:600; color:var(--accent); margin-top:3px; }
.cv-item-desc{ margin:8px 0 0; font-size:0.92rem; color:var(--text-main); line-height:1.6; }
.cv-tags, .cv-langs{ display:inline-flex; flex-wrap:wrap; gap:8px; }
.cv-tag{ display:inline-block; background:rgba(13,148,136,0.1); border:1px solid rgba(13,148,136,0.35); color:var(--accent); border-radius:999px; padding:5px 14px; font-size:0.8rem; font-weight:700; }
.cv-hero .cv-hero-hello{ color:#5eead4; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; font-size:0.85rem; margin:0; }
.cv-hero .cv-hero-title{ font-size:clamp(1.1rem, 2.5vw, 1.5rem); color:rgba(255,255,255,0.92); font-weight:700; margin:0 0 12px; }
.cv-hero-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:4px; }
/* Koyu hero üstünde ghost: global btn-ghost !important kuralını yenmek için !important şart */
.cv-hero-actions .btn-ghost{ color:#fff !important; border-color:rgba(255,255,255,0.5) !important; background:transparent !important; }
.cv-hero-actions .btn-ghost:hover{ background:#fff !important; color:var(--ink) !important; }
.cv-hero-socials{ display:flex; gap:14px; margin-top:16px; }
.cv-hero-socials a{ color:#5eead4; font-size:1.4rem; }
.cv-hero-socials a:hover{ color:#fff; }
@media (max-width:640px){
  .cv-wrap{ padding:0 18px 22px; }
  .cv-wrap::before{ margin:0 -18px 0; }
  .cv-head-band{ padding:20px 0 16px; gap:16px; }
  .cv-head-avatar{ margin-top:-27px; }
  .cv-avatar{ width:84px; height:84px; }
  .cv-name{ font-size:1.5rem; }
  .cv-h{ margin:24px 0 12px; }
}

/* ============================================================
   KOYU MOD — html[data-theme="dark"]
   ============================================================ */
html[data-theme="dark"]{ color-scheme:dark; }
html[data-theme="dark"] body{ background:#0b1220; color:#dbe4ee; }
html[data-theme="dark"]{
  --text-main:#dbe4ee;
  --text-muted:#8fa2b8;
  --honey-wax:#141d2c; /* eski ad — içerik inline stilleri için uyumluluk */
  --border-soft:#22304a;
  --night-blue:#111827;
  --night-blue-soft:#1f2937;
  --white:#0b1220;
  --hx-card-bg:#101828;
  --honey-link:#2dd4bf;
  --hx-footer-link:#2dd4bf;
}
html[data-theme="dark"] a{ color:var(--accent-link); }
html[data-theme="dark"] a:hover{ color:#5eead4; }
html[data-theme="dark"] .uk-navbar-container{ background:#0b1220 !important; border-bottom-color:var(--border-soft); }
html[data-theme="dark"] .uk-navbar-nav>li>a{ color:#dbe4ee !important; }
html[data-theme="dark"] .hub-iconbtn{ background:#101828; border-color:var(--border-soft); color:#dbe4ee; }
html[data-theme="dark"] .hub-iconbtn:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }
html[data-theme="dark"] .beta-bar{ background:#101828; border-color:var(--border-soft); color:#dbe4ee; }
html[data-theme="dark"] .beta-bar strong{ color:#fff; }
html[data-theme="dark"] .beta-bar .uk-button-text:hover{ color:var(--accent); background:#141d2c; }
html[data-theme="dark"] .uk-card-default,
html[data-theme="dark"] .novel-card,
html[data-theme="dark"] .page-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .page-content-card,
html[data-theme="dark"] .read-content-card,
html[data-theme="dark"] .chapters-card,
html[data-theme="dark"] .novel-info-card,
html[data-theme="dark"] .index-md-block,
html[data-theme="dark"] .date-novels,
html[data-theme="dark"] .read-nav,
html[data-theme="dark"] .comment-form,
html[data-theme="dark"] .font-size-panel,
html[data-theme="dark"] .project-gallery-item,
html[data-theme="dark"] .novel-card-empty{ background:#101828; }
html[data-theme="dark"] .uk-card-title a,
html[data-theme="dark"] .novel-card-title,
html[data-theme="dark"] .novel-card-title a,
html[data-theme="dark"] .page-card-title,
html[data-theme="dark"] .page-content-html h1,
html[data-theme="dark"] .page-content-html h2,
html[data-theme="dark"] .page-content-html h3,
html[data-theme="dark"] .page-content-html strong,
html[data-theme="dark"] .novel-desc-html h2,
html[data-theme="dark"] .novel-desc-html h3,
html[data-theme="dark"] .read-content strong,
html[data-theme="dark"] .index-md-block h1,
html[data-theme="dark"] .index-md-block h2,
html[data-theme="dark"] .index-md-block h3,
html[data-theme="dark"] .input-group label,
html[data-theme="dark"] .admin-indicator strong,
html[data-theme="dark"] .empty-state h3,
html[data-theme="dark"] .date-novels a,
html[data-theme="dark"] .ac-name,
html[data-theme="dark"] .hc-name,
html[data-theme="dark"] .comments-header h2{ color:#e7eef6; }
html[data-theme="dark"] .ac-quote,
html[data-theme="dark"] .hc-body,
html[data-theme="dark"] .index-md-block p,
html[data-theme="dark"] .read-content,
html[data-theme="dark"] .page-content-html{ color:#c3d0de; }
html[data-theme="dark"] .index-md-block blockquote{ color:#5eead4; }
html[data-theme="dark"] .page-content-html code,
html[data-theme="dark"] .index-md-block code,
html[data-theme="dark"] .novel-desc-html code{ color:#5eead4; }
html[data-theme="dark"] .page-content-html pre{ border:1px solid var(--border-soft); background:#0d1522; }
html[data-theme="dark"] .input-group input[type="text"],
html[data-theme="dark"] .input-group textarea{ background:#0d1522; color:#dbe4ee; border-color:var(--border-soft); }
html[data-theme="dark"] .font-size-btn{ background:#0d1522; color:#5eead4; border-color:var(--border-soft); }
html[data-theme="dark"] .font-size-label{ color:var(--text-muted); }
html[data-theme="dark"] .empty-state{ background:linear-gradient(135deg, #0d1522, #101828); }
html[data-theme="dark"] .header-search-drop,
html[data-theme="dark"] #searchDrop{ background:#101828 !important; border-color:var(--border-soft); }
html[data-theme="dark"] #searchDrop a,
html[data-theme="dark"] .header-search-drop a,
html[data-theme="dark"] #heroSearchDrop a,
html[data-theme="dark"] #mobileSearchDrop a,
html[data-theme="dark"] #mobileSearchOffDrop a{ color:#dbe4ee !important; }

/* ---- Portfolio ({% portfolio %} — cv eklentisi) ---- */
.pf-wrap{ margin:16px 0; }
.pf-head{ margin-bottom:16px; }
.pf-title{ font-size:1.4rem; font-weight:800; margin:0; color:var(--ink); }
.pf-sub{ color:var(--text-muted); margin:4px 0 0; }
.pf-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.pf-card{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:transform .15s, box-shadow .15s; }
.pf-card:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(15,36,64,0.12); }
.pf-featured{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
.pf-thumb{ width:100%; aspect-ratio:2/3; object-fit:cover; display:block; background:var(--paper-dim); }
.pf-body{ padding:18px 18px 22px; display:flex; flex-direction:column; gap:8px; flex:1; }
.pf-name{ font-size:1.02rem; font-weight:800; margin:0; }
.pf-name a{ color:var(--ink); text-decoration:none; }
.pf-name a:hover{ color:var(--accent); }
.pf-star{ color:var(--accent); font-size:0.8rem; margin-left:6px; }
.pf-tagline{ color:var(--text-muted); font-size:0.88rem; margin:0; }
.pf-tags{ display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.pf-card-link{ display:block; color:inherit; text-decoration:none; }
.pf-thumb-ph{ aspect-ratio:2/3; display:flex; align-items:center; justify-content:center; font-size:2.2rem; color:var(--accent); background:var(--paper-dim); }
.pf-meta{ color:var(--text-muted); font-size:0.78rem; margin:0; }
.pf-detail-body{ background:var(--hx-card-bg); border:1px solid var(--border-soft); border-radius:16px; padding:24px; }
/* Kart cover'larının alt kenarına oturan tarih damgası (novel + portföy) */
.date-chip{ position:absolute; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; gap:6px; padding:6px 10px; font-size:0.74rem; font-weight:700; color:#fff; background:linear-gradient(180deg, rgba(15,36,64,0) 0%, rgba(15,36,64,0.72) 55%, rgba(15,36,64,0.88) 100%); text-shadow:0 1px 3px rgba(0,0,0,0.4); pointer-events:none; z-index:2; }
.date-chip i{ font-size:0.8rem; }
/* Boş reklam slotu: dikkat çeken "Reklam Ver" çağrısı */
.ad-cta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:20px 0; padding:16px 22px; border-radius:16px; text-decoration:none; background:linear-gradient(135deg, rgba(13,148,136,0.10), rgba(15,36,64,0.07)); border:1.5px dashed rgba(13,148,136,0.55); transition:border-color .2s, background .2s, transform .2s, box-shadow .2s; }
.ad-cta:hover{ border-color:var(--accent); background:linear-gradient(135deg, rgba(13,148,136,0.17), rgba(15,36,64,0.11)); transform:translateY(-1px); box-shadow:0 8px 24px rgba(13,148,136,0.16); text-decoration:none; }
.ad-cta-badge{ font-size:0.62rem; font-weight:800; letter-spacing:0.1em; color:var(--accent); background:rgba(13,148,136,0.12); padding:4px 10px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; animation:ad-pulse 2.2s ease-in-out infinite; }
.ad-cta-text{ flex:1; min-width:180px; font-weight:800; color:var(--ink); font-size:0.95rem; }
.ad-cta-btn{ background:linear-gradient(135deg, var(--accent), #0e7490); color:#fff; font-weight:800; font-size:0.82rem; padding:9px 18px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
@keyframes ad-pulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.07); } }
html[data-theme="dark"] .ad-cta-text{ color:#dbe4ee; }
.pf-cover-ph{ width:100%; aspect-ratio:2/3; display:flex; align-items:center; justify-content:center; font-size:2.4rem; color:var(--accent); background:var(--paper-dim); }

/* ---- Sayfalama (cms_paginate — novels/blog/pages/docs/authors/portfolio) ---- */
.cms-pagination{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:28px 0 8px; }
.cms-pagination .pg-btn{ display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 12px; border-radius:10px; border:1px solid var(--border-soft); background:var(--hx-card-bg); color:var(--ink); font-weight:700; font-size:0.88rem; text-decoration:none; }
.cms-pagination .pg-btn:hover{ border-color:var(--accent); color:var(--accent); text-decoration:none; }
.cms-pagination .pg-on{ background:var(--accent); border-color:var(--accent); color:#fff !important; }
.cms-pagination .pg-dis{ opacity:0.4; pointer-events:none; }
.cms-pagination .pg-dots{ border:none; background:transparent; }
.pf-detail-actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.pf-section-title{ font-size:1.15rem; font-weight:800; color:var(--ink); margin:0 0 12px; display:flex; align-items:center; gap:8px; }
.pf-section-title i{ color:var(--accent); }
.pf-desc{ font-size:0.88rem; line-height:1.6; color:var(--text-muted); }
.pf-desc p{ margin:0 0 8px; }
.pf-desc p:last-child{ margin:0; }
html[data-theme="dark"] .pf-name a{ color:#dbe4ee; }
html[data-theme="dark"] .header-search-form{ background:#101828; border-color:var(--border-soft); }
html[data-theme="dark"] .header-search-form input{ color:#e7eef6; }
html[data-theme="dark"] .header-search-form input::placeholder{ color:#64748b; }
html[data-theme="dark"] .header-search-kbd{ background:#0d1522; border-color:var(--border-soft); color:#8fa2b8; }
html[data-theme="dark"] .admin-indicator{ background:linear-gradient(135deg, rgba(13,148,136,0.14), rgba(14,116,144,0.10)); border-color:rgba(13,148,136,0.4); }
html[data-theme="dark"] .admin-indicator strong{ color:#5eead4; }
html[data-theme="dark"] .admin-indicator small{ color:#a9bccf; }
html[data-theme="dark"] .uk-card-default.uk-card-hover:hover{ background-color:#131e30; }
html[data-theme="dark"] .date-item:hover{ background:#1f2937; border-color:var(--accent); color:#fff; }
html[data-theme="dark"] .stat-card .num{ color:#2dd4bf; }
html[data-theme="dark"] .novel-card-meta .day{ color:#5eead4; }
html[data-theme="dark"] .cta-collab-steps li{ background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.22); }
html[data-theme="dark"] .font-size-panel::before{ border-top-color:#101828; }
html[data-theme="dark"] .tv-ver{ background:var(--accent); color:#fff; }
html[data-theme="dark"] [style*="color:var(--night-blue)"]:not([style*="honey-gold"]):not([style*="honey-orange"]):not([style*="accent"]){ color:#e7eef6 !important; }