/* Hexabee — Gece Mavisi / Beyaz / Sarı / Turuncu + Petek Silüeti */
:root{
  --night-blue:#0f2440;
  --night-blue-soft:#1a365d;
  --honey-gold:#ffc300;
  --honey-orange:#ff7a00;
  --white:#ffffff;
  --honey-cream:#ffffff;
  --honey-wax:#e8eef7;
  --bee-black:var(--night-blue);
  --text-main:#0f2440;
  --text-muted:#5a6d8a;
  --border-soft:#e8eef7;
}
body{
  background: var(--white);
  color: var(--text-main);
}
/* Navbar — gece mavisi, sarı alt çizgi — sticky */
.uk-navbar-container{
  background: var(--night-blue) !important;
  border-bottom: 3px solid var(--honey-gold);
  position:sticky;
  top:0;
  z-index:1000;
}
.uk-navbar-container::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-3px; height:3px;
  background: linear-gradient(90deg, var(--honey-gold) 0%, var(--honey-orange) 100%);
  opacity:0.9;
}
.uk-logo{color:var(--honey-gold) !important; font-weight:800; letter-spacing:-0.02em}
.uk-navbar-nav>li>a{color:rgba(255,255,255,0.88) !important; font-weight:600; font-size:0.88rem}
.uk-navbar-nav>li>a:hover{color:var(--honey-gold) !important}
.uk-navbar-nav>li>a i{margin-right:4px; opacity:0.9}
.uk-navbar-toggle{color:rgba(255,255,255,0.9) !important; min-height:48px; min-width:48px;}
.uk-navbar-toggle:hover{color:var(--honey-gold) !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(--honey-gold) !important;}
.uk-offcanvas-bar .uk-close{color:rgba(255,255,255,0.7);}
.uk-offcanvas-bar .uk-close:hover{color:var(--honey-gold);}
/* Navbar layout fix — mobilde hamburger ortada değil sağda */
[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-item.uk-logo img{height:26px; width:auto; max-height:26px;}
@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:8px; background:rgba(255,255,255,0.08) !important; border:1px solid rgba(255,255,255,0.12);}
  #fallbackToggle.uk-hidden\@m:hover{background:rgba(255,195,0,0.15) !important; border-color:rgba(255,195,0,0.3); color:var(--honey-gold) !important;}
}

/* Beta Notification Bar — Duyuru ile aynı MyBB kart */
.beta-bar{
  background:linear-gradient(90deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
  border:1px solid rgba(255,195,0,0.25);
  border-radius:12px;
  padding:10px 14px;
  font-size:0.85rem;
  color:rgba(255,255,255,0.9);
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:12px auto;
  width:calc(100% - 32px);
  box-shadow:0 4px 16px rgba(15,36,64,0.18), 0 1px 0 rgba(255,255,255,0.08) inset;
  overflow:hidden;
}
.beta-bar::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--honey-gold); opacity:0.95;
}
.beta-bar a{color:var(--honey-gold); font-weight:600; text-decoration:none; transition:opacity 0.2s;}
.beta-bar a:hover{opacity:0.8; text-decoration:underline;}
.beta-bar .uk-button-text{color:rgba(255,255,255,0.6); padding:4px 8px; border-radius:8px;}
.beta-bar .uk-button-text:hover{color:var(--honey-gold); background:rgba(255,255,255,0.08);}
.beta-bar .uk-flex{flex-wrap:wrap; gap:10px;}
.beta-bar strong{color:#fff;}
@media (max-width: 640px){
  .beta-bar{font-size:0.78rem; padding:8px 12px; width:calc(100% - 24px); margin:10px auto; border-radius:10px;}
  .beta-bar .uk-flex{justify-content:center; text-align:center;}
}

/* Announcement Bar — MyBB tarzı border-radius (sabit değil) */
.announcement-bar{
  background:linear-gradient(90deg, var(--honey-gold) 0%, var(--honey-orange) 100%);
  border:1px solid rgba(15,36,64,0.12);
  border-radius:12px;
  padding:10px 14px;
  font-size:0.85rem;
  color:var(--night-blue);
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:12px auto;
  width:calc(100% - 32px);
  box-shadow:0 4px 16px rgba(255,195,0,0.18), 0 1px 0 rgba(255,255,255,0.6) inset;
  overflow:hidden;
}
.announcement-bar::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--night-blue); opacity:0.9;
}
.announcement-bar a{color:var(--night-blue); font-weight:700; text-decoration:underline; text-underline-offset:2px; transition:opacity 0.2s;}
.announcement-bar a:hover{opacity:0.8;}
.announcement-bar .uk-button-text{color:var(--night-blue); opacity:0.7; padding:4px 8px; border-radius:8px;}
.announcement-bar .uk-button-text:hover{opacity:1; color:var(--night-blue); background:rgba(15,36,64,0.08);}
.announcement-bar .uk-flex{flex-wrap:wrap; gap:10px;}
@media (max-width: 640px){
  .announcement-bar{font-size:0.78rem; padding:8px 12px; width:calc(100% - 24px); margin:10px auto; border-radius:10px;}
  .announcement-bar .uk-flex{justify-content:center; text-align:center;}
}

