/* Novel Okur V3: profil sayfasındaki tasarım dili (altın vurgu, koyu kart gradyanları, ince çerçeveler) tüm temada */
:root, :root[data-theme="dark"], [data-theme="dark"] {
  --color-bg-primary: #0e0f12;
  --color-bg-secondary: #121317;
  --color-bg-tertiary: #17181d;
  --color-bg-card: #14151a;
  --color-bg-hover: #1d1e24;
  --color-bg-input: #0f1013;
  --color-surface: #17181d;
  --color-surface-alt: #1d1e24;
  --color-border: #2a2b31;
  --color-border-light: #383940;
  --color-text-primary: #f3eee4;
  --color-text-secondary: #b3afa5;
  --color-text-muted: #7f7c74;
  --color-accent: #c4a06a;
  --color-accent-hover: #d2ae78;
  --color-accent-light: rgba(196, 160, 106, .13);
  --color-accent-rgb: 196, 160, 106;
  --color-ongoing: #c4a06a;
  --color-completed: #6bb386;
  --color-hiatus: #d6914a;
  --v3-gold: #c4a06a;
  --v3-gold-soft: #d9bd8e;
  --v3-card: linear-gradient(135deg, #17181d 0%, #111216 100%);
  --v3-line: #2a2b31;
}
[data-theme="light"] {
  --color-accent: #9a7430;
  --color-accent-hover: #7f5f26;
  --color-accent-light: rgba(154, 116, 48, .12);
  --color-accent-rgb: 154, 116, 48;
  --color-ongoing: #9a7430;
  --v3-gold: #9a7430;
  --v3-gold-soft: #7f5f26;
  --v3-card: linear-gradient(135deg, #ffffff 0%, #f6f3ec 100%);
  --v3-line: #e3ddd0;
}
::selection { background: rgba(196, 160, 106, .35); color: #fff; }
html, body { background: var(--color-bg-primary); }

/* ---- Üst bar ---- */
.site-header { background: #101114; border-bottom: 1px solid #23242a; }
[data-theme="light"] .site-header { background: #fff; border-bottom-color: #e6e0d3; }
.main-nav a:hover, .main-nav a.active { color: var(--v3-gold-soft); }
.search-box input { background: #0f1013; border: 1px solid #2a2b31; }
.search-box input:focus { border-color: var(--v3-gold); box-shadow: 0 0 0 3px rgba(196, 160, 106, .16); outline: 0; }
.header-icon:hover { background: var(--color-bg-hover); color: var(--v3-gold-soft); }

/* ---- Düğmeler ---- */
.btn-primary, .btn.btn-primary {
  background: linear-gradient(180deg, #d2ae78 0%, #a98147 100%); color: #1c150b; border: 0; font-weight: 700;
}
.btn-primary:hover, .btn.btn-primary:hover { background: linear-gradient(180deg, #dcb986 0%, #b58b4e 100%); color: #1c150b; filter: none; }
.btn-ghost, .btn-outline { border-color: #3b3c44; }
.btn-ghost:hover, .btn-outline:hover { border-color: var(--v3-gold); color: var(--v3-gold-soft); background: transparent; }

/* ---- Bölüm başlıkları: profildeki "Hızlı Menü" çizgisi ---- */
.section-header { display: flex; align-items: center; gap: 18px; }
.section-header .section-title { display: flex; align-items: center; gap: 18px; flex: 1; min-width: 0; }
.section-header .section-title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, #4a4338, transparent); }
.section-header .section-title::before { background: var(--v3-gold); }
.section-link { color: var(--color-text-muted); }
.section-link:hover { color: var(--v3-gold-soft); }

/* ---- Slider ve duyurular ---- */
.hero-slider-container, .hero-slider { border-radius: 16px; }
.hero-slider-container { border: 1px solid var(--v3-line); box-shadow: 0 18px 44px rgba(0, 0, 0, .4); }
.hero-slider-dot.active, .ann-dot.active, .pagination-dot.active { background: var(--v3-gold); }
.hero-slider-arrow, .slider-arrow { background: #17181d; border: 1px solid var(--v3-line); color: #e6e0d3; }
.hero-slider-arrow:hover, .slider-arrow:hover { border-color: var(--v3-gold); color: var(--v3-gold-soft); background: #1d1e24; }
.announcement-item { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 12px; }
.announcement-item:hover { border-color: var(--v3-gold); }

/* ---- Kartlar ve listeler ---- */
.pop-novel-cover, .novel-recommendation-cover, .byr-novel-cover, .genre-novel-cover, .trending-cover, .update-cover, .novel-card .cover, .novel-card-horizontal .cover {
  border: 1px solid var(--v3-line);
}
.pop-novel-card:hover .pop-novel-cover, .novel-recommendation-card:hover .novel-recommendation-cover, .byr-novel-card:hover .byr-novel-cover { border-color: var(--v3-gold); }
.trending-item, .update-row, .chapter-item { border-color: var(--v3-line); }
.trending-item:hover, .update-row:hover, .chapter-item:hover { background: #17181d; }
.trending-rank.top-1, .trending-rank.top-2, .trending-rank.top-3 { background: var(--v3-gold); color: #1c150b; }
.genre-tab { background: #14151a; border: 1px solid var(--v3-line); color: #d8d3c8; border-radius: 10px; }
.genre-tab:hover { border-color: #4a4338; }
.genre-tab.active { background: rgba(196, 160, 106, .12); border-color: var(--v3-gold); color: var(--v3-gold-soft); }
.tag { border-color: var(--v3-line); }
.tag:hover { border-color: var(--v3-gold); color: var(--v3-gold-soft); }
.filter-options .tag.active { background: rgba(196, 160, 106, .12); color: var(--v3-gold-soft); }

/* ---- Seri detay ---- */
.novel-hero { background: radial-gradient(900px 320px at 80% 0%, rgba(196, 160, 106, .12), transparent 60%), #101114; border-bottom: 1px solid #23242a; }
.novel-actions .btn-primary { background: linear-gradient(180deg, #d2ae78 0%, #a98147 100%); box-shadow: 0 8px 24px rgba(196, 160, 106, .25); color: #1c150b; }
.tab.active { color: var(--v3-gold-soft); }
.tab.active::after { background: var(--v3-gold); }
.tabs { border-bottom-color: var(--v3-line); }
.review-form-box, .rating-summary, .comment, .comment-body { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 14px; }
.rating-big, .novel-rating .score { color: var(--v3-gold-soft); }
.chapter-lock-icon { filter: none; }

/* ---- Bölüm okuyucu düğmeleri ---- */
.chapter-nav-btn:hover:not(.disabled) { border-color: var(--v3-gold); color: var(--v3-gold-soft); background: #1d1e24; }

/* ---- Formlar ---- */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select {
  background: #0f1013; border-color: #2f3037;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
  border-color: var(--v3-gold); box-shadow: 0 0 0 3px rgba(196, 160, 106, .16); outline: 0;
}
input[type="range"], input[type="checkbox"], input[type="radio"] { accent-color: var(--v3-gold); }
[data-theme="light"] input[type="text"], [data-theme="light"] input[type="email"], [data-theme="light"] input[type="password"],
[data-theme="light"] input[type="search"], [data-theme="light"] textarea, [data-theme="light"] select { background: #fff; border-color: #ddd6c6; }

/* ---- Alt bilgi ---- */
.site-footer { background: #0b0c0e; border-top: 1px solid #23242a; }
.site-footer a:hover { color: var(--v3-gold-soft); }
.scroll-to-top, .scroll-to-top-btn { background: #17181d; border: 1px solid var(--v3-line); color: var(--v3-gold-soft); }

/* ---- Sepet / mağaza / bildirim rozetleri ---- */
.badge, .menu-badge { background: var(--v3-gold); color: #1c150b; }