@media (max-width: 640px){
  .announcement-bar{font-size:0.78rem; padding:8px 0;}
  .announcement-bar .uk-flex{justify-content:center; text-align:center;}
}

/* Kartlar — beyaz, gece mavisi başlık, sarı vurgu */
.uk-card-default{
  background:#fff;
  border:1px solid var(--border-soft);
  border-radius:14px;
  overflow:hidden;
  box-shadow: 0 2px 12px rgba(15,36,64,0.06);
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.uk-card-default:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(15,36,64,0.10);
  border-color: rgba(255,195,0,0.35);
}
.uk-card-title{font-weight:700}
.uk-card-title a{color:var(--night-blue)}
.uk-card-title a:hover{color:var(--honey-orange); text-decoration:none}
.uk-text-meta{color:var(--text-muted) !important}
.uk-badge{background:var(--night-blue); color:#fff; font-weight:600; font-size:0.68rem; letter-spacing:0.04em; text-transform:uppercase}
.uk-badge.honey{background:var(--honey-gold); color:var(--night-blue)}
.uk-button-primary{
  background: var(--honey-gold);
  color:var(--night-blue) !important; border:none; font-weight:700; border-radius:999px;
}
.uk-button-primary:hover{background: var(--honey-orange); color:#fff !important}
.uk-button-default{border-color:var(--night-blue); color:var(--night-blue); background:#fff}
.uk-button-default:hover{border-color:var(--honey-gold); color:var(--honey-orange)}

/* Hero — beyaz + petek silüeti */
.honey-hero{
  background: #fff;
  border:1px solid var(--border-soft);
  border-radius:16px;
  padding:28px;
  position:relative; overflow:hidden;
}
.honey-hero::after{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='60' viewBox='0 0 70 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 4 L58 17 L58 43 L35 56 L12 43 L12 17 Z' fill='none' stroke='%23ffc300' stroke-opacity='0.08' stroke-width='1.2'/%3E%3C/svg%3E");
  background-size: 70px 60px;
  pointer-events:none;
}
.honey-hero h1{color:var(--night-blue); font-weight:800; position:relative}
.honey-hero p{color:var(--text-muted); position:relative}

/* Petek silüeti — sitenin bazı kısımlarına */
.honeycomb{
  position:relative;
}
.honeycomb::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='60' viewBox='0 0 70 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 4 L58 17 L58 43 L35 56 L12 43 L12 17 Z' fill='none' stroke='%230f2440' stroke-opacity='0.04' stroke-width='1.2'/%3E%3C/svg%3E");
  background-size: 70px 60px;
  pointer-events:none;
}

/* Görsel — doğal boyut, kırpma yok */
.uk-card-media-top img{border-radius: 12px 12px 0 0; width:100%; height:auto; display:block; background:#f0f4f8}
.uk-card-media-top:empty{display:none}

/* Genel görsel stilleri - border-radius ekle */
img[src$=".jpg"], img[src$=".jpeg"], img[src$=".png"], img[src$=".webp"], img[src$=".gif"] {
    border-radius: 12px;
}

/* Novel detay — temiz, inline'siz */
.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(--honey-wax); border-radius:12px; display:flex; align-items:center; justify-content:center}
.novel-cover-placeholder i{font-size:48px; opacity:0.25}

/* Novel Hero — banner arka planlı */
.novel-hero{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:24px;
  min-height:320px;
  background:#1a365d;
}
.novel-hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,36,64,0.95) 0%, rgba(26,54,93,0.85) 50%, rgba(15,36,64,0.6) 100%);
  z-index:1;
}
.novel-hero-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
  filter: brightness(0.4);
}
.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(255,195,0,0.2);
  background:#1a365d;
}
.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(--honey-wax);}
.novel-hero-cover .placeholder i{font-size:64px; opacity:0.3; color:var(--night-blue);}
.novel-hero-info{flex:1; min-width:280px;}
.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:rgba(255,195,0,0.95); color:var(--night-blue); 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 Info Card */
.novel-info-card{
  background:#fff;
  border:1px solid var(--border-soft);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(15,36,64,0.08);
  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 h2,.novel-desc-html h3{color:var(--night-blue); margin-top:1.5em; margin-bottom:0.5em;}
.novel-desc-html p{margin-bottom:1em;}

/* Bölüm Listesi */
.chapters-card{
  background:#fff;
  border:1px solid var(--border-soft);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(15,36,64,0.08);
}
.chapters-header{
  background:var(--night-blue);
  color:var(--honey-gold);
  padding:20px 28px;
  margin:0;
  font-size:1.1rem; font-weight:700;
  display:flex; align-items:center; gap:10px;
}
.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(255,195,0,0.04);}
.chapter-num{
  background:var(--night-blue);
  color:var(--honey-gold);
  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; transition:color 0.15s;}
.chapter-title:hover{color:var(--honey-orange); text-decoration:none;}
.chapter-link{display:flex; align-items:center; gap:16px; width:100%; text-decoration:none; color:inherit;}

/* Responsive */
@media (max-width: 640px){
  .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 — gece mavisi + petek silüeti */
.site-footer, footer.uk-section-secondary{
  background: var(--night-blue) !important;
  color:rgba(255,255,255,0.85);
  position:relative; overflow:hidden;
}
.site-footer::before, footer.uk-section-secondary::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='70' viewBox='0 0 80 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 L66 21 L66 49 L40 64 L14 49 L14 21 Z' fill='none' stroke='white' stroke-opacity='0.04' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 80px 70px;
  pointer-events:none;
}
.site-footer a, footer.uk-section-secondary a{color:var(--honey-gold)}
.site-footer h4, footer h4{color:var(--honey-gold)}

/* Footer — Compact Full-Width Styles */
.footer-logo{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--honey-gold) !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:var(--honey-gold);}
.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:var(--honey-gold);}

.footer-divider{border:none; border-top:1px solid rgba(255,255,255,0.08);}

.footer-friends{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; font-size:0.85rem; opacity:0.8;}
.footer-friends .friends-label{color:var(--honey-orange); font-weight:600;}
.footer-friends a{color:rgba(255,255,255,0.8); text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:color 0.15s;}
.footer-friends a:hover{color:var(--honey-gold);}
.footer-friends .divider{opacity:0.4;}

.footer-bottom{opacity:0.6;}
.footer-copyright{font-size:0.8rem; margin:0 0 8px;}
.footer-copyright a{color:var(--honey-gold); 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:var(--honey-gold); 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.7;}

/* Responsive Footer */
@media (max-width: 640px){
  .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;}
}

/* Page — Single View */
.page-hero{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:24px;
  min-height:220px;
  background:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
}
.page-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='70' viewBox='0 0 80 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 L66 21 L66 49 L40 64 L14 49 L14 21 Z' fill='none' stroke='%23ffc300' stroke-opacity='0.06' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 80px 70px;
  pointer-events:none;
}
.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(255,195,0,0.15);
  border:1px solid rgba(255,195,0,0.3);
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.page-hero-icon i{font-size:28px; color:var(--honey-gold);}
.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:var(--honey-gold);}

.page-content-card{
  background:#fff; border:1px solid var(--border-soft);
  border-radius:16px; overflow:hidden;
  box-shadow:0 4px 20px rgba(15,36,64,0.08);
  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(--night-blue); margin-top:1.8em; margin-bottom:0.6em; font-weight:700;
}
.page-content-html h1{font-size:1.8rem; border-bottom:2px solid var(--honey-gold); 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 strong{color:var(--night-blue);}
.page-content-html code{
  background:var(--honey-wax); padding:2px 6px; border-radius:4px;
  font-family:monospace; font-size:0.9em; color:var(--night-blue);
}
.page-content-html pre{
  background:#0f2440; color:#e8eef7; 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(--honey-gold); 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 table{width:100%; border-collapse:collapse; margin:1.5em 0; font-size:0.95rem;}
.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(--night-blue); color:#fff; font-weight:700; font-size:0.9rem;}
.page-content-html tr:nth-child(even){background:var(--honey-wax);}
.page-content-html tr:hover{background:rgba(255,195,0,0.08);}
.page-content-html td code{background:var(--honey-wax); padding:2px 6px; border-radius:4px; font-family:monospace; font-size:0.9em; color:var(--night-blue);}

.novel-desc-html table{width:100%; border-collapse:collapse; margin:1.5em 0; font-size:0.95rem;}
.novel-desc-html th,.novel-desc-html td{padding:12px 16px; border:1px solid var(--border-soft); text-align:left;}
.novel-desc-html th{background:var(--night-blue); color:#fff; font-weight:700; font-size:0.9rem;}
.novel-desc-html tr:nth-child(even){background:var(--honey-wax);}
.novel-desc-html tr:hover{background:rgba(255,195,0,0.08);}

.read-content table{width:100%; border-collapse:collapse; margin:1.5em 0; font-size:0.95rem;}
.read-content th,.read-content td{padding:12px 16px; border:1px solid var(--border-soft); text-align:left;}
.read-content th{background:var(--night-blue); color:#fff; font-weight:700; font-size:0.9rem;}
.read-content tr:nth-child(even){background:var(--honey-wax);}
.read-content tr:hover{background:rgba(255,195,0,0.08);}

/* Page — List View */
.pages-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:20px;
}
.page-card{
  background:#fff; border:1px solid var(--border-soft);
  border-radius:16px; overflow:hidden;
  box-shadow:0 4px 16px rgba(15,36,64,0.06);
  transition:transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  display:flex; flex-direction:column; height:100%;
}
.page-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(15,36,64,0.1);
  border-color:rgba(255,195,0,0.35);
}
.page-card-link{text-decoration:none; color:inherit; display:flex; flex-direction:column; height:100%;}
.page-card-icon{
  width:56px; height:56px;
  background:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
  border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  margin:20px 20px 0; flex-shrink:0;
}
.page-card-icon i{font-size:24px; color:var(--honey-gold);}
.page-card-body{padding:0 20px 20px; display:flex; flex-direction:column; flex:1;}
.page-card-title{
  font-size:1.1rem; font-weight:700; color:var(--night-blue);
  margin:12px 0 8px; line-height:1.35;
  transition:color 0.15s;
}
.page-card-link:hover .page-card-title{color:var(--honey-orange);}
.page-card-desc{
  font-size:0.9rem; line-height:1.6; color:var(--text-muted);
  flex:1; margin:0;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.page-card-meta{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center;
  font-size:0.78rem; color:var(--text-muted); margin-top:12px; padding-top:12px;
  border-top:1px solid var(--border-soft);
}
.page-card-meta span{display:flex; align-items:center; gap:5px;}
.page-card-meta i{color:var(--honey-gold); font-size:0.9em;}

/* Responsive for pages */
@media (max-width: 960px){
  .page-hero-content{padding:32px 28px;}
  .page-content-card .uk-card-body{padding:28px;}
  .pages-grid{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));}
}
@media (max-width: 640px){
  .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;}
  .pages-grid{grid-template-columns:1fr;}
  .page-card-icon{margin:16px 16px 0;}
  .page-card-body{padding:0 16px 16px;}
}

/* Read Page — Chapter Reading */
.read-hero{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:24px;
  padding:20px 24px;
  background:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.read-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='70' viewBox='0 0 80 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 L66 21 L66 49 L40 64 L14 49 L14 21 Z' fill='none' stroke='%23ffc300' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 80px 70px;
  pointer-events:none;
}
.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,195,0,0.2); transition:all 0.2s;
}
.read-novel-link:hover{color:#fff; background:rgba(255,195,0,0.2); border-color:var(--honey-gold);}
.read-hero-title{color:#fff; font-size:clamp(1.2rem, 3vw, 1.6rem); font-weight:700; margin:0;}
.read-hero-chapter{color:var(--honey-gold); 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(15,36,64,0.08);}
.read-banner img{width:100%; height:auto; display:block; border-radius:16px;}

.read-content-card{
  background:#fff; border:1px solid var(--border-soft);
  border-radius:16px; overflow:hidden;
  box-shadow:0 4px 20px rgba(15,36,64,0.08);
  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 p:last-child{margin-bottom:0;}
.read-content strong{color:var(--night-blue); font-weight:700;}
.read-content em{font-style:italic; color:var(--text-main);}
.read-content u{text-decoration:underline; text-decoration-color:var(--honey-gold); text-underline-offset:3px;}
.read-content hr{border:none; border-top:1px solid var(--border-soft); margin:3em 0;}

.read-nav{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:20px 24px; background:#fff; border:1px solid var(--border-soft);
  border-radius:16px; box-shadow:0 2px 12px rgba(15,36,64,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(15,36,64,0.06);
}
.read-nav-prev{
  background:var(--night-blue); color:var(--honey-gold);
  border:1px solid rgba(255,195,0,0.35);
}
.read-nav-prev:hover{background:var(--night-blue-soft); color:#fff; transform:translateX(-3px); box-shadow:0 8px 24px rgba(15,36,64,0.2);}
.read-nav-next{
  background:linear-gradient(135deg, var(--honey-gold), var(--honey-orange)); color:var(--night-blue);
  box-shadow:0 6px 20px rgba(255,195,0,0.4); border:1px solid rgba(255,195,0,0.5);
}
.read-nav-next:hover{background:linear-gradient(135deg, var(--honey-orange), var(--honey-gold)); color:#fff; transform:translateX(3px); box-shadow:0 10px 28px rgba(255,122,0,0.45);}
.read-nav-btn:disabled{opacity:0.4; pointer-events:none; transform:none;}
.read-nav-info{font-size:0.8rem; color:var(--text-muted); margin-top:4px; display:block;}

.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(--honey-gold), var(--honey-orange)); border-radius:2px; transition:width 0.3s ease;}

/* Font size controls — Global */
.font-size-toggle{
  position:fixed; bottom:24px; right:24px; z-index:1000;
  width:48px; height:48px; border-radius:50%;
  background:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
  border:2px solid var(--honey-gold);
  color:var(--honey-gold);
  font-weight:800; font-size:1.1rem;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(15,36,64,0.3), 0 0 0 1px rgba(255,195,0,0.2);
  transition:all 0.2s;
}
.font-size-toggle:hover{
  transform:scale(1.08);
  box-shadow:0 12px 32px rgba(15,36,64,0.4), 0 0 0 2px var(--honey-gold);
}
.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(15,36,64,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(--night-blue); 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(--night-blue); color:var(--honey-gold); border-color:var(--honey-gold);}
.font-size-btn.active{background:var(--night-blue); color:var(--honey-gold); border-color:var(--honey-gold);}

@media (max-width: 640px){
  .font-size-toggle{bottom:16px; right:16px; width:44px; height:44px;}
  .font-size-panel{bottom:70px; right:16px; left:16px; min-width:auto;}
}

/* Responsive for read */
@media (max-width: 960px){
  .read-content{padding:36px 32px; font-size:1rem; line-height:1.85;}
  .read-hero{padding:18px 20px;}
}
@media (max-width: 640px){
  .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;}
  .read-controls{padding:10px 16px; justify-content:center;}
}

/* Homepage — Hero */
.home-hero{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  margin-bottom:32px;
  min-height:380px;
  background:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
}
.home-hero::before{
  content:"";
  position:absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='70' viewBox='0 0 80 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 L66 21 L66 49 L40 64 L14 49 L14 21 Z' fill='none' stroke='%23ffc300' stroke-opacity='0.06' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 80px 70px;
  pointer-events:none;
}
.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-title .bee{font-size:1.2em; vertical-align:-0.05em; filter:drop-shadow(0 4px 12px rgba(255,195,0,0.5));}
.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;
  text-shadow:0 2px 8px rgba(0,0,0,0.25);
}
.home-hero-badges{display:flex; flex-wrap:wrap; gap:10px;}
.home-hero-badge{
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,195,0,0.3);
  color:var(--honey-gold);
  padding:8px 16px;
  border-radius:999px;
  font-size:0.8rem;
  font-weight:600;
  backdrop-filter:blur(4px);
}

/* Homepage — Section Header */
.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(--night-blue) 0%, var(--night-blue-soft) 100%);
  border:1px solid rgba(255,195,0,0.18);
  border-radius:14px;
  box-shadow:0 4px 16px rgba(15,36,64,0.12);
  position:relative; overflow:hidden;
}
.section-header::before{
  content:""; position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='70' height='60' viewBox='0 0 70 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 4 L58 17 L58 43 L35 56 L12 43 L12 17 Z' fill='none' stroke='%23ffc300' stroke-opacity='0.06' stroke-width='1.2'/%3E%3C/svg%3E");
  background-size:70px 60px; pointer-events:none;
}
.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:var(--honey-gold); 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(--honey-gold); background:var(--honey-gold); color:var(--night-blue);}

/* Novel Grid Cards */
.novel-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:24px;}
.novel-card{
  background:#fff;
  border:1px solid var(--border-soft);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(15,36,64,0.06);
  transition:transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  display:flex; flex-direction:column;
  height:100%;
}
.novel-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(15,36,64,0.12);
  border-color:rgba(255,195,0,0.4);
}
.novel-card-cover{
  position:relative;
  aspect-ratio:2/3;
  overflow:hidden;
  background:#1a365d;
}
.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(--honey-wax);
}
.novel-card-cover .placeholder i{font-size:56px; opacity:0.2; color:var(--night-blue);}
.novel-card-badge{
  position:absolute; top:12px; left:12px; z-index:2;
  background:rgba(15,36,64,0.9); color:var(--honey-gold);
  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(--night-blue);
  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(--honey-orange);}
.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(255,195,0,0.15); color:var(--night-blue); 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; margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.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(--honey-gold); color:var(--night-blue) !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(255,195,0,0.3);
}
.novel-card-btn:hover{background:var(--honey-orange); color:#fff !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(255,122,0,0.4);}
.novel-card-btn:active{transform:translateY(0);}

.novel-card-empty{
  grid-column:1/-1;
  text-align:center; padding:60px 20px; background:#fff; 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 Bar */
.stats-bar{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
  gap:16px; margin-bottom:32px;
}
.stat-card{
  background:#fff; border:1px solid var(--border-soft); border-radius:14px;
  padding:20px; text-align:center;
  box-shadow:0 2px 10px rgba(15,36,64,0.05);
}
.stat-card .num{font-size:2rem; font-weight:800; color:var(--night-blue); 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;}

/* Responsive */
@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;}
}
@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);}
}


.uk-grid {
margin-left: 0px !important;
}

.author {
     color: var(--white) !important;
}

/* Project gallery — 2 kolon, süslemeli */
.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:#fff;
  box-shadow:0 4px 16px rgba(15,36,64,0.06); transition:transform .2s, box-shadow .2s, border-color .2s;
}
.project-gallery-item:hover{ transform:translateY(-3px); box-shadow:0 12px 32px rgba(15,36,64,0.12); border-color:rgba(255,195,0,0.35); }
.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(15,36,64,0.85); color:var(--honey-gold); 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(15,36,64,0.85); color:#fff; font-size:11px; font-weight:700; letter-spacing:0.04em;
}

/* Yazar Köşesi — 4 kolon grid, alt alta değil yan yana */
.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(15,36,64,0.12); }

/* Soru Sor — sabit footer butonu, bizimle gelir */
.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:linear-gradient(135deg, var(--night-blue) 0%, var(--night-blue-soft) 100%);
  color:var(--honey-gold) !important; border:1px solid rgba(255,195,0,0.3);
  font-weight:700; font-size:0.92rem; text-decoration:none;
  box-shadow:0 8px 24px rgba(15,36,64,0.22);
  transition:transform .15s, box-shadow .15s, border-color .15s;
}
.ask-float-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 32px rgba(15,36,64,0.3); border-color:var(--honey-gold); color:#fff !important; }
.ask-float-btn i{font-size:1.1rem;}
@media (max-width: 640px){
  .ask-float-btn{ bottom:16px; left:16px; padding:10px 14px; font-size:0.88rem; }
  .ask-float-btn span{display:none;}
  .ask-float-btn{ width:48px; height:48px; border-radius:50%; justify-content:center; padding:0; }
}

/* index.md düz yazılar — göze hitap eden kart */
.index-md-block{
  background:#fff; border:1px solid var(--border-soft); border-radius:16px;
  padding:28px; margin:24px 0; box-shadow:0 4px 20px rgba(15,36,64,0.06);
  position:relative; overflow:hidden;
}
.index-md-block::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg, var(--honey-gold), var(--honey-orange));
}
.index-md-block h1,.index-md-block h2,.index-md-block h3{color:var(--night-blue); margin:0 0 0.6em; font-weight:800;}
.index-md-block h1{font-size:1.6rem; border-bottom:2px solid var(--honey-gold); 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(--honey-orange); font-weight:600; text-decoration:none;}
.index-md-block a:hover{text-decoration:underline;}
.index-md-block blockquote{
  border-left:4px solid var(--honey-gold); background:linear-gradient(90deg, rgba(255,195,0,0.08), transparent);
  padding:14px 16px; border-radius:0 12px 12px 0; margin:16px 0; font-style:italic; color:var(--night-blue);
}
.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(--honey-gold);}
.index-md-block code{background:var(--honey-wax); padding:2px 6px; border-radius:6px; font-size:0.88em; color:var(--night-blue); border:1px solid var(--border-soft);}
.index-md-block hr{border:none; border-top:1px dashed var(--border-soft); margin:20px 0;}

/* Header-altı Sarı Arama Şeridi */
.header-search-strip{
  background:linear-gradient(90deg, var(--honey-gold) 0%, var(--honey-orange) 100%);
  border-bottom:1px solid rgba(15,36,64,0.12);
  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(15,36,64,0.15), 0 1px 0 rgba(255,255,255,0.6) inset;
  border:1px solid rgba(15,36,64,0.1);
  max-width:640px; margin:0 auto;
  position:relative;
}
.header-search-icon{color:var(--honey-orange); 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(--night-blue); min-width:0;
}
.header-search-form input::placeholder{color:#8a9bb5;}
.header-search-kbd{
  background:var(--honey-wax); 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(--night-blue); color:var(--honey-gold);
  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(--night-blue-soft); 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(15,36,64,0.2); 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;}
}

/* İşbirliği CTA — yazar-ol (açık + koyu temada okunur) */
.cta-collab{
  position:relative; overflow:hidden; border-radius:20px;
  background:linear-gradient(135deg, var(--honey-gold) 0%, var(--honey-orange) 100%);
  border:1px solid rgba(15,36,64,0.12);
  box-shadow:0 12px 40px rgba(255,122,0,0.25);
  padding:36px 32px; margin-bottom:24px; color:var(--night-blue);
}
.cta-collab-pill{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--night-blue); color:var(--honey-gold);
  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:var(--night-blue);}
.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.55); border:1px solid rgba(15,36,64,0.1);
  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(--night-blue); color:var(--honey-gold);
  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(15,36,64,0.85); color:#fff;
  font-size:0.82rem; font-weight:700; padding:7px 14px; border-radius:999px;
}
.cta-collab-proof span i{color:var(--honey-gold);}
.cta-collab-btn{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--night-blue); color:var(--honey-gold) !important;
  font-weight:800; font-size:1.05rem; text-decoration:none;
  padding:14px 34px; border-radius:999px;
  box-shadow:0 8px 24px rgba(15,36,64,0.35);
  transition:transform .15s, box-shadow .15s;
}
.cta-collab-btn:hover{transform:translateY(-2px); box-shadow:0 12px 32px rgba(15,36,64,0.45); color:#fff !important;}
@media (max-width:640px){
  .cta-collab{padding:28px 20px;}
  .cta-collab-steps{grid-template-columns:1fr;}
}

/* Navbar logo sabit kalsın */
.uk-navbar-left .uk-logo{flex-shrink:0;}

/* Gece Modu — toggle butonu */
.theme-toggle{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  border:1px solid rgba(255,195,0,0.28); background:rgba(255,195,0,0.10);
  color:var(--honey-gold); font-size:1rem; cursor:pointer;
  transition:background .15s, transform .15s, border-color .15s;
}
.theme-toggle:hover{background:rgba(255,195,0,0.22); border-color:var(--honey-gold); transform:translateY(-1px);}

/* Gece Modu — koyu tema */
html[data-theme="dark"]{color-scheme:dark;}
html[data-theme="dark"] body{background:#0a172e; color:#dbe6f5;}
html[data-theme="dark"]{
  --text-main:#dbe6f5;
  --text-muted:#9db1cc;
  --honey-wax:#1a3153;
  --border-soft:#24405f;
}
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:#12263f;}
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"] .stat-card .num,
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{color:#eef4fc;}
html[data-theme="dark"] .index-md-block blockquote{color:var(--honey-gold);}
html[data-theme="dark"] .page-content-html code,
html[data-theme="dark"] .index-md-block code{color:#ffe1a1;}
html[data-theme="dark"] .page-content-html pre{border:1px solid var(--border-soft);}
html[data-theme="dark"] .input-group input[type="text"],
html[data-theme="dark"] .input-group textarea{background:#0e2138; color:#e8eef7;}
html[data-theme="dark"] .font-size-btn{background:#0e2138; color:var(--honey-gold); 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, var(--honey-wax), #12263f);}
html[data-theme="dark"] .header-search-drop,
html[data-theme="dark"] #searchDrop{background:#12263f !important; border-color:var(--border-soft);}
html[data-theme="dark"] #searchDrop a,
html[data-theme="dark"] #heroSearchDrop a,
html[data-theme="dark"] #mobileSearchDrop a,
html[data-theme="dark"] #mobileSearchOffDrop a{color:#e8eef7 !important;}
/* Kart zeminindeki koyu yazılar (altın zeminliler hariç) */
html[data-theme="dark"] [style*="color:var(--night-blue)"]:not([style*="honey-gold"]):not([style*="honey-orange"]){color:#eef4fc !important;}
/* Yorum başlığı + gün/süre rozetleri */
html[data-theme="dark"] .comments-header h2{color:#eef4fc;}
html[data-theme="dark"] .novel-card-meta .day{color:#ffd766;}
/* Takvim hover — zemine uyan açık yazı */
html[data-theme="dark"] .date-item:hover{background:#24405f; border-color:var(--honey-gold); color:#fff;}
/* UIkit kart hover'ı gece beyaza çevirmesin */
html[data-theme="dark"] .uk-card-default.uk-card-hover:hover{background-color:#16294a;}
html[data-theme="dark"] .comment-form .input-group label{color:#eef4fc;}
/* Sarı şeritteki arama kutusu — gece koyu gövde */
html[data-theme="dark"] .header-search-form{background:#12263f; border-color:rgba(255,195,0,0.25); box-shadow:0 4px 16px rgba(0,0,0,0.35);}
html[data-theme="dark"] .header-search-form input{color:#eef4fc;}
html[data-theme="dark"] .header-search-form input::placeholder{color:#8a9bb5;}
html[data-theme="dark"] .header-search-kbd{background:#0e2138; border-color:var(--border-soft); color:#9db1cc;}
/* EasyMDE yorum editörü — gece */
html[data-theme="dark"] .EasyMDEContainer .CodeMirror{background:#0e2138; color:#e8eef7; border-color:var(--border-soft);}
html[data-theme="dark"] .EasyMDEContainer .CodeMirror-cursor{border-left-color:#ffd766;}
html[data-theme="dark"] .EasyMDEContainer .CodeMirror-selected{background:rgba(255,195,0,0.22);}
html[data-theme="dark"] .EasyMDEContainer .CodeMirror-placeholder{color:#7d93b2;}
html[data-theme="dark"] .EasyMDEContainer .CodeMirror-gutters{background:#0e2138; border-color:var(--border-soft);}
html[data-theme="dark"] .editor-toolbar{background:#12263f; border-color:var(--border-soft);}
html[data-theme="dark"] .editor-toolbar button{color:#9db1cc !important;}
html[data-theme="dark"] .editor-toolbar button:hover,
html[data-theme="dark"] .editor-toolbar button.active{background:rgba(255,195,0,0.15); color:#ffd766 !important; border-color:transparent;}
html[data-theme="dark"] .editor-toolbar i.separator{border-color:var(--border-soft);}
html[data-theme="dark"] .editor-toolbar.fullscreen{background:#12263f;}
html[data-theme="dark"] .EasyMDEContainer .CodeMirror-fullscreen{background:#0e2138;}
html[data-theme="dark"] .editor-statusbar{background:#12263f; color:#7d93b2; border-color:var(--border-soft);}
html[data-theme="dark"] .editor-preview,
html[data-theme="dark"] .editor-preview-side{background:#0e2138; color:#dbe6f5; border-color:var(--border-soft);}