/* ========================================
   AnlıkDöviz Core CSS
   Renk paleti nötr griye çekildi, göz yormayan kontrast.
   ======================================== */
/* 1. RESET & BASE */
* { box-sizing: border-box; margin:0; padding:0; }
html { font-size: 100%; line-height: 1.4; overflow-x: hidden; }

.hero-content .hero-market-summary{max-width:1500px;margin:0 auto;text-align:left;font-family:inherit;font-size:17px;font-weight:400;line-height:1.75;letter-spacing:0;color:var(--text-secondary,#dcdcdc)}.hero-content .hero-market-summary p{max-width:none;margin:0 0 9px;text-align:left;font-size:inherit;line-height:inherit;color:inherit}.hero-content .hero-market-summary p:last-child{margin-bottom:0}.hero-content .hero-market-summary-intro{padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}.hero-market-summary a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:rgba(230,126,34,.6);text-underline-offset:3px}.hero-market-summary a:hover{color:#f3a04b;text-decoration-color:#f3a04b}.hero-market-summary strong{color:#f3f4f6;font-weight:600}html[data-theme="light"] .hero-content .hero-market-summary{color:#3f4854}html[data-theme="light"] .hero-content .hero-market-summary-intro{border-bottom-color:rgba(89,70,48,.14)}html[data-theme="light"] .hero-market-summary a{color:#354052;text-decoration-color:rgba(169,85,16,.55)}html[data-theme="light"] .hero-market-summary strong{color:#172231}@media(max-width:700px){.hero-content .hero-market-summary{max-width:none;text-align:left;font-size:16px;line-height:1.65}.hero-content .hero-market-summary p{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.hero-content .hero-market-summary p:first-child{padding-top:0}.hero-content .hero-market-summary p:last-child{padding-bottom:0;border-bottom:0}.hero-market-summary a,.hero-market-summary strong{font-weight:600}html[data-theme="light"] .hero-content .hero-market-summary p{border-bottom-color:rgba(89,70,48,.12)}}

/* Ana sayfa otomatik günlük piyasa özeti */
.daily-market-summary{display:block;position:relative;margin:0 0 20px;padding:26px 28px;border:1px solid rgba(230,126,34,.28);border-radius:16px;background:linear-gradient(135deg,#20252c 0%,#242424 62%,#2b251f 100%);box-shadow:0 10px 34px rgba(0,0,0,.32);overflow:hidden}.daily-market-summary-copy h2{margin:3px 0 15px!important;color:#f3f4f6!important;font-size:26px!important;line-height:1.25}.daily-summary-kicker{color:#f28b27;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.daily-summary-text{color:#d9e0e9;font-size:16px;line-height:1.72}.daily-market-summary-copy .daily-summary-text p{max-width:none;margin:0 0 9px!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;text-align:left}.daily-market-summary-copy .daily-summary-text p:last-child{margin-bottom:0!important}.daily-summary-intro{font-weight:600}.daily-summary-text a{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:rgba(230,126,34,.65);text-underline-offset:3px}.daily-summary-text strong{color:#f3f4f6;font-weight:600}.daily-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.daily-summary-item{display:flex;flex-direction:column;gap:6px;min-width:0;padding:15px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(13,18,25,.55);color:inherit;text-decoration:none;transition:.18s ease}.daily-summary-item:hover{border-color:rgba(230,126,34,.55);transform:translateY(-2px)}.daily-summary-name{color:#aeb8c6;font-size:12px}.daily-summary-item strong{overflow:hidden;color:#fff;font-size:18px;white-space:nowrap;text-overflow:ellipsis}.daily-summary-change{font-size:12px;font-weight:800}.daily-summary-change.is-positive{color:#38d26f}.daily-summary-change.is-negative{color:#ef6b6b}.daily-summary-disclaimer{margin:15px 0 0!important;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);color:#8f9baa!important;font-size:11px!important;line-height:1.5!important}html[data-theme="light"] .daily-market-summary{background:linear-gradient(135deg,#fffaf3,#f3ede4);border-color:rgba(166,92,28,.25)}html[data-theme="light"] .daily-market-summary-copy h2,html[data-theme="light"] .daily-summary-item strong,html[data-theme="light"] .daily-summary-text strong{color:#172231!important}html[data-theme="light"] .daily-summary-text,html[data-theme="light"] .daily-summary-name{color:#4f5966!important}html[data-theme="light"] .daily-summary-item{background:rgba(255,255,255,.72);border-color:rgba(89,70,48,.14)}@media(max-width:700px){.daily-market-summary{padding:20px}.daily-market-summary-copy h2{font-size:22px!important}.daily-summary-text{font-size:16px;line-height:1.65}.daily-market-summary-copy .daily-summary-text p{padding:9px 0;margin:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.daily-market-summary-copy .daily-summary-text p:first-child{padding-top:0}.daily-market-summary-copy .daily-summary-text p:last-child{padding-bottom:0;border-bottom:0}.daily-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;padding-top:18px}}
:root {
  /* mevcut değişkenlerin vardı, bunlar kalabilir */
  --primary: #1e6c98;
  --success: #00ff39;
  --danger: #db3325;
  --warning: #f5a732;
  --info: #4eb2d5;
  --dark: #333;
  --light: #f5f5f5;
  --gutter: 10px;
  --border-radius: 4px;
  --container-max: none; /* haber genişlesin */
  --footer-padding: 20px;

  /* YENİ - KOYU GÖZ YORMAYAN PALET (Metin renkleri daha beyaz yakına getirildi: Normal paragraf metinleri için daha açık gri tonu) */
  --bg-page: #1e1e1e;
  --bg-header-shell: #1e1e1e;
  --bg-header-inner: #242424;
  --bg-section-dark: #2a2a2a;
  --bg-section-darker: #1a1a1a;

  /* Anasayfa & widget uyumu */
  --bg-section: #242424;
  --bg-section-alt: #2f2f2f;
  --bg-header-block: #2a2a2a;

  --line-color: rgba(255,255,255,0.07);
  --line-color-soft: rgba(255,255,255,0.04);
  --line-soft: rgba(255,255,255,0.07);
  --line-softer: rgba(255,255,255,0.04);

  --text-primary: #F8F9FA; /* Ana metin ve başlıklar için daha açık gri-beyaz */
  --text-secondary: #E9ECEF; /* Normal paragraf ve ikincil metinler için daha açık gri (koyu olmaktan çıkarıldı) */
  --text-muted: #DEE2E6; /* Zayıf metinler için daha açık gri */
  --text-dim: #6b6b6b;
  --text-invert: #0a0a0a;

  --accent-positive-bg: rgba(34,197,94,0.18);
  --accent-positive-text: #38d26f;
  --accent-negative-bg: rgba(239,68,68,0.18);
  --accent-negative-text: #ef5f5f;

  --surface-input: #2a2a2a;
  --surface-input-border: #3a3a3a;
  --surface-card: #242424;
  --surface-card-alt: #2f2f2f;

  --accent-brand-start: #e67e22;
  --accent-brand-end:   #d35400;

  /* === Haber detay ek değişkenleri (eski haber-detail.css) === */
  --bg-primary: #1e1e1e;        /* sayfa zemini */
  --bg-secondary: #242424;      /* kart içi / section içi */
  --bg-card: #1A1A1A;           /* ana içerik kartı */
  --bg-card-hover: #273449;     /* hover / vurgulu yüzey */

  --text-strong: #F8F9FA;

  /* Turuncu vurgu seti */
  --accent-primary: #e67e22;
  --accent-secondary: #d35400;
  --accent-light: #fed7aa;

  /* Byline/etiket turuncu tonu */
  --byline-label: #f39c12;

  /* Döviz çevirici tablosundan alınan koyu mavi renk */
  --bg-blue-dark: #1e2738;

  /* Çizgi / border / gölge */
  --border-color: rgba(255,255,255,0.07);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.8);
  --shadow-accent: 0 8px 24px rgba(230, 126, 34, 0.25);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* >>> ANASAYFA İLE AYNI CONTAINER & GUTTER <<< */
  --page-gutter: 16px;
  --header-offset: 0px;

  /* Yazı boyutu variable (başlık hariç) */
  --article-font-size: 16px;

  /* === Yorum (parite stiliyle uyum) için ek değişkenler === */
  --comment-card-bg: #202124;
  --comment-border: rgba(15,118,255,0.05);
}

/* Ana sayfa: şehir altın fiyatları ve kur arşivleri */
.market-discovery {
    margin: 24px !important;
    padding: 24px !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #1e2738, #181c23) !important;
    color: #f5f7fa !important;
}
.market-discovery-head { margin-bottom: 22px !important; }
.market-discovery-kicker {
    display: inline-block !important;
    margin-bottom: 7px !important;
    color: #f59e0b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.market-discovery-head h2,
.market-discovery-group-title h3 { margin: 0 !important; color: #fff !important; }
.market-discovery-head h2 { font-size: 23px !important; line-height: 1.3 !important; }
.market-discovery-head p {
    max-width: 760px !important;
    margin: 9px 0 0 !important;
    color: #b8c0cc !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}
.market-discovery-group + .market-discovery-group {
    margin-top: 24px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}
.market-discovery-group-title {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 13px !important;
}
.market-discovery-group-title h3 { font-size: 17px !important; }
.market-discovery-group-title span { color: #8e99a8 !important; font-size: 12px !important; }
.market-link-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.market-link-card {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(230,126,34,.24) !important;
    border-radius: 10px !important;
    background: rgba(17,24,39,.78) !important;
    color: #fff !important;
    text-decoration: none !important;
    transition: transform .2s ease, border-color .2s ease, background .2s ease !important;
}
.market-link-card:hover,
.market-link-card:focus-visible {
    transform: translateY(-2px) !important;
    border-color: #f59e0b !important;
    background: #242f42 !important;
    color: #fff !important;
}
.market-link-icon {
    display: inline-flex !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: rgba(245,158,11,.13) !important;
    color: #f59e0b !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}
.market-link-card > span:last-child { min-width: 0 !important; }
.market-link-card strong,
.market-link-card small { display: block !important; }
.market-link-card strong {
    overflow: hidden !important;
    color: #f5f7fa !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.market-link-card small {
    margin-top: 3px !important;
    color: #929cab !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
.market-link-card-archive { border-color: rgba(59,130,246,.28) !important; }
.market-link-card-archive .market-link-icon {
    background: rgba(59,130,246,.14) !important;
    color: #78a9ff !important;
}
html[data-theme="light"] .market-discovery {
    border-color: rgba(89,70,48,.13) !important;
    background: linear-gradient(145deg, #fffaf2, #f5eadb) !important;
}
html[data-theme="light"] .market-discovery-head h2,
html[data-theme="light"] .market-discovery-group-title h3,
html[data-theme="light"] .market-link-card strong { color: #172231 !important; }
html[data-theme="light"] .market-discovery-head p,
html[data-theme="light"] .market-discovery-group-title span,
html[data-theme="light"] .market-link-card small { color: #667085 !important; }
html[data-theme="light"] .market-link-card { background: rgba(255,255,255,.8) !important; }
@media (max-width: 768px) {
    .market-discovery { margin: 15px !important; padding: 18px !important; }
    .market-discovery-head h2 { font-size: 20px !important; }
    .market-discovery-group-title { display: block !important; }
    .market-discovery-group-title span { display: block !important; margin-top: 4px !important; }
}
@media (max-width: 560px) {
    .market-link-grid { grid-template-columns: 1fr !important; }
    .market-link-card strong { white-space: normal !important; }
}

.market-discovery-compact {
    padding: 20px !important;
}
.market-discovery-compact .market-discovery-head {
    margin-bottom: 17px !important;
}
.market-discovery-compact .market-discovery-head h2 {
    font-size: 21px !important;
}
.market-discovery-compact .market-discovery-head p {
    margin-top: 6px !important;
    font-size: 13px !important;
}
.market-discovery-compact .market-link-card {
    padding: 10px 12px !important;
}
.market-discovery-compact .market-link-icon {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
}
.market-discovery-compact .market-link-card small {
    margin-top: 2px !important;
}
.sidebar-archive-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 15px !important;
}
.sidebar-archive-card {
    display: flex !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 10px 8px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border: 1px solid rgba(59,130,246,.28) !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, #1e2738, #273449) !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform .2s ease, border-color .2s ease !important;
}
.sidebar-archive-card:hover,
.sidebar-archive-card:focus-visible {
    transform: translateY(-2px) !important;
    border-color: #60a5fa !important;
    color: #fff !important;
    text-decoration: none !important;
}
.sidebar-archive-card span {
    color: #78a9ff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}
.sidebar-archive-card strong {
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}
html[data-theme="light"] .sidebar-archive-card {
    border-color: rgba(59,130,246,.22) !important;
    background: #fffaf2 !important;
}
html[data-theme="light"] .sidebar-archive-card strong {
    color: #172231 !important;
}
@media (max-width: 560px) {
    .market-discovery-compact { padding: 16px !important; }
}
body {
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,sans-serif;
  background: var(--bg-page);
  color: var(--text-primary);
  font-size: 13px;
  line-height: 18px;
  overflow-x: hidden;
}
a { color: #1e6c98; text-decoration: none; font-weight: 600; }
a:hover { color: #3697bf; text-decoration: underline; }
.site-header-shell a:hover { text-decoration: none !important; }
img { max-width: 100%; height: auto; border: 0; display: block; }
.modal, .screen-splash, .fake-splash, .splash-wrapper { display: none !important; }
.splash-close, .warningfield { display: none; }
/* 2. TYPOGRAPHY */
h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0;
  text-transform: none;
  color: var(--text-primary);
}
h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
  text-transform: none;
  color: var(--text-primary);
}
h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
  text-transform: none;
  color: var(--text-primary);
}
h4,
h5,
h6 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0;
  text-transform: none;
  color: var(--text-primary);
}
p {
  margin: 0 0 9px;
  word-wrap: break-word;
  text-align: justify;
  font-size: 1rem;
  color: var(--text-secondary); /* Normal paragraf metinleri için daha açık renk kullanıldı */
}
ul,
ol {
  margin: 0 0 9px 25px;
  padding: 0;
  list-style: disc;
  color: var(--text-secondary); /* Liste metinleri de daha açık yapıldı */
}
ul.unstyled {
  list-style: none;
}
/* 3. LAYOUT */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
  overflow: visible;
}
.haber-detail-page .container,
.haber-detail-page .haber-container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  overflow: visible !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -var(--gutter);
  overflow: visible;
}
[class*="span"] {
  flex: 0 0 auto;
  padding: 0 var(--gutter);
}
.span12 { width: 100%; }
.span6 { width: 50%; }
.span3 { width: 25%; }
.span12, .span6, .span3 { box-sizing: border-box; }
@media (max-width: 1023px) {
  [class*="span"] { width: 100% !important; }
  .container, .container-fluid {
    padding: 0 12px;
    width: 100% !important;
    overflow-x: visible;
  }
  .haber-detail-page .container { padding: 0 16px !important; }
}
.container-fluid {
  padding: 0 var(--gutter);
  width: 100%;
  overflow: visible;
}
/* 4. COMPONENTS / FORMLAR / TABLOLAR */
.btn {
  display: inline-block;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
  background: var(--surface-card);
  border: 1px solid var(--line-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background 0.2s;
}
.btn:hover { background: var(--surface-card-alt); }
.btn-primary {
  background: linear-gradient(135deg,var(--accent-brand-start) 0%,var(--accent-brand-end) 100%);
  color: #fff;
  border: 0;
}
.btn-success { background: var(--success); color: #fff; border:0; }
.btn-danger { background: var(--danger); color: #fff; border:0; }
input, select, textarea {
  width: 100%;
  max-width: none;
  padding: 8px 10px;
  border: 1px solid var(--surface-input-border);
  border-radius: var(--border-radius);
  font-size: 13px;
  box-sizing: border-box;
  background: var(--surface-input);
  color: var(--text-primary);
}
input:focus, select:focus, textarea:focus {
  border-color: var(--accent-brand-start);
  outline: none;
  box-shadow: 0 0 8px rgba(82,168,236,0.3);
  width: 100%;
  background: var(--surface-input);
  color: var(--text-primary);
}
.table {
  width: 100%;
  margin-bottom: 18px;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word;
  background: var(--surface-card);
  color: var(--text-secondary); /* Tablo metinleri de daha açık yapıldı */
}
.table td, .table th {
  padding: 8px;
  border-top: 1px solid var(--line-color-soft);
  text-align: left;
  word-wrap: break-word;
  background: var(--surface-card);
  color: var(--text-secondary); /* Tablo hücreleri için daha açık renk */
}
.table thead th {
  background: var(--bg-section-dark);
  color: var(--text-primary);
  border-bottom:1px solid var(--line-color);
}
.table-bordered {
  border: 1px solid var(--line-color);
  border-radius: var(--border-radius);
}
.table-striped tbody tr:nth-child(odd) td {
  background: var(--surface-card-alt);
  color: var(--text-secondary); /* Çizgili tablo için de */
}
/* Pagination */
.pagination ul { list-style: none; margin: 0; padding: 0; }
.pagination li { display: inline; }
.pagination a {
  padding: 5px 14px;
  border: 1px solid var(--line-color);
  border-radius: var(--border-radius);
  background: var(--surface-card);
  color: var(--text-primary);
}
/* 5. NAVBAR & HEADER GENEL */
.navbar {
  background: var(--bg-section-darker);
  color: var(--text-primary);
  margin-bottom: 18px;
  border-radius: 0;
  overflow: visible;
  width: 100%;
}
.navbar .container { width: auto !important; padding: 0; margin: 0; }
.navbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -10px;
  font-size: 20px;
  line-height: 1;
  color: var(--text-primary);
  font-weight: 600;
  position: relative;
  top: 2px;
}
.navbar .logo { width: 30%; }
.navbar .logo a.headline {
  display: inline-block;
  font-size: 1.75rem;
  text-decoration: none;
  color: var(--text-primary);
  margin-top: 17px;
}
.navbar .logo div.description { font-weight: 700; color: var(--text-secondary); }
.navbar .bottom-header {
  background: var(--bg-section-dark);
  padding: 0 var(--footer-padding);
  height: 50px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--text-primary);
}
.navbar .nav > li > a {
  padding: 10px 8px 11px 9px;
  line-height: 19px;
  color: var(--text-primary) !important;
  border-right: 1px solid var(--line-color);
  font-size: 0.9375rem;
  text-shadow: none;
}
.navbar .nav > li > a:hover {
  background-color: var(--surface-card-alt);
  border-radius: var(--border-radius);
}
.navbar .nav > li:last-child a { border-right: 0; }
.navbar .nav .active > a {
  background-color: rgba(255,255,255,0.1);
  border-radius: var(--border-radius);
}
.navbar .search-query {
  background-color: var(--surface-input);
  width: 150px;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 4px 9px;
  border:1px solid var(--surface-input-border);
  color: var(--text-primary);
}
.navbar-search .search-query {
  background: var(--accent-brand-start);
  border: 0;
  color: #fff;
  line-height: normal;
}
.navbar-search .login-query {
  background: var(--surface-card);
  border: 1px solid var(--line-color);
  color: var(--text-primary);
  line-height: normal;
}
/* Döviz Ticker */
.currency-ticker {
  border-radius: 5px;
  height: 80px;
  width: 100% !important;
  margin: 0;
  padding: 0 var(--footer-padding);
  display: grid;
  grid-template-columns: repeat(4,1fr);
  box-sizing: border-box;
  gap: 10px;
  overflow: visible;
}
.currency-box a {
  padding: 7.8px 37px;
  display: block;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius:8px;
  color: var(--text-primary);
}
.currency-box a:hover {
  background: var(--surface-card-alt);
}
.currency-ticker .currency-icon {
  font-size: 33px;
  float: left;
  margin-top: 12px;
  margin-right: 6px;
  line-height: 37px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--line-color);
  border-radius: 8px;
  text-align: center;
  color: #fff;
  background: linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);
}
.currency-ticker .currency-content {
  float: right;
  color: var(--text-primary);
  padding: 1px 0;
}
.currency-ticker .currency-content strong {
  display: block;
  font-size: 1.0625rem;
  color: var(--text-primary);
}
.currency-ticker .currency-content span.down { color: var(--accent-negative-text); }
.currency-ticker .currency-content span.up { color: var(--accent-positive-text); }
/* 6. HEADER (yeni koyu gri varyant) */
.site-header-shell{
  background: var(--bg-header-shell);
  padding:0;
  position:relative;
  z-index:9999;
  color: var(--text-primary);
}
.header-wrapper{
  background: var(--bg-header-inner);
  border:1px solid var(--line-color);
  border-left:0;
  border-right:0;
  max-width:none;
  width:100%;
  margin:0;
  box-shadow:0 20px 40px rgba(0,0,0,0.6);
  position:relative;
  overflow:visible;
  color: var(--text-primary);
}
/* ====== TOP BAR ====== */
.header-top{
  display:flex;
  flex-wrap:nowrap;
  align-items:center; /* orta hiza */
  justify-content:flex-start;
  column-gap:40px;
  padding:20px 24px; /* biraz yukardan boşluk */
  border-bottom:1px solid var(--line-color);
  color: var(--text-primary);
}
/* logo */
.brand-block{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.2;
  flex-shrink:0;
  color: var(--text-primary);
  margin-left:24px; /* çok sola yapışmasın */
  margin-top:6px; /* logoyu biraz aşağı indirir */
}
.brand-link{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.2;
}
.brand-title{
  font-size:30px;
  line-height:1.1;
  font-weight:800;
  background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.brand-sub{
  font-size:13px;
  line-height:1.3;
  font-weight:600;
  color: var(--text-secondary);
  text-transform:uppercase;
  letter-spacing:0.8px;
  margin-top:5px;
  text-align:center;
}
/* kurlar container */
.price-bar-top{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  min-width:0;
  flex:1;
  margin-left:40px;
}
.mini-asset{
  display:flex;
  align-items:center;
  gap:12px;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius:8px;
  padding:8px 12px;
  min-width:160px;
  text-decoration:none;
  color: var(--text-primary);
  box-shadow:0 10px 20px rgba(0,0,0,0.5);
  flex-shrink:0;
}
.mini-asset:hover{
  background: var(--surface-card-alt);
  border-color: var(--line-color);
}
.asset-icon{
  width:32px;
  height:32px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  color:#fff;
  flex-shrink:0;
  /* bunlar istersen matte yapılabilir. şimdilik gradientleri koruyorum */
}
.usd-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);}
.eur-icon{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);}
.btc-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);}
.xau-icon{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);}
.asset-info{
  display:flex;
  flex-direction:column;
  line-line-height:1.2;
  flex:1;
  align-items:center;
  padding-right:8px;
}
.asset-name{
  font-size:10px;
  font-weight:600;
  color: var(--text-muted); /* Daha açık muted */
  text-transform:uppercase;
  letter-spacing:.5px;
  text-align:center;
}
.asset-value{
  font-size:16px;
  font-weight:700;
  color: var(--text-primary);
  letter-spacing:-0.3px;
  white-space:nowrap;
  text-align:center;
}
.asset-change-badge{
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  padding:3px 8px;
  border-radius:4px;
  display:flex;
  align-items:center;
  gap:4px;
  min-width:max-content;
  white-space:nowrap;
  margin-left:auto;
}
.asset-change-badge.pos, .mini-asset .pos, .chg-arrow.pos {
  background: var(--accent-positive-bg);
  color: var(--accent-positive-text);
}
.asset-change-badge.neg, .mini-asset .neg, .chg-arrow.neg {
  background: var(--accent-negative-bg);
  color: var(--accent-negative-text);
}
.neu{
  background:rgba(148,163,184,0.15);
  color:#9ca3af;
}
.chg-arrow{font-size:10px;font-weight:700;}
/* sağ taraf */
.right-side-top{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:nowrap;
  position:relative;
}
/* hamburger (mobilde gösterilecek) */
.hamburger-btn{
  background: var(--surface-card);
  border:1px solid var(--line-color);
  color: var(--text-primary);
  border-radius:8px;
  padding:8px 12px;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  min-width:80px;
  text-align:center;
  display:none;
}
/* mobil login trigger */
.mobile-login-wrapper{
  position:relative;
  display:none;
}
.mobile-login-trigger{
  background: var(--surface-card);
  border:1px solid var(--line-color);
  color: var(--text-primary);
  border-radius:8px;
  padding:8px 12px;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  min-width:140px;
  text-align:left;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.mobile-login-trigger .dot-online{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
}
.mobile-login-trigger .caret{
  margin-left:auto;
  font-size:11px;
  color: var(--text-muted); /* Daha açık muted */
  font-weight:700;
}
.mobile-login-dropdown{
  position:absolute;
  top:110%;
  right:0;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius:8px;
  padding:12px;
  min-width:230px;
  max-width:260px;
  box-shadow:0 20px 40px rgba(0,0,0,0.8);
  display:none;
  z-index:99999;
  color: var(--text-primary);
}
.mobile-inline-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.inline-field{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.inline-field label{
  font-size:11px;
  font-weight:500;
  color: var(--text-muted); /* Daha açık */
}
.inline-field input{
  width:100%;
  border-radius:6px;
  border:1px solid var(--surface-input-border);
  background: var(--surface-input);
  color: var(--text-primary);
  font-size:13px;
  padding:8px 10px;
}
.inline-login-btn{
  border:0;
  border-radius:6px;
  background:linear-gradient(135deg,var(--accent-brand-start) 0%,var(--accent-brand-end) 100%);
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:8px 10px;
  cursor:pointer;
  text-align:center;
}
.inline-small-link{
  display:block;
  font-size:11px;
  font-weight:500;
  color: var(--text-primary);
  text-decoration:none;
  line-height:1.4;
}
.inline-small-link:hover{
  color:#f59e0b;
}
/* ===== ALT BAR ===== */
.market-bar{
  background: var(--bg-section-darker);
  border-top:1px solid var(--line-color);
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  color: var(--text-primary);
}
/* menü linkleri */
.main-menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:16px 24px;
  max-width:100%;
}
.menu-link{
  position:relative;
  font-size:14px;
  font-weight:600;
  color: var(--text-primary);
  text-decoration:none;
  line-height:1.4;
  padding:6px 0;
  white-space:nowrap;
  transition:color .2s;
}

/* Hover rengi tekrar mavi */
.menu-link:hover{ color:#60a5fa; }
.menu-link.active{ color:#60a5fa; }

/* Alt çizgi de mavi gradyan olsun */
.menu-link.active::after,
.menu-link:hover::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 100%);
}
/* kullanıcı alanı desktop */
.user-area-desktop{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
  position:relative;
  color: var(--text-primary);
}
.usernav-split{
  display:flex;
  align-items:flex-start;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius:8px;
  box-shadow:0 20px 40px rgba(0,0,0,0.8);
  position:relative;
  color: var(--text-primary);
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}
.usernav-mainlink{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  text-decoration:none;
  color: var(--text-primary);
  background: var(--surface-card);
  border-radius:8px 0 0 8px;
}
.usernav-mainlink:hover{ background: var(--surface-card-alt); }
.dot-online{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  flex-shrink:0;
}
.usernav-caretbtn{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-left:1px solid var(--line-color);
  background: var(--surface-card);
  color: var(--text-secondary);
  font-size:12px;
  font-weight:700;
  line-height:1;
  padding:8px 10px;
  border-radius:0 8px 8px 0;
  cursor:pointer;
}
.usernav-caretbtn:hover{
  background: var(--surface-card-alt);
  color: var(--text-primary);
}
.usernav-dropdown{
  position:absolute;
  top:110%;
  right:0;
  min-width:230px;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius:8px;
  padding:12px;
  box-shadow:0 20px 40px rgba(0,0,0,0.8);
  display:none;
  z-index:99999;
  color: var(--text-primary);
}
.usernav-login-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.usernav-login-form .form-row{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.usernav-login-form label{
  font-size:12px;
  color: var(--text-secondary);
  font-weight:500;
}
.usernav-login-form input{
  width:100%;
  border-radius:6px;
  border:1px solid var(--surface-input-border);
  background: var(--surface-input);
  color: var(--text-primary);
  font-size:13px;
  padding:8px 10px;
}
.usernav-login-form .login-btn{
  border:0;
  border-radius:6px;
  background:linear-gradient(135deg,var(--accent-brand-start) 0%,var(--accent-brand-end) 100%);
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:8px 10px;
  cursor:pointer;
  text-align:center;
}
.usernav-login-form .inline-link{
  display:block;
  font-size:12px;
  font-weight:500;
  color: var(--text-primary);
  text-decoration:none;
  line-height:1.4;
}
.usernav-login-form .inline-link:hover{ color:#f59e0b; }
.dropdown-link{
  display:block;
  font-size:13px;
  line-height:1.4;
  color: var(--text-primary);
  text-decoration:none;
  padding:6px 0;
}
.dropdown-link:hover{
  background: var(--surface-card-alt);
  border-radius:4px;
  padding-left:6px;
}
/* 7. SUBNAVBAR */
.subnavbar {
  margin-bottom: 2.5em;
  background: var(--surface-card);
  border-bottom: 1px solid var(--line-color);
  color: var(--text-primary);
}
.subnavbar-inner { height: 60px; }
.subnavbar .container > ul {
  display: inline-block;
  height: 80px;
  padding: 0;
  margin: 0;
}
.subnavbar .container > ul > li {
  float: left;
  min-width: 90px;
  height: 60px;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  border-left: 1px solid var(--line-color);
}
.subnavbar .container > ul > li > a {
  display: block;
  height: 100%;
  padding: 0 20px;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--text-primary);
  text-decoration:none;
}
.subnavbar .container > ul > li > a:hover {
  color:#60a5fa;
  text-decoration: none;
}
.subnavbar .container > ul > li > a > i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 11px;
  margin-bottom: -3px;
  font-size: 20px;
  color: var(--text-primary);
}
.subnavbar .container > ul > li.active > a {
  border-bottom: 3px solid #ff7f74;
  color: var(--text-primary);
}
/* 8. FOOTER (senin yeni footer tasarımını tutuyorum, sadece renkler zaten koyu uyumlu) */
.footer {
  background: linear-gradient(135deg, #0f1419 0%, #1a1f2e 100%);
  border-top: 3px solid #e67e22;
  margin-top: 0;
  overflow: hidden;
  width: 100%;
  color: #fff;
  border-top: 1px solid #292929;
}
.footer-inner-shell {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.footer-main {
  padding: 45px 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.footer-brand-section {
  flex: 1;
  min-width: 240px;
  max-width: 450px;
  min-width: 0;
}
.footer-logo {
  color: #e67e22;
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  line-height: 1.2;
  transition: color 0.3s ease;
}
.footer-logo:hover { color: #d35400; }
.footer-description {
  color: #95a5a6;
  font-size: 0.88rem;
  line-height: 1.6;
  margin: 0;
}
.footer-nav {
  display: flex;
  gap: 50px;
  flex: 1.5;
  min-width: 240px;
  flex-wrap: wrap;
}
.footer-nav .nav-group h3 {
  color: #e67e22;
  font-size: 0.85rem;
  margin-bottom: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.footer-nav .nav-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav .nav-group ul li {
  margin-bottom: 10px;
}
.footer-nav .nav-group ul li a {
  color: #bdc3c7;
  text-decoration: none;
  font-size: 0.88rem;
  line-height: 1.4;
  transition: all 0.3s ease;
  display: inline-block;
}
.footer-nav .nav-group ul li a:hover {
  color: #e67e22;
  padding-left: 5px;
}
.footer-warning {
  background: rgba(230, 126, 34, 0.05);
  border: 1px solid rgba(230, 126, 34, 0.2);
  border-left: 3px solid #e67e22;
  padding: 20px 25px;
  flex: 1.5;
  border-radius: 8px;
  min-width: 260px;
  max-width: 480px;
  color: #95a5a6;
  line-height: 1.5;
  box-sizing: border-box;
}
.footer-warning h4 {
  color: #e67e22;
  font-size: 0.88rem;
  margin: 0 0 10px 0;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: none;
}
.footer-warning h4::before {
  content: "⚠️";
  font-size: 16px;
  line-height: 1;
}
.footer-warning p {
  color: #95a5a6;
  font-size: 0.8rem;
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
}
.footer-bar {
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(230, 126, 34, 0.2);
  padding: 18px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.footer-copyright {
  color: #7f8c8d;
  font-size: 0.82rem;
  line-height: 1.4;
}
.footer-copyright a {
  color: #e67e22;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}
.footer-copyright a:hover {
  color: #d35400;
}
.footer-social {
  display: flex;
  gap: 12px;
}
.social-link {
  width: 38px;
  height: 38px;
  background: rgba(230, 126, 34, 0.1);
  border: 2px solid rgba(230, 126, 34, 0.3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e67e22;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  transition: all 0.3s ease;
}
.social-link:hover {
  background: #e67e22;
  color: #fff;
  transform: translateY(-3px);
}
@media (max-width:1023px){
  .header-top{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  padding:16px 12px 8px;
}
  .brand-block{ 
    width:100%; 
    text-align:center; 
    margin-left:0;
    margin-top:0;
  }
  .price-bar-top{
    flex-basis:100%;
    margin-left:0;
    margin-top:16px;
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
    justify-content:flex-start;
    padding:0 0 16px 0;
  }
  .price-bar-top::-webkit-scrollbar{display:none;}
  .mini-asset{
    min-width:160px;
    flex-shrink:0;
  }
  .right-side-top{ display:none; }
  .market-bar{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    row-gap:0;
    padding:12px 16px;
    position:relative;
    border-top:1px solid var(--line-color);
    background: var(--bg-section-darker);
  }
  .market-bar .hamburger-btn{
    display:inline-flex;
    order:1;
    flex-shrink:0;
  }
  .market-bar.collapsed .main-menu{
    display:none;
  }
  .market-bar .main-menu{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background: var(--bg-section-darker);
    border-top:1px solid var(--line-color);
    flex-direction:column;
    gap:8px;
    padding:16px;
    box-shadow:0 4px 6px rgba(0,0,0,0.1);
    z-index:10;
    justify-content:flex-start;
    align-items:stretch;
  }
  .market-bar:not(.collapsed) .main-menu{
    display:flex !important;
  }
  .market-bar .main-menu .menu-link{
    text-align:left;
    padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  .market-bar .main-menu .menu-link:last-child{
    border-bottom:none;
  }
  .market-bar .user-area-desktop{
    order:3;
    flex-shrink:0;
    display:flex !important;
    margin-left:auto;
  }
  .usernav-split{
    min-width:160px;
    max-width:none;
  }
  .footer-main {
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 30px;
    gap: 40px;
  }
  .footer-nav {
    width: 100%;
    flex-wrap: wrap;
    gap: 40px;
  }
  .footer-warning {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .footer-bar {
    flex-direction: column;
    gap: 15px;
    text-align: center;
    padding: 20px 30px;
  }
  .footer-social {
    justify-content: center;
  }
}
@media(max-width:600px){
  .brand-title{ font-size:22px; }
  .brand-sub{ font-size:11px; }
  .market-bar .main-menu{
    flex-direction:column;
    gap:12px;
    order:2;
  }
  .menu-link{ font-size:13px; }
  .mini-asset{ min-width:150px; }
  .price-bar-top{
    padding:0 0 0 8px;
    gap:8px;
  }
  .usernav-split{ min-width:140px; }
  .footer-main {
    padding: 30px 15px;
    gap: 30px;
  }
  .footer-brand-section {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
  .footer-nav {
    flex-direction: column;
    gap: 25px;
    width: 100%;
  }
  .footer-nav .nav-group {
    text-align: center;
  }
  .footer-warning {
    width: 100%;
    min-width: 0;
    padding: 15px;
    box-sizing: border-box;
  }
  .footer-warning p {
    font-size: 0.75rem;
  }
  .footer-logo {
    font-size: 1.5rem;
  }
  .footer-description {
    font-size: 0.85rem;
  }
  .footer-bar {
    padding: 20px 15px;
  }
}
/* FIXLER */
.sondakika-item .news-title,
.sondakika-item .news-title *,
.haberlerkutu .news-title,
.haberlerkutu .news-title *,
.sondakika-item h4,
.haberlerkutu h4 {
  text-transform: none !important;
}
/* Haber detay sayfası mobil sağ-sol padding azalt */
@media (max-width:1023px){
  .haber-detail-page .container,
  .haber-detail-page .haber-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width:480px){
  .haber-detail-page .container,
  .haber-detail-page .haber-container {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
/* Haber listesi / kutular (genel widget yapısı ile aynı tona sokuyoruz) */
.widget {
  margin-bottom: 2em;
  border: 1px solid var(--line-color);
  border-radius: 5px;
  overflow: visible;
  background: var(--surface-card);
  color: var(--text-primary);
}
.widget-header {
  background: var(--bg-section-dark);
  color: var(--text-primary);
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-bottom:1px solid var(--line-color);
}
.widget-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  color: var(--text-primary);
}
.widget-content {
  padding: 20px;
  background: var(--surface-card);
  color: var(--text-secondary); /* Widget içeriği için de daha açık */
  overflow: visible;
}
.haberlerkutu {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 var(--gutter);
  overflow: visible;
  color: var(--text-secondary); /* Haber kutuları için de */
}
.haberler { float: left; width: 300px; padding: 10px; color: var(--text-secondary); }
#yukselen-hisse {
  background: var(--accent-positive-text);
  color: var(--text-invert);
  text-align: center;
  padding: 10px;
  float: left;
  width: 50%;
  font-weight:700;
}
#dusen-hisse {
  background: var(--accent-negative-text);
  color: var(--text-invert);
  text-align: center;
  padding: 10px;
  float: right;
  width: 50%;
  font-weight:700;
}
/* Parite kutusu */
.parite-signal {
  display: inline-block;
  width: 250px;
  height: 250px;
  background: var(--surface-card);
  border:1px solid var(--line-color);
  border-radius: 5px 5px 0 0;
  text-align: center;
  color: var(--text-secondary);
  vertical-align: bottom;
  margin-left: 45px;
  box-sizing: border-box;
}
.parite-signal .signal-title {
  padding: 10px;
  color: var(--accent-positive-text);
}
/* Döviz Çevirici */
.tbvOrtaAlan,
.tbvOrtaKapsa,
.tbvSimge,
.tbvSimgeYani {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-wrap: wrap;
}
.tbvSimge { width: auto; height: auto; justify-content: center; }
.tbvSimge input {
  width: 100% !important;
  max-width: none;
  margin: 0 auto;
  background: var(--surface-input);
  border:1px solid var(--surface-input-border);
  color: var(--text-primary);
}
.tbvSimgeYani {
  width: 100%;
  border: 2px solid #5798c7;
  border-radius: var(--border-radius);
  padding: 10px;
  text-align: center;
  color: var(--text-secondary);
  background: var(--surface-card);
}
@media (max-width: 1023px) {
  .tbvOrtaKapsa { flex-direction: column; }
  .tbvSimgePut input {
    width: 100% !important;
    font-size: 24px;
  }
}
/* Big Stats */
#big_stats .stat {
  display: table-cell;
  width: 25%;
  text-align: center;
  padding: 10px;
  border-right: 1px solid var(--line-color);
  color: var(--text-secondary);
}
#big_stats .stat .value {
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--text-primary);
}
/* Ek mobil tuning */
@media (max-width: 480px) {
  body { font-size: 12px; }
  .btn { padding: 6px 12px; font-size: 12px; }
  .currency-ticker {
    grid-template-columns: 1fr;
    padding: 0 5px;
  }
  .tbvSimge input {
    font-size: 20px;
    padding: 10px;
  }
  .container { padding: 0 8px; }
  .footer-inner { font-size: 0.75rem; padding: 5px 0; }
}

/* ============================================
   ANASAYFA MODERN CSS - DARK GREY VARIANT FULL
   (Önceki homepage.css buraya taşındı)
   ============================================ */

/* ============================================
   ANA YAPI
   ============================================ */
.main {
    background: var(--bg-page);
    min-height: 100vh;
    padding-top: 0 !important;
    margin-top: 0 !important;
    color: var(--text-primary);
}

.main-inner {
    padding: 20px 0;
    padding-top: 0 !important;
    color: var(--text-primary);
}

.container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    color: var(--text-primary);
}

/* ============================================
   HERO HEADER
   ============================================ */
.hero-header {
    background: var(--bg-section);
    border-radius: 16px;
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    margin-top: 20px !important;
    margin-bottom: 20px;
    padding: 15px 30px;
    color: var(--text-primary);
}

.hero-content h1 {
    color: var(--accent-brand-start);
    font-size: 32px;
    margin: 0 0 15px 0;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.hero-content p {
    color: var(--text-secondary);
    font-size: 16px;
    margin: 0 auto;
    line-height: 1.6;
    max-width: 900px;
    text-align: center;
}

/* ============================================
   DASHBOARD GRID (SOL ANA BLOK + SAĞ SİDEBAR)
   ============================================ */
.dashboard-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
    align-items: start;
    margin-top: 0 !important;
    color: var(--text-primary);
}

/* ============================================
   KURLAR / RATES CONTAINER
   ============================================ */
.rates-container {
    background: var(--bg-section);
    border-radius: 16px;
    border: 1px solid var(--line-soft);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    padding-top: 0;
    color: var(--text-primary);
}

.rates-header {
    background: linear-gradient(135deg, var(--accent-brand-start) 0%, var(--accent-brand-end) 100%);
    padding: 20px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 15px;
}

.rates-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

/* gridler */
.rates-grid,
.forex-grid,
.commodity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
    background: var(--bg-section-alt);
    color: var(--text-primary);
}

.commodity-grid {
    margin-top: 0;
}

/* ============================================
   RATE / COMMODITY BOX KARTLARI
   ============================================ */
.rate-box,
.commodity-box {
    background: var(--bg-section);
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    padding: 20px;
    text-decoration: none;
    color: var(--text-primary);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    min-height: 210px;
    display: flex;
    flex-direction: column;
    will-change: transform;
    backface-visibility: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.6);
}

.rate-box::before,
.commodity-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--accent-brand-start) 0%, var(--accent-brand-end) 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.rate-box:hover,
.commodity-box:hover {
    text-decoration: none;
    border-color: var(--accent-brand-start);
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.8);
}

.rate-box:hover::before,
.commodity-box:hover::before {
    transform: scaleX(1);
}

/* üst satır: isim + değişim rozeti */
.card-top,
.commodity-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.currency-name,
.commodity-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: -0.02em;
    margin: 0;
}

/* değişim rozetleri */
.change-indicator,
.commodity-change-indicator {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.3s ease;
    border: 1px solid transparent;
    line-height: 1.2;
}

.change-indicator.negative,
.commodity-change-indicator.negative {
    background: var(--accent-negative-bg);
    color: var(--accent-negative-text);
    border-color: var(--accent-negative-text);
}

.change-indicator.positive,
.commodity-change-indicator.positive {
    background: var(--accent-positive-bg);
    color: var(--accent-positive-text);
    border-color: var(--accent-positive-text);
}

.rate-box:hover .change-indicator,
.commodity-box:hover .commodity-change-indicator {
    transform: scale(1.05);
}

/* ana değer alanı */
.main-rate,
.commodity-rate {
    text-align: center;
    margin: 20px 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rate-value,
.commodity-value {
    font-size: 32px;
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    transition: color 0.3s ease;
    font-family: 'Courier New', monospace;
}

.rate-box:hover .rate-value,
.commodity-box:hover .commodity-value {
    color: var(--accent-brand-start);
}

.rate-label,
.commodity-label {
    font-size: 12px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
}

/* detay gridleri */
.rate-details,
.commodity-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid var(--line-softer);
}

.detail-item,
.commodity-item {
    text-align: center;
    padding: 10px 8px;
    border-radius: 8px;
    background: rgba(255,255,255,0.03);
    transition: all 0.3s ease;
    border: 1px solid transparent;
    color: var(--text-primary);
}

.detail-item.low,
.commodity-item.low {
    border-color: rgba(231, 76, 60, 0.3);
}

.detail-item.high,
.commodity-item.high {
    border-color: rgba(46, 204, 113, 0.3);
}

.detail-item:hover,
.commodity-item:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.06);
}

.detail-label {
    font-size: 11px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 5px;
    font-weight: 600;
}

.detail-item.low .detail-label {
    color: var(--accent-negative-text);
}

.detail-item.high .detail-label {
    color: var(--accent-positive-text);
}

.detail-value {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    font-family: 'Courier New', monospace;
}

.commodity-details {
    gap: 8px;
    padding-top: 12px;
}

.commodity-item {
    padding: 8px 5px;
    min-height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.commodity-item .commodity-label {
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
    color: var(--text-secondary);
}

.commodity-item .commodity-value {
    font-size: 14px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    color: var(--text-primary);
}

@media (max-width: 768px) {
    .commodity-item .commodity-value {
        font-size: 13px;
    }

    .commodity-item {
        padding: 6px 4px;
    }
}

.detail-item .detail-value {
    font-size: 16px;
}

/* ============================================
   FACTORS BOX
   ============================================ */
.factors-box {
    grid-column: span 3;
    background: var(--bg-section-alt);
    border: 1px solid var(--line-soft);
    border-radius: 16px;
    padding: 25px;
    color: var(--text-primary);
    box-shadow: 0 12px 30px rgba(0,0,0,0.7);
}

.factors-box h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    color: var(--accent-brand-start);
    line-height: 1.3;
}

.factors-box p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--text-secondary);
    margin: 0 0 15px 0;
}

.factors-box a {
    color: var(--accent-brand-start);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.factors-box a:hover {
    color: var(--accent-brand-end);
    text-decoration: underline;
}

/* ============================================
   SİDEBAR GENEL
   ============================================ */
.sidebar {
    display: grid;
    gap: 25px;
}

/* ============================================
   HABERLER WIDGET
   ============================================ */
.sidebar-widget {
    background: var(--bg-section);
    border-radius: 16px;
    border: 1px solid var(--line-soft);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

.sidebar-widget .widget-header {
    background: linear-gradient(90deg, #1f1f1f 0%, #141414 100%);
    padding: 16px 20px;
    color: white;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid var(--accent-brand-start);
}

.sidebar-widget .widget-header i {
    color: var(--accent-brand-start);
    font-size: 16px;
}

.sidebar-widget .widget-header h3,
.sidebar-widget .widget-header h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--accent-brand-start);
}

.sidebar-widget .widget-content {
    padding: 20px;
    background: var(--bg-section);
    color: var(--text-primary);
}

.sidebar-widget .news-item {
    display: flex;
    gap: 12px;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: var(--bg-section-alt);
    border: 1px solid var(--line-soft);
    box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}

.sidebar-widget .news-item:last-child {
    margin-bottom: 0;
}

.sidebar-widget .news-item:hover {
    transform: translateX(4px);
    background: #2e2e2e;
    border-color: var(--accent-brand-start);
    box-shadow: 0 12px 30px rgba(0,0,0,0.8);
}

.sidebar-widget .news-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    background: #000;
}

.sidebar-widget .news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sidebar-widget .news-content h4 {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-widget .news-item:hover .news-content h4 {
    color: var(--accent-brand-start);
}

.sidebar-widget .news-datetime {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: var(--text-secondary);
    gap: 8px;
}

.sidebar-widget .news-date-left {
    flex: 1;
    text-align: left;
}

.sidebar-widget .news-time-right {
    white-space: nowrap;
    text-align: right;
}

/* ============================================
   SEANS / TIMELINE BLOĞU
   ============================================ */

.seans-widget {
    background: var(--bg-section);
    border-radius: 16px;
    border: 1px solid var(--line-soft);
    padding: 18px;
    margin-bottom: 20px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

.seans-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    border-bottom: 2px solid var(--accent-brand-start);
    padding-bottom: 10px;
}

.seans-title {
    color: var(--accent-brand-start);
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    text-shadow: 0 1px 5px rgba(230, 126, 34, 0.2);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.seans-all-btn {
    padding: 6px 12px;
    background: linear-gradient(135deg, var(--accent-brand-start), var(--accent-brand-end));
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(230, 126, 34, 0.3);
}
.seans-all-btn:hover {
    background: linear-gradient(135deg, #d35400, #c0392b);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(230, 126, 34, 0.45);
    color: #ffffff;
}

.timeline-sidebar {
    max-width: 100%;
    position: relative;
    margin: 0;
}

.timeline-item-sidebar {
    position: relative;
    margin: 18px 0;
    width: 100%;
    padding-left: 12px;
    box-sizing: border-box;
    border-left: 3px solid var(--accent-brand-start);
}

.timeline-content-sidebar {
    background: var(--bg-section-alt);
    padding: 14px;
    border-radius: 10px;
    border: 1px solid var(--line-soft);
    box-shadow: 0 6px 18px rgba(0,0,0,0.6);
    font-family: 'Inter', 'Segoe UI', sans-serif;
}

.timeline-date-sidebar {
    font-size: 12px;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    font-weight: 600;
}

.timeline-text-sidebar {
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-primary);
    margin: 0;
    word-wrap: break-word;
}

.empty-timeline-sidebar {
    text-align: center;
    padding: 20px;
    color: var(--text-secondary);
    font-size: 14px;
    font-family: 'Inter', 'Segoe UI', sans-serif;
}
.empty-timeline-sidebar i {
    font-size: 28px;
    color: rgba(230, 126, 34, 0.4);
    margin-bottom: 10px;
    display: block;
}

/* ============================================
   SON YORUMLAR WIDGET (Gri uyumlu versiyon)
   ============================================ */
.comments-sidebar {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;

    background: var(--bg-section);
    border-radius: 16px;
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    color: var(--text-primary);

    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* tek yorum kartı */
.comments-sidebar .comment-card {
    background: var(--bg-section-alt);
    border-radius: 12px;
    padding: 16px;
    border: 1px solid var(--line-soft);
    box-shadow: 0 8px 24px rgba(0,0,0,0.7);
    transition: all 0.2s ease;
    position: relative;
    color: var(--text-primary);
}

.comments-sidebar .comment-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        var(--accent-brand-start) 0%,
        var(--accent-brand-end) 100%
    );
    border-radius: 12px 12px 0 0;
    opacity: 1;
}

.comments-sidebar .comment-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.9);
    border-color: var(--accent-brand-start);
}

/* header: avatar + kullanıcı + badge */
.comments-sidebar .comment-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 10px;
}

.comments-sidebar .user-section {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.comments-sidebar .avatar {
    width: 40px;
    height: 40px;
    border-radius: 8px;

    background: radial-gradient(
        circle at 30% 30%,
        rgba(230,126,34,0.3) 0%,
        rgba(0,0,0,0) 60%
    ),
    #1f1f1f;

    border: 1px solid var(--line-soft);
    box-shadow: 0 6px 20px rgba(0,0,0,0.8);

    color: var(--text-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    flex-shrink: 0;
}

.comments-sidebar img.avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    background: none;
    border: 1px solid var(--line-soft);
    box-shadow: 0 6px 20px rgba(0,0,0,0.8);

    color: transparent;
    font-size: 0;
}

.comments-sidebar .username {
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    display: block;
    line-height: 1.3;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comments-sidebar .badge {
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--line-soft);
    color: var(--text-secondary);
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .5px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
    text-decoration: none;
}

/* yorum gövdesi */
.comments-sidebar .comment-body {
    position: relative;
}

.comments-sidebar .comment-text {
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
    word-break: break-word;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
}

.comments-sidebar .comment-footer {
    display: flex;
    justify-content: flex-end;
}

.comments-sidebar .timestamp {
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.2;
}

/* scroll bar */
.comments-sidebar::-webkit-scrollbar {
    width: 4px;
}
.comments-sidebar::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.03);
    border-radius: 2px;
}
.comments-sidebar::-webkit-scrollbar-thumb {
    background: var(--accent-brand-start);
    border-radius: 2px;
}

/* responsive yorum kutusu */
@media (max-width:768px) {
    .comments-sidebar {
        padding: 12px;
        border-radius: 12px;
    }
    .comments-sidebar .comment-card {
        padding: 14px;
        border-radius: 10px;
    }
    .comments-sidebar .avatar,
    .comments-sidebar img.avatar {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
        border-radius: 7px;
    }
    .comments-sidebar .username {
        font-size: 13px;
        max-width: 120px;
    }
    .comments-sidebar .comment-text {
        font-size: 13px;
        line-height: 1.45;
    }
}

/* ============================================
   SON HABERLER ANA BLOK (ANA İÇERİK ORTASI)
   ============================================ */
.latest-news-section {
    margin: 40px 0 10px 0;
    background: linear-gradient(145deg, #1a1f2e 0%, #16213e 100%);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    position: relative;
}
.latest-news-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #e67e22, #d35400, #e67e22);
    background-size: 200% 100%;
    animation: gradientShift 3s ease infinite;
}
@keyframes gradientShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
.latest-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
}
.latest-news-header h2 {
    font-size: 24px;
    font-weight: 700;
    color: #e8eaf6;
    margin: 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.news-header-accent {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #e67e22, #d35400);
    border-radius: 2px;
}
.news-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 25px;
}
.news-card {
    background: linear-gradient(145deg, #2a2f4f 0%, #1e2338 100%);
    border-radius: 16px;
    padding: 20px;
    transition: all 0.3s ease;
    border: 1px solid rgba(230, 126, 34, 0.2);
    position: relative;
    overflow: hidden;
}
.news-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(230, 126, 34, 0.05) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(230, 126, 34, 0.2);
    border-color: rgba(230, 126, 34, 0.4);
}
.news-card:hover::before {
    opacity: 1;
}
.news-card-inner {
    position: relative;
    z-index: 1;
}
.news-title {
    font-size: 18px;
    font-weight: 600;
    color: #e8eaf6;
    margin: 0 0 12px 0;
    line-height: 1.4;
}
.news-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}
.news-title a:hover {
    color: #e67e22;
}
.news-excerpt {
    color: #b8bfd8;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 15px 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #6b7399;
}
.news-publisher {
    font-weight: 500;
    color: #a78bfa;
}
.news-time {
    font-style: italic;
}

/* ============================================
   HESAPLAYICI / BUTON GRID
   ============================================ */
.sidebar-calc-buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 20px;
}
.sidebar-calc-card {
    background: linear-gradient(145deg, #1e2738 0%, #273449 100%);
    border: 2px solid rgba(230, 126, 34, 0.2);
    border-radius: 12px;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    color: white;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sidebar-calc-card:hover {
    text-decoration: none;
    color: white;
    transform: translateY(-4px);
    border-color: #e67e22;
    box-shadow: 0 12px 25px rgba(230, 126, 34, 0.2);
}
.sidebar-calc-icon {
    font-size: 28px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}
.sidebar-calc-card:hover .sidebar-calc-icon {
    transform: scale(1.1);
}
.sidebar-calc-title {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ============================================
   RESPONSIVE GENEL
   ============================================ */
@media (max-width: 1200px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
    }
    .rates-grid,
    .forex-grid,
    .commodity-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        padding: 15px;
    }
    .factors-box {
        grid-column: span 2;
    }
}

@media (max-width: 768px) {
    .main-inner {
        padding: 20px 0;
    }
    .container {
        padding: 0 10px;
    }
    .hero-header {
        padding: 20px;
        margin-top: 15px !important;
        margin-bottom: 15px;
        padding-top: 10px;
    }
    .hero-content h1 {
        font-size: 24px;
    }
    .hero-content p {
        font-size: 14px;
    }

    .rates-grid,
    .forex-grid,
    .commodity-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
    }
    .factors-box {
        grid-column: span 1;
        padding: 20px;
    }
    .rates-header {
        padding: 10px 15px;
        margin-bottom: 10px;
    }
    .rates-header h2 {
        font-size: 20px;
    }
    .rate-box,
    .commodity-box {
        padding: 15px;
        min-height: 190px;
    }
    .rate-value,
    .commodity-value {
        font-size: 28px;
    }
    .currency-name,
    .commodity-name {
        font-size: 16px;
    }

    .sidebar-calc-buttons {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .main-inner {
        padding: 15px 0;
    }
    .hero-header {
        padding: 15px;
    }
    .hero-content h1 {
        font-size: 20px;
    }
    .hero-content p {
        font-size: 13px;
    }
    .rate-box,
    .commodity-box {
        padding: 12px;
        min-height: 180px;
    }
    .rate-value,
    .commodity-value {
        font-size: 24px;
    }
    .currency-name,
    .commodity-name {
        font-size: 15px;
    }
    .detail-value {
        font-size: 14px;
    }
    .sidebar-calc-card {
        min-height: 80px;
        padding: 12px 8px;
    }
    .sidebar-calc-icon {
        font-size: 24px;
    }
    .sidebar-calc-title {
        font-size: 12px;
    }
}

/* ============================================
   UTILITY
   ============================================ */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.loading-skeleton {
    background: linear-gradient(90deg, #1e2738 25%, #273449 50%, #1e2738 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 8px;
}
@keyframes skeleton-loading {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.loading-placeholder,
.error-message {
    display: none;
}
.sidebar a,
.sidebar a:hover {
    text-decoration: none !important;
}


/* Başlıktan hemen sonraki paragraf boşluğu */
.haber-detail-page #article-content h2 + p,
.haber-detail-page #article-content h3 + p,
.single-news-page .article-content h2 + p,
.single-news-page .article-content h3 + p {
    margin-top: 0.5rem !important;
}

/* === ALINTI (blockquote) — siyahımsı sade stil === */
.haber-detail-page #article-content blockquote,
.single-news-page .article-content blockquote {
    position: relative;
    margin: 1.6rem 0 !important;
    padding: 14px 18px 14px 22px !important;

    border-left: 3px solid #f59e0b !important; /* turuncu sabit */
    background: rgba(20, 20, 20, 0.55) !important; /* koyu-siyah */

    color: #e5e7eb !important;
    font-style: normal !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.35) !important;
}

/* Alıntı içindeki yazı */
.haber-detail-page #article-content blockquote p,
.single-news-page .article-content blockquote p {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
}

/* Üst tırnak ikonu */
.haber-detail-page #article-content blockquote::before,
.single-news-page .article-content blockquote::before {
    content: "“";
    position: absolute;
    top: 8px;
    left: 10px;
    font-size: 26px;
    line-height: 1;
    color: rgba(245, 245, 245, 0.45); /* gri-beyaz, fazla belirgin değil */
    font-family: Georgia, "Times New Roman", serif;
}

/* İçerikte yazı çakışmasın */
.haber-detail-page #article-content blockquote > *:first-child,
.single-news-page .article-content blockquote > *:first-child {
    position: relative;
    z-index: 1;
}
/* =========================
   ANASAYFADA YENİ EKLENEN HERO ALTINDA MAKALE BLOĞU
   ========================= */

.blog-page-hero {
    background: radial-gradient(circle at 20% 20%, rgba(230,126,34,0.08) 0%, rgba(0,0,0,0) 60%), #1e1e1e;
    padding: 30px 0 10px;
    color: #F8F9FA;
}

.blog-container-hero {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
}

.blog-grid-hero {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
    margin-top: 10px;
}

.blog-card-hero {
    background: #242424;
    background-image:
        radial-gradient(circle at 20% 20%, rgba(230,126,34,0.08) 0%, rgba(0,0,0,0) 60%);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
    display: none;
    flex-direction: column;
    position: relative;
    will-change: transform;
    backface-visibility: hidden;
}

.blog-card-hero.visible {
    display: flex;
    animation: fadeIn .5s ease forwards;
}

.blog-card-hero::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background: linear-gradient(90deg, #e67e22 0%, #d35400 100%);
    transform: scaleX(0);
    transform-origin:left center;
    transition: transform .25s ease;
    z-index: 1;
}

.blog-card-hero:hover {
    border-color: #e67e22;
    box-shadow: 0 16px 60px rgba(0,0,0,0.8),
                0 0 30px rgba(230,126,34,0.4);
    transform: translateY(-4px);
}

.blog-card-hero:hover::before {
    transform: scaleX(1);
}

/* kategori çizgi renkleri */
.blog-card-hero[data-category="haber"]::before {
    background: linear-gradient(90deg, #e74c3c 0%, #c0392b 100%);
}
.blog-card-hero[data-category="ekonomi"]::before {
    background: linear-gradient(90deg, #2ecc71 0%, #27ae60 100%);
}
.blog-card-hero[data-category="borsa"]::before {
    background: linear-gradient(90deg, #3498db 0%, #2980b9 100%);
}

.blog-image-container-hero {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #1a1a1a;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.blog-image-hero {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blog-card-hero:hover .blog-image-hero {
    transform: scale(1.08);
}

/* ============================================================
   KATEGORİ BADGE — renkli varyantlar
   ============================================================ */
.category-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 5px 11px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    z-index: 2;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    background: rgba(0, 0, 0, 0.75);
    transition: transform 0.2s ease;
}
.blog-card-hero:hover .category-badge {
    transform: scale(1.04);
}
/* Kategori renkleri — yarı şeffaf, blur ile arka plan görünür */
.category-badge.haber        { background: rgba(192,  57,  43, 0.80); }
.category-badge.ekonomi      { background: rgba( 39, 174,  96, 0.80); }
.category-badge.borsa        { background: rgba( 41, 128, 185, 0.80); }
.category-badge.analiz       { background: rgba(142,  68, 173, 0.80); }
.category-badge.makale       { background: rgba( 20,  20,  20, 0.80); border-color: rgba(255,255,255,0.1); }
.category-badge.hisse-analiz { background: rgba( 22, 160, 133, 0.80); }


/* ============================================================
   BLOG İÇERİK ALANI
   ============================================================ */
.blog-content-hero {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #2a2a2a;
    background-image: radial-gradient(circle at 20% 20%, rgba(230,126,34,0.05) 0%, transparent 65%);
    color: #F8F9FA;
}


/* ============================================================
   ÜST META SATIRI (YAZAR SOL — TARİH SAĞ)
   ============================================================ */
.blog-meta-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: nowrap;
}

/* — Yazar — */
.blog-meta-top .blog-author-line {
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
}

.blog-author-prefix {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 10px;
    color: #5a5a5a;
    flex-shrink: 0;
}

.blog-author-name {
    font-weight: 600;
    font-size: 12px;
    color: #c8c8c8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

.blog-author-name:hover {
    color: #e67e22;
    text-decoration: none;
}

/* — Tarih — */
.blog-meta-top .blog-date-hero {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #7a7a7a;
    flex-shrink: 0;
    white-space: nowrap;
}

.blog-meta-top .blog-date-hero i {
    font-size: 11px;
    color: #e67e22;
    opacity: 0.7;
}

/* Güncellendi etiketi */
.date-updated-label {
    color: #f39c12;
    font-size: 10px;
    font-weight: 700;
    margin-right: 2px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}


/* ============================================================
   BAŞLIK + ÖZET
   ============================================================ */
.blog-title-hero {
    color: #f0f0f0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.42;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
    transition: color 0.2s ease;
    /* 3 satırda kes */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card-hero:hover .blog-title-hero {
    color: #e67e22;
}

.blog-summary-hero {
    color: #888;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 14px;
    flex: 1;
    /* 3 satırda kes */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ============================================================
   ALT FOOTER (DEVAMINI OKU)
   ============================================================ */
.blog-footer-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,0.06);
    margin-top: auto;
}

.read-more-hero {
    color: #e67e22;
    font-weight: 700;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    transition: gap 0.25s ease, color 0.2s ease;
    letter-spacing: 0.2px;
}

.blog-card-hero:hover .read-more-hero {
    gap: 11px;
    color: #f5a623;
}

.read-more-hero i {
    font-size: 12px;
    transition: transform 0.25s ease;
}

.blog-card-hero:hover .read-more-hero i {
    transform: translateX(3px);
}


/* ============================================================
   LOAD MORE BUTONU
   ============================================================ */
.load-more-container-hero {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

.load-more-btn-hero {
    background: linear-gradient(135deg, rgba(230,126,34,0.12) 0%, rgba(0,0,0,0) 100%), #242424;
    color: #ffffff;
    padding: 12px 34px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid rgba(230,126,34,0.45);
    cursor: pointer;
    transition: all 0.22s ease;
    box-shadow: 0 8px 30px rgba(0,0,0,0.7), 0 0 16px rgba(230,126,34,0.35);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.load-more-btn-hero:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 50px rgba(0,0,0,0.8), 0 0 26px rgba(230,126,34,0.55);
    border-color: #e67e22;
}

.load-more-btn-hero:active { transform: translateY(-1px); }
.load-more-btn-hero.hidden { display: none; }

.load-more-btn-hero i {
    font-size: 16px;
    transition: transform 0.2s ease;
}
.load-more-btn-hero:hover i { transform: translateY(3px); }


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
    .blog-grid-hero {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 18px;
    }
}

@media (max-width: 768px) {
    .blog-page-hero        { padding: 20px 0 10px; }
    .blog-grid-hero        { grid-template-columns: 1fr; gap: 16px; }
    .blog-image-container-hero { height: 195px; }
    .load-more-btn-hero    { padding: 11px 26px; font-size: 13px; }
}

@media (max-width: 480px) {
    .blog-content-hero  { padding: 14px 15px 16px; }
    .blog-title-hero    { font-size: 15px; }
    .blog-summary-hero  { font-size: 12px; }

    .blog-meta-top {
        flex-wrap: nowrap;
        align-items: center;
        gap: 6px;
    }

    .blog-meta-top .blog-author-line {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    .blog-meta-top .blog-author-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 90px;
    }

    .blog-meta-top .blog-date-hero {
        flex: 0 0 auto;
        white-space: nowrap;
        font-size: 11px;
    }
}

/* ============================================================
   FADE-IN ANİMASYONU
   ============================================================ */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0);    }
}

/* === BREADCRUMB TEK SATIR + YANA KAYDIRILABİLİR === */
.breadcrumb-nav {
    overflow: visible !important;
}

.breadcrumb-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
    scrollbar-width: none;
}
.breadcrumb-list::-webkit-scrollbar {
    display: none;
}

.breadcrumb-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

@media (max-width: 768px) {

  /* Başlık boyutunu makul yap */
  .haber-detail-page .main-content .main-title {
    font-size: 26px !important;
    line-height: 1.28 !important;
    margin-bottom: 10px !important;
  }

  /* META bloğu boşluk */
  .haber-detail-page .main-content .meta-horizontal {
    margin-bottom: 6px !important;
  }

  /* Resmi yukarı çek */
  .haber-detail-page .main-content .featured-image {
    margin-top: 2px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    background: none !important;
  }

  .haber-detail-page .main-content .featured-image .hero-img {
    width: 100% !important;
    height: auto !important;
    max-height: 260px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }
}

/* === HABER DETAY – TEMEL TİPOGRAFİ OVERRIDE === */
.haber-detail-page {
  --article-font-size: 15.5px;
}

.haber-detail-page .post-content-card {
  background: var(--bg-section) !important;
  border: 1px solid rgba(255,255,255,0.03) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35) !important;
  padding: 26px 18px !important;
  line-height: 1.7;
}

.haber-detail-page h1.main-title {
  font-size: clamp(26px, 4.4vw, 38px) !important;
  line-height: 1.28 !important;
  margin-bottom: 14px !important;
}

.haber-detail-page .post-content-card p,
#article-content p {
  font-size: var(--article-font-size) !important;
  line-height: 1.75 !important;
  margin: 0 0 20px 0 !important;
  color: #d1d5db;
  letter-spacing: 0.01em;
  text-align: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
}

.haber-detail-page .post-content-card h2 {
  margin: 32px 0 14px 0 !important;
  padding-bottom: 10px;
}
.haber-detail-page .post-content-card h3 {
  margin: 24px 0 12px 0 !important;
}

.haber-detail-page .post-content-card ul,
.haber-detail-page .post-content-card ol,
#article-content ul,
#article-content ol {
  margin: 0 0 22px 0 !important;
  padding: 0 0 0 22px !important;
}

.haber-detail-page .post-content-card ul li,
.haber-detail-page .post-content-card ol li,
#article-content ul li,
#article-content ol li {
  margin: 0 0 10px 0 !important;
  padding-left: 6px !important;
  font-size: var(--article-font-size) !important;
  line-height: 1.7 !important;
}

/* === BLOCKQUOTE === */
.haber-detail-page .post-content-card blockquote,
#article-content blockquote {
  position: relative;
  margin: 20px 0 !important;
  padding: 14px 18px !important;
  border-left: 3px solid #f59e0b !important;
  background: #0b0f16 !important;
  color: #e5e7eb !important;
  font-style: normal !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.haber-detail-page .post-content-card blockquote p,
#article-content blockquote p {
  margin: 0 !important;
  font-size: var(--article-font-size) !important;
  line-height: 1.75 !important;
}

.haber-detail-page .post-content-card blockquote::before,
#article-content blockquote::before {
  content: "" !important;
}

/* === INLINE GÖRSELLER === */
.haber-detail-page .post-content-card img,
#article-content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 22px auto !important;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  object-fit: cover;
  max-height: 420px;
}

.haber-detail-page .post-content-card img:hover,
#article-content img:hover {
  transform: scale(1.01);
  box-shadow: 0 10px 26px rgba(0,0,0,0.7);
}

@media (max-width: 768px) {
  .haber-detail-page .post-content-card img,
  #article-content img {
    margin: 18px auto !important;
    max-height: 260px;
  }
}

/* === HERO GÖRSEL === */
.haber-detail-page .featured-image {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 16px 0 20px;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.55);
}

.haber-detail-page .featured-image img.hero-img {
    position: static !important;
    inset: auto !important;
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center;
    border-radius: 10px;
    background: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.haber-detail-page .featured-image img.hero-img:hover {
    transform: scale(1.01);
    box-shadow: 0 10px 26px rgba(0,0,0,0.7);
}

.haber-detail-page .featured-image img.hero-img[src=""],
.haber-detail-page .featured-image img[src=""] {
    display: none !important;
}

@media (max-width: 768px) {
    .haber-detail-page .featured-image {
        margin: 10px 0 14px;
        border-radius: 8px;
        box-shadow: 0 4px 14px rgba(0,0,0,0.6);
    }
    .haber-detail-page .featured-image img.hero-img {
        border-radius: 8px;
    }
}

/* === TÜM HABERLERİ GÖRÜNTÜLE BUTONU === */
.view-all-cta {
    text-align: center;
    margin: 40px 0;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
    color: white;
    text-decoration: none;
}

.view-all-btn i {
    transition: transform 0.3s ease;
}

.view-all-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 768px) {
    .view-all-btn {
        padding: 14px 24px;
        font-size: 14px;
    }
}

/* ============================================================
   FİNANSMERKEZİ EK DÜZELTMELER
   ============================================================ */

/* DESKTOP — 4 kutu eşit genişlik, tek satır */
@media (min-width: 769px) {
  .meta-horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .meta-horizontal .meta-box {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
  }

  .meta-horizontal .meta-box .value {
    font-size: 13px !important;
    white-space: normal !important;
  }
}

/* MOBİL — 2x2 grid */
@media (max-width: 768px) {
  .meta-horizontal {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .meta-horizontal .meta-box {
    display: flex !important;
    flex: unset !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    grid-column: auto !important;
  }

  .meta-horizontal .meta-box:nth-child(3) {
    grid-column: auto !important;
  }

  .meta-horizontal .meta-box .icon {
    font-size: 15px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 6px !important;
  }

  .meta-horizontal .meta-box .content .label {
    display: block !important;
    font-size: 10px !important;
  }

  .meta-horizontal .meta-box .value,
  .meta-horizontal .meta-box .value time {
    font-size: 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 400px) {
  .meta-horizontal {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* TARİH + SAAT iki satır */
.meta-box .value time {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.meta-box .value .meta-date {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.3;
}
.meta-box .value .meta-time {
  font-size: 12px;
  font-weight: 700;
  color: rgba(255,255,255,0.8);
  line-height: 1.3;
}

/* DESKTOP — içerik tam genişlik */
@media (min-width: 980px) {
  .haber-detail-page .post-content-card {
    max-width: 100% !important;
    padding: 36px 44px !important;
  }
  .haber-detail-page .post-content-card p,
  #article-content p {
    font-size: 16px !important;
    line-height: 1.85 !important;
  }
}
/* BREADCRUMB aktif ellipsis */
.breadcrumb-item.active {
  max-width: 280px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
@media (max-width: 480px) {
  .breadcrumb-item.active { max-width: 180px !important; }
}

/* Sidebar saat bold */
.haber-detail-page .news-time-right {
  font-weight: 600 !important;
  color: rgba(255,255,255,0.8) !important;
}

/* =========================================
   ANASAYFA SIDEBAR: EN ÇOK YÜKSELEN / DÜŞEN
   ========================================= */
.sidebar-widget.perf-module .perf-subtitle {
    margin-top: 8px;
    color: var(--text-tertiary, #6b6b6b);
    font-size: 12px;
    line-height: 1.35;
}

.sidebar-widget.perf-module .perf-grid {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    min-width: 0;
}

.sidebar-widget.perf-module .perf-col-title {
    font-weight: 900;
    color: var(--text-primary, #fff);
    margin-bottom: 10px;
    font-size: 13px;
}

.sidebar-widget.perf-module .perf-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar-widget.perf-module .perf-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 10px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
    text-decoration: none;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

.sidebar-widget.perf-module .perf-item:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.14);
}

.sidebar-widget.perf-module .perf-left {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.sidebar-widget.perf-module .perf-kod {
    font-weight: 900;
    letter-spacing: 0.3px;
    color: #f59e42;
    font-size: 14px;
    line-height: 1.1;
}

.sidebar-widget.perf-module .perf-fiyat {
    color: var(--text-secondary, #a8a8a8);
    font-weight: 700;
    font-size: 12px;
    line-height: 1.1;
}

.sidebar-widget.perf-module .perf-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.sidebar-widget.perf-module .perf-pct {
    font-weight: 900;
    font-size: 13px;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
}
.sidebar-widget.perf-module .perf-pct.up   { color: #00d084; }
.sidebar-widget.perf-module .perf-pct.down { color: #ff4757; }

.sidebar-widget.perf-module .perf-note {
    margin-top: 10px;
    color: var(--text-tertiary, #6b6b6b);
    font-size: 11px;
    line-height: 1.35;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding-top: 8px;
}

.sidebar-widget.perf-module .perf-more-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 14px;
    text-decoration: none;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,159,28,0.35);
    color: var(--text-primary, #fff);
    font-weight: 900;
    font-size: 13px;
    transition: transform .15s ease, background .15s ease;
}
.sidebar-widget.perf-module .perf-more-btn:hover {
    transform: translateY(-1px);
    background: rgba(255,159,28,0.06);
}
.sidebar-widget.perf-module .perf-more-arrow {
    font-size: 18px;
    color: rgba(255,159,28,0.95);
}

@media (max-width: 480px) {
    .sidebar-widget.perf-module .perf-grid {
        grid-template-columns: 1fr;
    }
}
.date-updated-label {
    color: #f39c12;
    font-size: 11px;
    font-weight: 600;
    margin-right: 3px;
}
.category-badge.altin-yorum {
    background: linear-gradient(135deg, #f5a623, #f0c040);
    color: #1a1200;
}
.category-badge.doviz-yorum {
    background: #1a6fc4;
    color: #fff;
}
/* === Mobil taşma düzeltmeleri === */

.main-content,
.sidebar,
.post-content-card,
.meta-horizontal,
.share-buttons,
.ilgi-grid,
.widget-content,
.news-item,
.news-content,
.featured-image,
.hero-img {
  min-width: 0 !important;
  max-width: 100% !important;
}

#article-content img,
#article-content iframe,
#article-content video {
  max-width: 100% !important;
  height: auto !important;
}


/* ================================================
   finansmerkezi.css — PERFORMANS YAMASI
   Bu kuralları finansmerkezi.css'in EN SONUNA ekleyin.
   Mevcut kuralları override eder.
   ================================================ */

/* 1. will-change — sadece hover'da aktif et, her zaman değil
      Mobilde GPU belleğini gereksiz tüketiyordu */
.rate-box,
.commodity-box,
.blog-card-hero,
.news-card,
.sidebar-calc-card,
.ilgi-item-modern,
.news-item {
    will-change: auto;
}
.rate-box:hover,
.commodity-box:hover,
.blog-card-hero:hover,
.news-card:hover,
.sidebar-calc-card:hover,
.ilgi-item-modern:hover,
.news-item:hover {
    will-change: transform;
}

/* 2. Sosyal paylaşım butonu kayma animasyonu kaldırıldı
      Her buton için GPU layer oluşturuyordu */
.social-share .share-btn::before {
    display: none;
}
.social-share .share-btn span {
    position: static;
    z-index: auto;
}

/* 3. price-bar-top mobil kaydırma — iOS momentum scroll */
@media (max-width: 1023px) {
    .price-bar-top {
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }
    .mini-asset {
        scroll-snap-align: start;
    }
}

/* 4. Blog card animasyonu — prefers-reduced-motion dışında kıs
      Uzun liste sayfalarında 20+ kart aynı anda animate oluyordu */
@media (prefers-reduced-motion: no-preference) {
    .blog-card-hero.visible {
        animation: fadeIn 0.4s ease forwards;
    }
}
@media (prefers-reduced-motion: reduce) {
    .blog-card-hero.visible {
        animation: none;
        opacity: 1;
        transform: none;
    }
}

/* 5. latest-news-section gradient animasyonu kapat —
      Sürekli dönen gradient mobilde pil tüketiyor */
@media (prefers-reduced-motion: reduce) {
    .latest-news-section::before {
        animation: none;
    }
}
@media (max-width: 1023px) {
    .latest-news-section::before {
        animation: none;
        background: linear-gradient(90deg, #e67e22, #d35400);
    }
}

/* 6. loading-skeleton animasyonu — sadece gerçekten lazım olunca */
.loading-skeleton {
    animation: skeleton-loading 1.5s infinite;
}
@media (prefers-reduced-motion: reduce) {
    .loading-skeleton {
        animation: none;
        background: #1e2738;
    }
}

/* 7. Haber detay TOC max-height artırıldı — mobilde scroll zorlamasın */
@media (max-width: 768px) {
    .haber-detail-page #toc-content {
        max-height: none;
        overflow-y: visible;
    }
}


/* 9. Haber detay sayfasındaki sosyal paylaşım butonları mobilde
      daha iyi dokunma hedefi (min 44px yükseklik) */
@media (max-width: 480px) {
    .social-share .share-btn {
        min-height: 44px;
        padding: 12px 16px;
        justify-content: center;
    }
}

/* 10. Lightbox görsel — eager değil, responsive */
.lightbox img {
    max-width: min(90vw, 1200px);
    max-height: 90vh;
    width: auto;
    height: auto;
}

/* ================================================================
   YATAY KAYDIRMA VE TABLO/GÖRSEL TAŞMA ENGELLEYİCİ FİX (GÜNCELLENDİ)
   ================================================================ */
/* Görsel fix'i her ekranda çalışsın, dışarı taşmaları önlesin */
#article-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* Tablo fix'i SADECE mobilde (768px ve altı) çalışsın, masaüstünü bozmasın */
@media (max-width: 768px) {
    #article-content table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        width: 100% !important;
    }
}
/* =============================================
   HEADER YENİ STİLLER — finansmerkezi.css'e ekle
   (mevcut kuralların üzerine yazar)
   ============================================= */

/* ---- DESKTOP: Sağ auth butonları ---- */
.desktop-auth-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.auth-btn {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .18s ease;
    white-space: nowrap;
    line-height: 1;
}

.auth-btn--login {
    background: transparent;
    border: 1px solid var(--line-color);
    color: var(--text-primary);
}
.auth-btn--login:hover {
    background: var(--surface-card-alt);
    border-color: rgba(255,255,255,0.2);
    color: var(--text-primary);
    text-decoration: none;
}

.auth-btn--register {
    background: linear-gradient(135deg, var(--accent-brand-start) 0%, var(--accent-brand-end) 100%);
    border: 1px solid transparent;
    color: #fff;
}
.auth-btn--register:hover {
    opacity: .9;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(230,126,34,0.4);
}

/* ---- DESKTOP nav bar — hamburger kaldırıldı ---- */
.market-bar {
    /* collapsed class artık kullanılmıyor, her zaman göster */
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px;
    min-height: 44px;
    background: var(--bg-section-darker);
    border-top: 1px solid var(--line-color);
    position: relative;
    color: var(--text-primary);
}

/* Desktop'ta user-area-desktop gizli — sağ üstte auth btns var */
@media (min-width: 1024px) {
    .market-bar .user-area-desktop { display: none !important; }
    .market-bar { overflow: visible; }
}

/* =============================================
   MOBİL BOTTOM TAB BAR
   ============================================= */
.mob-tab-bar {
    display: none; /* varsayılan gizli, mobilde gösterilir */
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9998;
    background: var(--bg-header-inner);
    border-top: 1px solid var(--line-color);
    padding: 6px 0 max(6px, env(safe-area-inset-bottom));
    box-shadow: 0 -4px 20px rgba(0,0,0,0.5);
    transition: transform .25s ease;
}

.mob-tab-bar--hidden {
    transform: translateY(100%);
}

.mob-tab-bar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.mob-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 4px;
    background: none;
    border: none;
    color: #6b7280;
    text-decoration: none;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.mob-tab svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform .15s ease;
}

.mob-tab:active svg {
    transform: scale(.9);
}

.mob-tab--active {
    color: var(--accent-brand-start) !important;
}

.mob-tab--more {
    color: #6b7280;
}

/* =============================================
   BOTTOM SHEET OVERLAY
   ============================================= */
.bs-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,0);
    transition: background .3s ease;
    pointer-events: none;
}

.bs-overlay--visible {
    display: block;
    background: rgba(0,0,0,.65);
    pointer-events: all;
    backdrop-filter: blur(2px);
}

/* =============================================
   BOTTOM SHEET PANEL
   ============================================= */
.bs-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: var(--bg-header-inner);
    border-radius: 20px 20px 0 0;
    border-top: 1px solid var(--line-color);
    box-shadow: 0 -8px 40px rgba(0,0,0,.7);
    transform: translateY(100%);
    transition: transform .32s cubic-bezier(.32,1,.6,1);
    max-height: 88vh;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: max(16px, env(safe-area-inset-bottom));
    scrollbar-width: none;
}
.bs-panel::-webkit-scrollbar { display: none; }

.bs-panel--open {
    transform: translateY(0);
}

/* drag handle */
.bs-handle-wrap {
    display: flex;
    justify-content: center;
    padding: 12px 0 4px;
    cursor: grab;
    touch-action: none;
}
.bs-handle-wrap:active { cursor: grabbing; }

.bs-handle {
    width: 40px;
    height: 4px;
    background: rgba(255,255,255,.2);
    border-radius: 2px;
}

/* header */
.bs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px 14px;
    border-bottom: 1px solid var(--line-color);
}

.bs-header-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: .3px;
}

.bs-close {
    background: var(--surface-card);
    border: 1px solid var(--line-color);
    color: var(--text-muted);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s;
}
.bs-close:hover { background: var(--surface-card-alt); }

/* kullanıcı alanı */
.bs-user-section {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line-color);
}

.bs-auth-row {
    display: flex;
    gap: 10px;
}

.bs-auth-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
}

.bs-auth-btn--login {
    background: var(--surface-card);
    border: 1px solid var(--line-color);
    color: var(--text-primary);
}
.bs-auth-btn--login:hover {
    background: var(--surface-card-alt);
    color: var(--text-primary);
    text-decoration: none;
}

.bs-auth-btn--register {
    background: linear-gradient(135deg, var(--accent-brand-start), var(--accent-brand-end));
    border: 1px solid transparent;
    color: #fff;
}
.bs-auth-btn--register:hover {
    opacity: .92;
    color: #fff;
    text-decoration: none;
}

.bs-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    padding: 4px 0;
}
.bs-user-row:hover { text-decoration: none; }

.bs-user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bs-user-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bs-user-name {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary);
}

.bs-user-sub {
    font-size: 12px;
    color: var(--text-muted);
}

/* menü grid */
.bs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 16px;
}

.bs-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 8px;
    background: var(--surface-card);
    border: 1px solid var(--line-color);
    border-radius: 12px;
    text-decoration: none;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    transition: all .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.bs-item:hover, .bs-item:active {
    background: var(--surface-card-alt);
    border-color: var(--accent-brand-start);
    color: var(--text-primary);
    text-decoration: none;
    transform: scale(.97);
}

.bs-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ikon renk varyantları */
.bs-icon--amber  { background: rgba(245,158,11,.15); color: #f59e0b; }
.bs-icon--blue   { background: rgba(59,130,246,.15);  color: #60a5fa; }
.bs-icon--orange { background: rgba(249,115,22,.15);  color: #fb923c; }
.bs-icon--gold   { background: rgba(251,191,36,.15);  color: #fbbf24; }
.bs-icon--green  { background: rgba(34,197,94,.15);   color: #34d399; }
.bs-icon--purple { background: rgba(167,139,250,.15); color: #a78bfa; }
.bs-icon--red    { background: rgba(248,113,113,.15); color: #f87171; }
.bs-icon--teal   { background: rgba(45,212,191,.15);  color: #2dd4bf; }
.bs-icon--gray   { background: rgba(156,163,175,.15); color: #9ca3af; }

/* body scroll lock */
body.bs-open {
    overflow: hidden;
    touch-action: none;
}

/* =============================================
   MOBİL RESPONSIVE OVERRIDES
   ============================================= */
@media (max-width: 1023px) {

    /* tab bar göster */
    .mob-tab-bar {
        display: grid;
    }

    /* sayfa içeriği tab bar'ın üstünde kalsın */
    body {
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }

    /* header'da hamburger + mobile login wrapper artık yok */
    .hamburger-btn { display: none !important; }
    .mobile-login-wrapper { display: none !important; }

    /* right-side-top mobilde gizli (tab bar'da halledildi) */
    .right-side-top { display: none !important; }

    /* header-top mobil düzeni koru */
    .header-top {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 14px 12px 8px;
    }

    .brand-block {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .price-bar-top {
        flex-basis: 100%;
        margin: 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        padding: 0 0 10px;
        justify-content: flex-start;
        gap: 8px;
    }
    .price-bar-top::-webkit-scrollbar { display: none; }

    /* desktop nav bar mobilde gizli */
    .market-bar {
        display: none !important;
    }

    /* desktop auth butonları mobilde gizli */
    .desktop-auth-btns { display: none !important; }
    .usernav-split { display: none !important; }
}

@media (min-width: 1024px) {
    /* tab bar ve bottom sheet desktop'ta gizli */
    .mob-tab-bar { display: none !important; }
    .bs-panel { display: none !important; }
    .bs-overlay { display: none !important; }
    body.bs-open { overflow: auto !important; }

    /* padding-bottom sıfırla */
    body { padding-bottom: 0; }
}
/* =============================================
   HEADER YENİ STİLLER — finansmerkezi.css SONU
   Eski .desktop-auth-btns, .usernav-split,
   .hamburger-btn ve .market-bar nav satırlarının
   yerini alır. Mevcut dosyanın EN SONUNA ekle.
   =============================================

   DEĞİŞTİRİLEN BÖLÜMLER:
   1. .right-side-top      → flex, gap, overflow:visible
   2. .hdr-icon-btn        → ham + profil ikonları
   3. .hdr-btn-divider     → iki ikon arası ince çizgi
   4. .hdr-ham-btn         → 3 çizgi + X animasyonu
   5. .hdr-profile-btn     → yuvarlak profil ikonu
   6. .hdr-avatar-letter   → giriş sonrası baş harf
   7. .hdr-flyout          → ortak flyout panel
   8. .hdr-nav-flyout      → navigasyon flyout (ham)
   9. .hdr-profile-flyout  → hesap flyout (profil)
  10. .market-bar          → artık gizli (nav flyout'a taşındı)
  11. Desktop/mobil media  → güncel breakpoint kuralları
   ============================================= */

/* -----------------------------------------------
   1. Sağ alan kapsayıcısı
   ----------------------------------------------- */
.right-side-top {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: nowrap;
    position: relative;
    flex-shrink: 0;
}

/* -----------------------------------------------
   2. Ortak ikon buton tabanı
   ----------------------------------------------- */
.hdr-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--surface-card);
    border: 1px solid var(--line-color);
    color: var(--text-primary);
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
}
.hdr-icon-btn:hover {
    background: var(--surface-card-alt);
    border-color: rgba(255,255,255,.18);
}
.hdr-icon-btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* -----------------------------------------------
   3. İki ikon arası ince dikey çizgi
   ----------------------------------------------- */
.hdr-btn-divider {
    width: 1px;
    height: 20px;
    background: var(--line-color);
    margin: 0 6px;
    flex-shrink: 0;
}

/* -----------------------------------------------
   4. Hamburger — 3 çizgi + X animasyonu
   ----------------------------------------------- */
.hdr-ham-btn {
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}
.ham-line {
    display: block;
    width: 16px;
    height: 1.5px;
    background: var(--text-primary);
    border-radius: 2px;
    transition: transform .2s ease, opacity .2s ease;
    transform-origin: center;
}
/* X durumu */
.hdr-ham-btn--open .ham-line:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.hdr-ham-btn--open .ham-line:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hdr-ham-btn--open .ham-line:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* -----------------------------------------------
   5. Profil ikonu — yuvarlak
   ----------------------------------------------- */
.hdr-profile-btn {
    border-radius: 50%;
}
.hdr-profile-btn svg {
    width: 17px;
    height: 17px;
}

/* -----------------------------------------------
   6. Giriş sonrası baş harf avatarı
   ----------------------------------------------- */
.hdr-avatar-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

/* -----------------------------------------------
   7. Ortak flyout panel
   ----------------------------------------------- */
.hdr-flyout {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 99999;
    background: var(--bg-section-dark, #1a1a1a);
    border: 0.5px solid var(--line-color);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0,0,0,.7);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility 0s .18s;
}
.hdr-flyout--open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    transition: opacity .18s ease, transform .18s ease, visibility 0s 0s;
}

/* -----------------------------------------------
   8. Nav flyout (hamburger)
   ----------------------------------------------- */
.hdr-nav-flyout {
    width: 296px;
    padding: 10px;
    /* Nav flyout ham butonun solunda bitsin */
    right: 48px; /* profil + divider genişliği */
}
.hdr-flyout-label {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-dim, #6b6b6b);
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 4px 6px 8px;
}
.hdr-flyout-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}
.hdr-fly-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 11px 6px;
    border-radius: 10px;
    text-decoration: none;
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    transition: background .12s ease, color .12s ease;
}
.hdr-fly-item:hover {
    background: rgba(255,255,255,.05);
    color: var(--text-primary);
    text-decoration: none;
}
.hdr-fly-item--active {
    color: var(--accent-brand-start);
}
.hdr-fly-item--active .hdr-fly-icon {
    border-color: rgba(230,126,34,.3);
}
.hdr-fly-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    flex-shrink: 0;
    transition: transform .12s ease;
}
.hdr-fly-item:hover .hdr-fly-icon { transform: scale(1.08); }
.hdr-fly-icon svg { width: 17px; height: 17px; }

/* ikon renk varyantları (nav flyout) */
.hdr-fi--amber  { background: rgba(245,158,11,.12);  color: #f59e0b; }
.hdr-fi--blue   { background: rgba(59,130,246,.12);  color: #60a5fa; }
.hdr-fi--orange { background: rgba(249,115,22,.12);  color: #fb923c; }
.hdr-fi--gold   { background: rgba(251,191,36,.12);  color: #fbbf24; }
.hdr-fi--green  { background: rgba(34,197,94,.12);   color: #34d399; }
.hdr-fi--purple { background: rgba(167,139,250,.12); color: #a78bfa; }
.hdr-fi--red    { background: rgba(248,113,113,.12); color: #f87171; }
.hdr-fi--teal   { background: rgba(45,212,191,.12);  color: #2dd4bf; }

/* -----------------------------------------------
   9. Profil flyout (profil ikonu)
   ----------------------------------------------- */
.hdr-profile-flyout {
    width: 220px;
    right: 0;
    overflow: hidden;
}

/* Giriş yapmamış */
.hdr-pf-guest {
    padding: 14px 14px 10px;
    border-bottom: 0.5px solid var(--line-color);
}
.hdr-pf-hint {
    font-size: 11px;
    color: var(--text-dim, #6b6b6b);
    margin-bottom: 10px;
}
.hdr-pf-btn {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    margin-bottom: 7px;
    transition: opacity .15s, transform .1s;
}
.hdr-pf-btn:last-child { margin-bottom: 0; }
.hdr-pf-btn--login {
    background: transparent;
    border: 0.5px solid var(--line-color);
    color: var(--text-primary);
}
.hdr-pf-btn--login:hover { background: var(--surface-card-alt); text-decoration: none; color: var(--text-primary); }
.hdr-pf-btn--register {
    background: linear-gradient(135deg, var(--accent-brand-start), var(--accent-brand-end));
    border: none;
    color: #fff;
}
.hdr-pf-btn--register:hover { opacity: .9; text-decoration: none; color: #fff; transform: translateY(-1px); }

/* Giriş yapmış — kullanıcı satırı */
.hdr-pf-user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    text-decoration: none;
    border-bottom: 0.5px solid var(--line-color);
    transition: background .12s;
}
.hdr-pf-user:hover { background: rgba(255,255,255,.03); text-decoration: none; }
.hdr-pf-avatar {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hdr-pf-userinfo {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.hdr-pf-username {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hdr-pf-usersub {
    font-size: 11px;
    color: var(--text-dim, #6b6b6b);
}

/* Linkler listesi */
.hdr-pf-links {
    padding: 6px;
}
.hdr-pf-link {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    transition: background .12s, color .12s;
}
.hdr-pf-link:hover {
    background: rgba(255,255,255,.05);
    color: var(--text-primary);
    text-decoration: none;
}
.hdr-pf-link svg { width: 14px; height: 14px; flex-shrink: 0; }
.hdr-pf-link--danger { color: #f87171; }
.hdr-pf-link--danger:hover { background: rgba(248,113,113,.08); color: #fca5a5; }

/* -----------------------------------------------
   10. .market-bar artık gizli desktop'ta
       (nav linkleri flyout'a taşındı)
   ----------------------------------------------- */
@media (min-width: 1024px) {
    .market-bar { display: none !important; }

    /* Eski auth buton kurallarını sıfırla */
    .desktop-auth-btns { display: none !important; }
    .usernav-split      { display: none !important; }

    /* right-side-top her zaman görünür */
    .right-side-top { display: flex !important; }
}

/* -----------------------------------------------
   11. Mobil — right-side-top gizli (tab bar devralır)
   ----------------------------------------------- */
@media (max-width: 1023px) {
    .right-side-top        { display: none !important; }
    .hdr-flyout            { display: none !important; }
    .market-bar            { display: none !important; }
    .desktop-auth-btns     { display: none !important; }
    .usernav-split         { display: none !important; }
    .hamburger-btn         { display: none !important; }
    .mobile-login-wrapper  { display: none !important; }
}
/* =============================================
   NAV BAR — desktop her zaman görünür
   ============================================= */
@media (min-width: 1024px) {
    .market-bar {
        display: flex !important;
        padding: 0 24px;
        min-height: 44px;
        overflow-x: auto;
        scrollbar-width: none;
        flex-wrap: nowrap;
        gap: 0;
        justify-content: flex-start;
    }
    .market-bar::-webkit-scrollbar { display: none; }
}

.main-menu {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
}

.menu-link {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    text-decoration: none;
    line-height: 1;
    padding: 0 14px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: color .15s;
    border-bottom: 2px solid transparent;
    flex-shrink: 0;
}
.menu-link:hover {
    color: var(--text-primary);
    text-decoration: none;
}
.menu-link.active {
    color: #60a5fa;
    border-bottom-color: #60a5fa;
}
.menu-link.active::after,
.menu-link:hover::after {
    content: none;
}
.price-bar-top {
    margin-left: auto;
    flex: 0 1 auto;
}
.menu-link:hover {
    color: var(--text-primary);
    text-decoration: none;
    background: rgba(255,255,255,0.05);
    border-radius: 6px;
}
.bist-icon { background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%); font-size: 10px; font-weight: 800; }
/* ============================================================
   ANLIKDOVIZ.CO MASTER DESIGN SYSTEM - v12.2 (TAM SÜRÜM)
   ============================================================ */

/* 1. ANA KONTEYNER VE MODERN YAZI TİPİ */
.v12-f-rapor {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    line-height: 1.75 !important;
    color: #cbd5e1 !important;
    max-width: 1000px !important;
    margin: 30px auto !important;
    -webkit-font-smoothing: antialiased;
}

/* 2. BAŞLIKLAR (KESİN ÇİZGİSİZ VE SADE YAPI) */
.v12-f-rapor h2, .v12-f-rapor h3 { 
    border: none !important; 
    border-bottom: none !important; 
    border-left: none !important; 
    padding: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    line-height: 1.3 !important;
}
.v12-f-rapor h2 { 
    color: #ffffff !important; 
    font-size: 26px !important; 
    font-weight: 800 !important; 
    margin: 45px 0 20px 0 !important; 
    letter-spacing: -0.02em !important; 
}
.v12-f-rapor h3 { 
    color: #fbbf24 !important; 
    font-size: 19px !important; 
    font-weight: 700 !important; 
    margin: 30px 0 15px 0 !important; 
    text-transform: uppercase !important; 
    letter-spacing: 0.05em !important; 
}

/* 3. PARAGRAFLAR VE ÖZEL VURGULAR */
.v12-f-rapor p { margin-bottom: 22px !important; font-size: 16.5px !important; line-height: 1.8 !important; }
.v12-bold { color: #ffffff !important; font-weight: 700 !important; }

/* 4. ANALİZ VE İÇERİDEN BİLGİ KUTULARI (İSTEDİĞİN FERAH MAVİ TON) */
.v12-analiz-box, .insider-box { 
    background: rgba(59, 130, 246, 0.08) !important; /* Hafif transparan mavi */
    border-left: 5px solid #3b82f6 !important; 
    border-radius: 0 12px 12px 0 !important; 
    padding: 24px 30px !important; 
    margin: 35px 0 !important; 
    position: relative !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
}
.insider-box-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.insider-icon-wrap { background: #3b82f6 !important; color: #ffffff !important; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }

/* 5. BORSA RAPORU: İNDEKS PANELİ (DATA HERO) */
.v12-data-hero {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 14px !important;
    padding: 35px 20px !important;
    margin: 30px 0 40px 0 !important;
    text-align: center !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3) !important;
}
.v12-val { font-size: 52px !important; font-weight: 900 !important; color: #ffffff !important; margin: 0 !important; letter-spacing: -0.03em !important; }
.v12-pct { font-size: 20px !important; font-weight: 700 !important; margin-top: 10px !important; display: block !important; }

/* 6. HİSSE VE ARACI KURUM KARTLARI (ETKİLEŞİMLİ) */
.v12-comparison-grid, .v12-broker-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin: 30px 0 !important; }
.v12-stock-sub-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }

.v12-btn-stock, .v12-broker-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.v12-btn-stock:hover { 
    border-color: #4ade80 !important; /* Canlı yeşil vurgu */
    background: #243147 !important; 
    transform: translateY(-4px) !important; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.4) !important; 
}

.v12-t { font-weight: 800; color: #ffffff; font-size: 15px; margin-bottom: 2px; }
.v12-p { font-size: 11px; color: #94a3b8; }
.v12-c { font-size: 13px; font-weight: 700; margin-top: 5px; }

.v12-b-head { border-bottom: 1px solid #334155 !important; padding-bottom: 12px; margin-bottom: 15px; font-weight: 800; color: #fbbf24; text-transform: uppercase; font-size: 13px; }
.v12-b-row { display: flex !important; justify-content: space-between !important; margin-bottom: 10px; font-size: 15px; }

/* 7. MAKALE KARTLARI (RENKLİ ÜST ÇİZGİLİ) */
.v12-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 20px !important; margin: 35px 0 !important; }
.v12-card { padding: 25px !important; border-radius: 14px !important; border: 1px solid #334155 !important; background: #1e293b !important; position: relative !important; overflow: hidden !important; transition: all 0.3s ease !important; }
.v12-card:hover { transform: translateY(-5px) !important; border-color: #475569 !important; }
.v12-card::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 5px !important; }

/* Kart Renk Vurguları */
.v12-blue::before { background: #3b82f6 !important; }
.v12-green::before { background: #10b981 !important; }
.v12-orange::before { background: #f59e0b !important; }
.v12-red::before { background: #ef4444 !important; }

/* 8. YUKARI/AŞAĞI RENKLERİ */
.c-up { color: #4ade80 !important; }
.c-down { color: #f87171 !important; }

/* MOBİL AYARLAR */
@media (max-width: 768px) {
    .v12-comparison-grid, .v12-stock-sub-grid, .v12-grid, .v12-broker-grid { grid-template-columns: 1fr !important; }
    .v12-val { font-size: 38px !important; }
}
/* ============================================================
   ANLIKDOVIZ.CO TEMA SEÇİCİ - KOYU / GÖZ YORMAYAN AYDINLIK
   Bu bloğu style.css dosyasının EN SONUNA ekle.
   Varsayılan tema koyu kalır. Aydınlık tema: html[data-theme="light"]
   ============================================================ */

html {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;

  /* Marka renkleri aynı kalsın; sadece zemin/metin/yüzey yumuşatıldı */
  --primary: #1e6c98;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #d97706;
  --info: #2563eb;
  --dark: #26313f;
  --light: #f3efe6;

  /* Göz yormayan kırık beyaz / sıcak gri palet */
  --bg-page: #eee8dc;
  --bg-header-shell: #e7dece;
  --bg-header-inner: #f3eadc;
  --bg-section-dark: #e4d9c8;
  --bg-section-darker: #d8ccb9;
  --bg-section: #f2eadf;
  --bg-section-alt: #e8dece;
  --bg-header-block: #ebe1d2;

  --line-color: rgba(92,72,47,0.16);
  --line-color-soft: rgba(92,72,47,0.10);
  --line-soft: rgba(92,72,47,0.14);
  --line-softer: rgba(92,72,47,0.08);
  --border-color: rgba(92,72,47,0.16);

  --text-primary: #1f2933;
  --text-secondary: #3f4a54;
  --text-muted: #66717c;
  --text-dim: #8a8175;
  --text-invert: #ffffff;
  --text-strong: #111827;

  --surface-input: #fbf6ec;
  --surface-input-border: rgba(92,72,47,0.22);
  --surface-card: #f7efe3;
  --surface-card-alt: #eee3d3;

  --bg-primary: #eee8dc;
  --bg-secondary: #f3eadc;
  --bg-card: #f8f1e7;
  --bg-card-hover: #eadfce;
  --bg-blue-dark: #dfe8f5;

  --comment-card-bg: #f8f1e7;
  --comment-border: rgba(30,108,152,0.14);

  --accent-positive-bg: rgba(22,163,74,0.12);
  --accent-positive-text: #15803d;
  --accent-negative-bg: rgba(220,38,38,0.11);
  --accent-negative-text: #b91c1c;

  --shadow-sm: 0 2px 8px rgba(61,45,26,0.10);
  --shadow-md: 0 4px 16px rgba(61,45,26,0.13);
  --shadow-lg: 0 12px 32px rgba(61,45,26,0.16);
  --shadow-accent: 0 8px 22px rgba(230,126,34,0.16);
}

html[data-theme="light"] body {
  background: var(--bg-page);
  color: var(--text-primary);
}

html[data-theme="light"] a { color: #1f6f9f; }
html[data-theme="light"] a:hover { color: #155d87; }

/* Header ve genel yüzeyler */
html[data-theme="light"] .site-header-shell,
html[data-theme="light"] .navbar,
html[data-theme="light"] .main,
html[data-theme="light"] .main-inner {
  background: var(--bg-page);
  color: var(--text-primary);
}

html[data-theme="light"] .header-wrapper {
  background: var(--bg-header-inner);
  border-color: var(--line-color);
  box-shadow: 0 18px 36px rgba(61,45,26,0.12);
}

html[data-theme="light"] .header-top,
html[data-theme="light"] .market-bar,
html[data-theme="light"] .subnavbar,
html[data-theme="light"] .widget,
html[data-theme="light"] .sidebar-widget,
html[data-theme="light"] .seans-widget,
html[data-theme="light"] .comments-sidebar,
html[data-theme="light"] .rates-container,
html[data-theme="light"] .hero-header,
html[data-theme="light"] .factors-box {
  background: var(--bg-section);
  border-color: var(--line-color);
  color: var(--text-primary);
  box-shadow: 0 10px 28px rgba(61,45,26,0.10);
}

html[data-theme="light"] .market-bar,
html[data-theme="light"] .navbar .bottom-header {
  background: var(--bg-section-darker);
}

html[data-theme="light"] .mini-asset,
html[data-theme="light"] .rate-box,
html[data-theme="light"] .commodity-box,
html[data-theme="light"] .widget-content,
html[data-theme="light"] .sidebar-widget .widget-content,
html[data-theme="light"] .sidebar-widget .news-item,
html[data-theme="light"] .timeline-content-sidebar,
html[data-theme="light"] .comments-sidebar .comment-card,
html[data-theme="light"] .usernav-split,
html[data-theme="light"] .usernav-mainlink,
html[data-theme="light"] .usernav-caretbtn,
html[data-theme="light"] .usernav-dropdown,
html[data-theme="light"] .mobile-login-dropdown,
html[data-theme="light"] .hamburger-btn,
html[data-theme="light"] .hdr-icon-btn,
html[data-theme="light"] .hdr-flyout {
  background: var(--surface-card);
  border-color: var(--line-color);
  color: var(--text-primary);
  box-shadow: 0 8px 22px rgba(61,45,26,0.10);
}

html[data-theme="light"] .mini-asset:hover,
html[data-theme="light"] .rate-box:hover,
html[data-theme="light"] .commodity-box:hover,
html[data-theme="light"] .sidebar-widget .news-item:hover,
html[data-theme="light"] .usernav-mainlink:hover,
html[data-theme="light"] .usernav-caretbtn:hover,
html[data-theme="light"] .hdr-icon-btn:hover,
html[data-theme="light"] .menu-link:hover {
  background: var(--surface-card-alt);
  border-color: rgba(230,126,34,0.38);
  box-shadow: 0 12px 28px rgba(61,45,26,0.14);
}

html[data-theme="light"] .rates-grid,
html[data-theme="light"] .forex-grid,
html[data-theme="light"] .commodity-grid {
  background: var(--bg-section-alt);
}

html[data-theme="light"] .detail-item,
html[data-theme="light"] .commodity-item {
  background: rgba(255,255,255,0.35);
  border-color: rgba(92,72,47,0.10);
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .tbvSimge input,
html[data-theme="light"] .usernav-login-form input,
html[data-theme="light"] .inline-field input {
  background: var(--surface-input);
  border-color: var(--surface-input-border);
  color: var(--text-primary);
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {
  background: #fffaf1;
  color: var(--text-primary);
  box-shadow: 0 0 0 3px rgba(230,126,34,0.14);
}

html[data-theme="light"] .table,
html[data-theme="light"] .table td,
html[data-theme="light"] .table th {
  background: var(--surface-card);
  color: var(--text-secondary);
  border-color: var(--line-color-soft);
}

html[data-theme="light"] .table thead th,
html[data-theme="light"] .widget-header,
html[data-theme="light"] .sidebar-widget .widget-header {
  background: var(--bg-section-dark);
  color: var(--text-primary);
  border-color: var(--line-color);
}

html[data-theme="light"] .table-striped tbody tr:nth-child(odd) td {
  background: var(--surface-card-alt);
}

/* Sert koyu renk yazılmış bloklar için aydınlık tema düzeltmeleri */
html[data-theme="light"] .latest-news-section {
  background: linear-gradient(145deg, #f3eadc 0%, #e7dece 100%);
  box-shadow: 0 10px 28px rgba(61,45,26,0.12);
}
html[data-theme="light"] .latest-news-header h2 { color: var(--text-primary); }
html[data-theme="light"] .news-card {
  background: linear-gradient(145deg, #fff7ed 0%, #eee3d3 100%);
  border-color: rgba(230,126,34,0.20);
}

html[data-theme="light"] .footer {
  background: linear-gradient(135deg, #ded2bf 0%, #cfc1ad 100%);
  border-top-color: rgba(230,126,34,0.55);
  color: var(--text-primary);
}
html[data-theme="light"] .footer-description,
html[data-theme="light"] .footer-warning,
html[data-theme="light"] .footer-warning p,
html[data-theme="light"] .footer-copyright,
html[data-theme="light"] .footer-nav .nav-group ul li a {
  color: var(--text-secondary);
}
html[data-theme="light"] .footer-bar {
  background: rgba(92,72,47,0.08);
  border-color: rgba(230,126,34,0.22);
}
html[data-theme="light"] .social-link {
  background: rgba(255,255,255,0.32);
}

/* v12 makale / rapor özel sınıfları */
html[data-theme="light"] .v12-f-rapor {
  color: var(--text-secondary) !important;
}
html[data-theme="light"] .v12-f-rapor h2,
html[data-theme="light"] .v12-bold,
html[data-theme="light"] .v12-val,
html[data-theme="light"] .v12-t {
  color: var(--text-primary) !important;
}
html[data-theme="light"] .v12-f-rapor h3,
html[data-theme="light"] .v12-b-head {
  color: #b45309 !important;
}
html[data-theme="light"] .v12-data-hero,
html[data-theme="light"] .v12-btn-stock,
html[data-theme="light"] .v12-broker-card,
html[data-theme="light"] .v12-card {
  background: #f8f1e7 !important;
  border-color: rgba(92,72,47,0.16) !important;
  box-shadow: 0 10px 24px rgba(61,45,26,0.10) !important;
}
html[data-theme="light"] .v12-btn-stock:hover {
  background: #eee3d3 !important;
  box-shadow: 0 12px 28px rgba(61,45,26,0.14) !important;
}
html[data-theme="light"] .v12-p { color: var(--text-muted) !important; }
html[data-theme="light"] .v12-b-head { border-bottom-color: rgba(92,72,47,0.16) !important; }

/* Tema seçici butonu */
.theme-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.theme-toggle-btn {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--line-color);
  background: var(--surface-card);
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle-btn:hover {
  background: var(--surface-card-alt);
  border-color: rgba(230,126,34,0.42);
  transform: translateY(-1px);
}

.theme-toggle-btn svg {
  width: 18px;
  height: 18px;
}

.theme-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 178px;
  padding: 8px;
  border-radius: 12px;
  background: var(--surface-card);
  border: 1px solid var(--line-color);
  box-shadow: var(--shadow-lg);
  display: none;
  z-index: 100000;
}

.theme-switcher.is-open .theme-menu {
  display: block;
}

.theme-option {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}

.theme-option:hover,
.theme-option.is-active {
  background: var(--surface-card-alt);
  color: var(--text-primary);
}

.theme-option .theme-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--line-color);
  flex-shrink: 0;
}

.theme-option[data-theme-value="dark"] .theme-dot {
  background: #242424;
}

.theme-option[data-theme-value="light"] .theme-dot {
  background: #eee8dc;
}

@media (max-width: 1023px) {
  .theme-menu {
    right: auto;
    left: 0;
  }
}


/* =====================================================
   TEK İKONLU TEMA DEĞİŞTİRİCİ
   Header'da iki seçenekli menü yok; tek tıkla koyu/aydınlık geçiş yapar.
   ===================================================== */
.theme-switcher,
.theme-menu,
.theme-option,
.bs-theme-btn {
  display: none !important;
}

.theme-toggle-btn,
.bs-theme-toggle {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 999px;
  border: 1px solid var(--line-color);
  background: var(--surface-card);
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,0.35);
  transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle-btn:hover,
.bs-theme-toggle:hover {
  background: var(--surface-card-alt);
  border-color: rgba(96,165,250,0.45);
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.45);
}

.theme-toggle-btn:focus-visible,
.bs-theme-toggle:focus-visible {
  outline: 2px solid var(--accent-brand-start);
  outline-offset: 3px;
}

.theme-icon {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}

.theme-icon--sun {
  display: none;
}

html[data-theme="light"] .theme-icon--moon {
  display: none;
}

html[data-theme="light"] .theme-icon--sun {
  display: block;
}

.right-side-top {
  align-items: center !important;
}

.bs-theme-row--compact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0 14px;
  margin: 0 0 8px;
  border-bottom: 1px solid var(--line-color);
}

.bs-theme-toggle {
  width: 46px;
  height: 46px;
  min-width: 46px;
}

@media (max-width: 1023px) {
  .right-side-top .theme-toggle-btn {
    display: none;
  }
}

html[data-theme="light"] .theme-toggle-btn,
html[data-theme="light"] .bs-theme-toggle {
  background: #fffaf1;
  color: #3e3325;
  border-color: rgba(92,72,47,0.18);
  box-shadow: 0 10px 24px rgba(61,45,26,0.14);
}

html[data-theme="light"] .theme-toggle-btn:hover,
html[data-theme="light"] .bs-theme-toggle:hover {
  background: #f3eadc;
  border-color: rgba(31,111,159,0.28);
  box-shadow: 0 14px 30px rgba(61,45,26,0.18);
}


/* ============================================================
   ANLIKDOVIZ LIGHT THEME POLISH v3
   Koyu tema ayarlarına dokunmaz; sadece html[data-theme="light"] aktifken çalışır.
   ============================================================ */
html[data-theme="light"] {
  --bg-page: #eee7dc;
  --bg-section: #f8f2e8;
  --bg-section-alt: #efe5d7;
  --surface-card: #fffaf2;
  --surface-card-alt: #f4eadc;
  --text-primary: #18212b;
  --text-secondary: #3f4852;
  --text-muted: #6d746f;
  --line-color: rgba(89, 70, 48, .16);
  --line-color-soft: rgba(89, 70, 48, .10);
  --line-soft: rgba(89, 70, 48, .13);
  --line-softer: rgba(89, 70, 48, .08);
}

html[data-theme="light"] body,
html[data-theme="light"] .main,
html[data-theme="light"] .main-inner {
  background:
    radial-gradient(circle at 14% 3%, rgba(230,126,34,.09), transparent 32%),
    linear-gradient(180deg, #f5eee3 0%, #eee7dc 48%, #e9dece 100%) !important;
  color: var(--text-primary) !important;
}

/* Anasayfa üst makale alanı: koyu zemini tamamen kırık beyaza çevir */
html[data-theme="light"] .blog-page,
html[data-theme="light"] .blog-page-hero {
  background:
    radial-gradient(circle at 18% 10%, rgba(230,126,34,.085), transparent 35%),
    linear-gradient(180deg, #efe6d8 0%, #f7f0e6 45%, #efe4d4 100%) !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .blog-container,
html[data-theme="light"] .blog-container-hero,
html[data-theme="light"] .blog-grid,
html[data-theme="light"] .blog-grid-hero {
  background: transparent !important;
}

/* Makale kartları */
html[data-theme="light"] .blog-card,
html[data-theme="light"] .blog-card-hero {
  background: #fffaf2 !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.62), rgba(250,242,230,.92)) !important;
  border: 1px solid rgba(89,70,48,.15) !important;
  box-shadow: 0 12px 28px rgba(79,61,38,.13) !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] .blog-card:hover,
html[data-theme="light"] .blog-card-hero:hover {
  border-color: rgba(230,126,34,.46) !important;
  box-shadow: 0 18px 42px rgba(79,61,38,.18), 0 0 0 1px rgba(230,126,34,.08) !important;
}

html[data-theme="light"] .blog-image-container,
html[data-theme="light"] .blog-image-container-hero {
  background: #e6dccd !important;
  border-bottom: 1px solid rgba(89,70,48,.12) !important;
}

html[data-theme="light"] .blog-content,
html[data-theme="light"] .blog-content-hero {
  background: #fffaf2 !important;
  background-image: linear-gradient(180deg, rgba(255,250,242,.98), rgba(249,241,229,.98)) !important;
  color: var(--text-primary) !important;
}

/* Başlık okunabilirliği: beyaz temada gölgeyi kapat, koyu lacivert yap */
html[data-theme="light"] .blog-title,
html[data-theme="light"] .blog-title-hero,
html[data-theme="light"] .blog-card .blog-title,
html[data-theme="light"] .blog-card-hero .blog-title-hero {
  color: #162231 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}

html[data-theme="light"] .blog-title:hover,
html[data-theme="light"] .blog-title-hero:hover,
html[data-theme="light"] .blog-card:hover .blog-title,
html[data-theme="light"] .blog-card-hero:hover .blog-title-hero {
  color: #a95510 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .blog-summary,
html[data-theme="light"] .blog-summary-hero {
  color: #4f5659 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .blog-author-prefix {
  color: #6f665a !important;
}
html[data-theme="light"] .blog-author-name {
  color: #b85f12 !important;
}
html[data-theme="light"] .blog-author-name:hover {
  color: #8f470b !important;
}
html[data-theme="light"] .blog-date,
html[data-theme="light"] .blog-date-hero,
html[data-theme="light"] .blog-meta-top .blog-date-hero,
html[data-theme="light"] .blog-date-hero time {
  color: #5f665f !important;
}
html[data-theme="light"] .date-updated-label {
  color: #c56b18 !important;
}

html[data-theme="light"] .blog-footer,
html[data-theme="light"] .blog-footer-hero {
  border-top-color: rgba(89,70,48,.11) !important;
}
html[data-theme="light"] .read-more,
html[data-theme="light"] .read-more-hero {
  color: #b85f12 !important;
}
html[data-theme="light"] .blog-card:hover .read-more,
html[data-theme="light"] .blog-card-hero:hover .read-more-hero {
  color: #8f470b !important;
}

/* Badge'ler beyaz temada çok kararmasın ama okunabilir kalsın */
html[data-theme="light"] .category-badge {
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: 0 5px 14px rgba(35,24,12,.22) !important;
}
html[data-theme="light"] .category-badge.makale {
  background: rgba(84,65,43,.86) !important;
}

/* Hero ve ana kart kabukları */
html[data-theme="light"] .hero-header,
html[data-theme="light"] .rates-container,
html[data-theme="light"] .sidebar-widget,
html[data-theme="light"] .seans-widget,
html[data-theme="light"] .comments-sidebar,
html[data-theme="light"] .latest-news-section {
  background: rgba(255,250,242,.94) !important;
  border-color: rgba(89,70,48,.15) !important;
  box-shadow: 0 12px 30px rgba(79,61,38,.12) !important;
}
html[data-theme="light"] .hero-content h1 {
  color: #a95510 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .hero-content p {
  color: #37424a !important;
}

/* Kur/emtia gridleri ve kartları */
html[data-theme="light"] .rates-grid,
html[data-theme="light"] .forex-grid,
html[data-theme="light"] .commodity-grid {
  background: #efe5d7 !important;
}
html[data-theme="light"] .rate-box,
html[data-theme="light"] .commodity-box,
html[data-theme="light"] .factors-box {
  background: #fffaf2 !important;
  border-color: rgba(89,70,48,.15) !important;
  box-shadow: 0 10px 24px rgba(79,61,38,.11) !important;
}
html[data-theme="light"] .currency-name,
html[data-theme="light"] .commodity-name,
html[data-theme="light"] .rate-value,
html[data-theme="light"] .commodity-value,
html[data-theme="light"] .detail-value {
  color: #162231 !important;
}
html[data-theme="light"] .rate-label,
html[data-theme="light"] .commodity-label,
html[data-theme="light"] .detail-label,
html[data-theme="light"] .factors-box p {
  color: #4f5659 !important;
}
html[data-theme="light"] .detail-item,
html[data-theme="light"] .commodity-item {
  background: rgba(89,70,48,.045) !important;
  border-color: rgba(89,70,48,.10) !important;
}

/* Anlık finans haberleri */
html[data-theme="light"] .latest-news-section {
  background: linear-gradient(180deg, #fffaf2 0%, #f2e7d8 100%) !important;
}
html[data-theme="light"] .news-card {
  background: #fffaf2 !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.58), rgba(250,241,228,.95)) !important;
  border-color: rgba(89,70,48,.15) !important;
  box-shadow: 0 10px 22px rgba(79,61,38,.12) !important;
}
html[data-theme="light"] .news-title,
html[data-theme="light"] .news-title a,
html[data-theme="light"] .news-title span {
  color: #162231 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .news-title a:hover { color: #a95510 !important; }
html[data-theme="light"] .news-excerpt { color: #4f5659 !important; }
html[data-theme="light"] .news-meta,
html[data-theme="light"] .news-publisher,
html[data-theme="light"] .news-time { color: #6f665a !important; }

/* Sidebar */
html[data-theme="light"] .sidebar-widget .widget-header,
html[data-theme="light"] .seans-header {
  background: linear-gradient(90deg, #fff6e9 0%, #efe3d2 100%) !important;
  border-bottom-color: rgba(230,126,34,.32) !important;
}
html[data-theme="light"] .sidebar-widget .widget-header h2,
html[data-theme="light"] .sidebar-widget .widget-header h3,
html[data-theme="light"] .sidebar-widget .widget-header i,
html[data-theme="light"] .seans-title {
  color: #a95510 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .sidebar-widget .widget-content {
  background: #fffaf2 !important;
}
html[data-theme="light"] .sidebar-widget .news-item,
html[data-theme="light"] .timeline-content-sidebar,
html[data-theme="light"] .comments-sidebar .comment-card,
html[data-theme="light"] .sidebar-calc-card,
html[data-theme="light"] .perf-item,
html[data-theme="light"] .perf-col {
  background: #f7eee2 !important;
  border-color: rgba(89,70,48,.13) !important;
  box-shadow: 0 8px 18px rgba(79,61,38,.10) !important;
}
html[data-theme="light"] .sidebar-widget .news-content h4,
html[data-theme="light"] .timeline-text-sidebar,
html[data-theme="light"] .comment-text,
html[data-theme="light"] .username,
html[data-theme="light"] .perf-kod,
html[data-theme="light"] .sidebar-calc-title {
  color: #162231 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .sidebar-widget .news-datetime,
html[data-theme="light"] .timeline-date-sidebar,
html[data-theme="light"] .timestamp,
html[data-theme="light"] .perf-subtitle,
html[data-theme="light"] .perf-fiyat,
html[data-theme="light"] .perf-note {
  color: #5f665f !important;
}
html[data-theme="light"] .comments-sidebar .badge {
  background: #efe3d2 !important;
  color: #a95510 !important;
  border-color: rgba(89,70,48,.14) !important;
}

/* Inline fallback JS'teki border koyu temaya göre yazıldığı için light'ta ez */
html[data-theme="light"] #sidebar-perf-up a,
html[data-theme="light"] #sidebar-perf-down a {
  border-bottom-color: rgba(89,70,48,.11) !important;
}

/* ============================================================
   LIGHT THEME - DAHA NÖTR / HAFİF KOYULAŞTIRILMIŞ PALET
   Amaç: Aydınlık tema kalsın; krem/sarı hissi azalsın, okunurluk artsın.
   Bu blok en sonda olduğu için mevcut koyu temayı bozmaz.
   ============================================================ */
html[data-theme="light"] {
  color-scheme: light;

  /* Krem yerine daha nötr sıcak gri zeminler */
  --light: #e7e1d8;
  --bg-page: #dfd8ce;
  --bg-header-shell: #d7d0c5;
  --bg-header-inner: #e6ded2;
  --bg-section-dark: #d2cabd;
  --bg-section-darker: #c9c0b2;
  --bg-section: #e7dfd4;
  --bg-section-alt: #d8d0c4;
  --bg-header-block: #ded5c8;

  --surface-card: #eee6da;
  --surface-card-alt: #ded4c7;
  --surface-input: #f2eadf;
  --surface-input-border: rgba(58, 47, 38, .26);

  --line-color: rgba(58, 47, 38, .18);
  --line-color-soft: rgba(58, 47, 38, .12);
  --line-soft: rgba(58, 47, 38, .16);
  --line-softer: rgba(58, 47, 38, .10);
  --border-color: rgba(58, 47, 38, .18);

  --text-primary: #17202a;
  --text-secondary: #37424d;
  --text-muted: #59636d;
  --text-dim: #776f66;
  --text-strong: #0f1720;

  --bg-primary: #dfd8ce;
  --bg-secondary: #e6ded2;
  --bg-card: #eee6da;
  --bg-card-hover: #d8d0c4;
  --bg-blue-dark: #d0d9e4;

  --comment-card-bg: #eee6da;
  --comment-border: rgba(30, 108, 152, .15);

  --shadow-sm: 0 2px 8px rgba(45, 36, 27, .12);
  --shadow-md: 0 4px 16px rgba(45, 36, 27, .15);
  --shadow-lg: 0 12px 32px rgba(45, 36, 27, .18);
  --shadow-accent: 0 8px 22px rgba(176, 95, 18, .14);
}

html[data-theme="light"] body,
html[data-theme="light"] .site-header-shell,
html[data-theme="light"] .navbar,
html[data-theme="light"] .main,
html[data-theme="light"] .main-inner {
  background: #dfd8ce !important;
  color: #17202a !important;
}

/* Header / genel ana yüzeyler: çok açık krem yerine orta sıcak gri */
html[data-theme="light"] .header-wrapper {
  background: #e6ded2 !important;
  border-color: rgba(58,47,38,.18) !important;
  box-shadow: 0 16px 34px rgba(45,36,27,.14) !important;
}

html[data-theme="light"] .header-top,
html[data-theme="light"] .hero-header,
html[data-theme="light"] .rates-container,
html[data-theme="light"] .sidebar-widget,
html[data-theme="light"] .seans-widget,
html[data-theme="light"] .comments-sidebar,
html[data-theme="light"] .widget,
html[data-theme="light"] .factors-box {
  background: #e7dfd4 !important;
  border-color: rgba(58,47,38,.17) !important;
  box-shadow: 0 10px 26px rgba(45,36,27,.13) !important;
}

html[data-theme="light"] .market-bar,
html[data-theme="light"] .navbar .bottom-header,
html[data-theme="light"] .subnavbar {
  background: #c9c0b2 !important;
  border-color: rgba(58,47,38,.18) !important;
}

html[data-theme="light"] .rates-grid,
html[data-theme="light"] .forex-grid,
html[data-theme="light"] .commodity-grid {
  background: #d8d0c4 !important;
}

html[data-theme="light"] .mini-asset,
html[data-theme="light"] .rate-box,
html[data-theme="light"] .commodity-box,
html[data-theme="light"] .widget-content,
html[data-theme="light"] .sidebar-widget .widget-content,
html[data-theme="light"] .sidebar-widget .news-item,
html[data-theme="light"] .timeline-content-sidebar,
html[data-theme="light"] .comments-sidebar .comment-card,
html[data-theme="light"] .usernav-split,
html[data-theme="light"] .usernav-mainlink,
html[data-theme="light"] .usernav-caretbtn,
html[data-theme="light"] .usernav-dropdown,
html[data-theme="light"] .mobile-login-dropdown,
html[data-theme="light"] .hamburger-btn,
html[data-theme="light"] .hdr-icon-btn,
html[data-theme="light"] .hdr-flyout,
html[data-theme="light"] .theme-toggle-btn {
  background: #eee6da !important;
  border-color: rgba(58,47,38,.18) !important;
  color: #17202a !important;
  box-shadow: 0 8px 20px rgba(45,36,27,.12) !important;
}

html[data-theme="light"] .mini-asset:hover,
html[data-theme="light"] .rate-box:hover,
html[data-theme="light"] .commodity-box:hover,
html[data-theme="light"] .sidebar-widget .news-item:hover,
html[data-theme="light"] .usernav-mainlink:hover,
html[data-theme="light"] .usernav-caretbtn:hover,
html[data-theme="light"] .hdr-icon-btn:hover,
html[data-theme="light"] .theme-toggle-btn:hover,
html[data-theme="light"] .menu-link:hover {
  background: #ded4c7 !important;
  border-color: rgba(176,95,18,.40) !important;
  box-shadow: 0 12px 26px rgba(45,36,27,.16) !important;
}

html[data-theme="light"] .hero-content h1,
html[data-theme="light"] .rates-header h2,
html[data-theme="light"] .sidebar-widget .widget-header h2,
html[data-theme="light"] .sidebar-widget .widget-header h3,
html[data-theme="light"] .seans-title,
html[data-theme="light"] .factors-box h2 {
  text-shadow: none !important;
}

html[data-theme="light"] .hero-content h1,
html[data-theme="light"] .factors-box h2,
html[data-theme="light"] .sidebar-widget .widget-header h2,
html[data-theme="light"] .sidebar-widget .widget-header h3,
html[data-theme="light"] .sidebar-widget .widget-header i,
html[data-theme="light"] .seans-title {
  color: #8f4b0d !important;
}

html[data-theme="light"] p,
html[data-theme="light"] .hero-content p,
html[data-theme="light"] .factors-box p,
html[data-theme="light"] .rate-label,
html[data-theme="light"] .commodity-label,
html[data-theme="light"] .detail-label,
html[data-theme="light"] .asset-name,
html[data-theme="light"] .brand-sub,
html[data-theme="light"] .timeline-date-sidebar,
html[data-theme="light"] .sidebar-widget .news-datetime,
html[data-theme="light"] .timestamp,
html[data-theme="light"] .news-excerpt,
html[data-theme="light"] .news-meta,
html[data-theme="light"] .news-publisher,
html[data-theme="light"] .news-time,
html[data-theme="light"] .perf-subtitle,
html[data-theme="light"] .perf-fiyat,
html[data-theme="light"] .perf-note {
  color: #37424d !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] .currency-name,
html[data-theme="light"] .commodity-name,
html[data-theme="light"] .rate-value,
html[data-theme="light"] .commodity-value,
html[data-theme="light"] .detail-value,
html[data-theme="light"] .asset-value,
html[data-theme="light"] .news-title,
html[data-theme="light"] .news-title a,
html[data-theme="light"] .news-title span,
html[data-theme="light"] .sidebar-widget .news-content h4,
html[data-theme="light"] .timeline-text-sidebar,
html[data-theme="light"] .comment-text,
html[data-theme="light"] .username,
html[data-theme="light"] .perf-kod,
html[data-theme="light"] .sidebar-calc-title {
  color: #17202a !important;
  text-shadow: none !important;
}

/* Anasayfa makale/haber alanları: sarı kremi azalt */
html[data-theme="light"] .blog-page,
html[data-theme="light"] .blog-page-hero {
  background: linear-gradient(180deg, #dfd8ce 0%, #d8d0c4 100%) !important;
}

html[data-theme="light"] .blog-card,
html[data-theme="light"] .blog-card-hero,
html[data-theme="light"] .blog-content,
html[data-theme="light"] .blog-content-hero {
  background: #eee6da !important;
  border-color: rgba(58,47,38,.18) !important;
  box-shadow: 0 10px 24px rgba(45,36,27,.13) !important;
}

html[data-theme="light"] .blog-title,
html[data-theme="light"] .blog-title-hero,
html[data-theme="light"] .blog-title a,
html[data-theme="light"] .blog-title-hero a {
  color: #17202a !important;
  text-shadow: none !important;
}

html[data-theme="light"] .blog-summary,
html[data-theme="light"] .blog-summary-hero,
html[data-theme="light"] .blog-meta-top,
html[data-theme="light"] .blog-date,
html[data-theme="light"] .blog-date-hero,
html[data-theme="light"] .blog-author-line,
html[data-theme="light"] .blog-author-prefix {
  color: #37424d !important;
}

/* Anlık finans haberleri */
html[data-theme="light"] .latest-news-section {
  background: linear-gradient(180deg, #e7dfd4 0%, #d2cabd 100%) !important;
  box-shadow: 0 10px 26px rgba(45,36,27,.14) !important;
}

html[data-theme="light"] .news-card {
  background: linear-gradient(180deg, #eee6da 0%, #ded4c7 100%) !important;
  border-color: rgba(58,47,38,.18) !important;
  box-shadow: 0 10px 22px rgba(45,36,27,.13) !important;
}

/* Sidebar başlıkları: beyaz temada daha sakin */
html[data-theme="light"] .sidebar-widget .widget-header,
html[data-theme="light"] .seans-header {
  background: linear-gradient(90deg, #ddd4c7 0%, #cfc5b7 100%) !important;
  border-bottom-color: rgba(176,95,18,.34) !important;
}

html[data-theme="light"] .sidebar-calc-card,
html[data-theme="light"] .perf-item,
html[data-theme="light"] .perf-col,
html[data-theme="light"] .comments-sidebar .comment-card,
html[data-theme="light"] .timeline-content-sidebar,
html[data-theme="light"] .sidebar-widget .news-item {
  background: #e6ded2 !important;
  border-color: rgba(58,47,38,.16) !important;
}

/* Footer: sarı/krem hissi azaltıldı, yazılar belirginleştirildi */
html[data-theme="light"] .footer {
  background: linear-gradient(135deg, #d2cabd 0%, #beb4a5 100%) !important;
  border-top: 1px solid rgba(58,47,38,.22) !important;
  color: #17202a !important;
}

html[data-theme="light"] .footer-logo,
html[data-theme="light"] .footer-nav .nav-group h3,
html[data-theme="light"] .footer-warning h4,
html[data-theme="light"] .footer-copyright a {
  color: #7c3f09 !important;
}

html[data-theme="light"] .footer-description,
html[data-theme="light"] .footer-warning,
html[data-theme="light"] .footer-warning p,
html[data-theme="light"] .footer-copyright,
html[data-theme="light"] .footer-nav .nav-group ul li a {
  color: #2f3a44 !important;
}

html[data-theme="light"] .footer-nav .nav-group ul li a:hover,
html[data-theme="light"] .footer-logo:hover,
html[data-theme="light"] .footer-copyright a:hover {
  color: #9a5210 !important;
}

html[data-theme="light"] .footer-warning {
  background: rgba(238,230,218,.55) !important;
  border-color: rgba(58,47,38,.18) !important;
  border-left-color: #8f4b0d !important;
}

html[data-theme="light"] .footer-bar {
  background: rgba(58,47,38,.08) !important;
  border-top-color: rgba(58,47,38,.18) !important;
}

html[data-theme="light"] .social-link {
  background: rgba(238,230,218,.72) !important;
  border-color: rgba(58,47,38,.22) !important;
  color: #7c3f09 !important;
}

html[data-theme="light"] .social-link:hover {
  background: #8f4b0d !important;
  color: #ffffff !important;
  border-color: #8f4b0d !important;
}

/* Formlar ve tablo yüzeyleri */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .tbvSimge input,
html[data-theme="light"] .usernav-login-form input,
html[data-theme="light"] .inline-field input {
  background: #f2eadf !important;
  border-color: rgba(58,47,38,.24) !important;
  color: #17202a !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {
  background: #f7efe4 !important;
  box-shadow: 0 0 0 3px rgba(143,75,13,.13) !important;
}

html[data-theme="light"] .table,
html[data-theme="light"] .table td,
html[data-theme="light"] .table th {
  background: #eee6da !important;
  color: #37424d !important;
  border-color: rgba(58,47,38,.14) !important;
}

html[data-theme="light"] .table thead th,
html[data-theme="light"] .table-striped tbody tr:nth-child(odd) td {
  background: #ded4c7 !important;
}


/* ===== Footer / accessibility v26 ===== */
#ad-cookie-banner {
    position: fixed;
    left: 20px;
    bottom: 20px;
    width: 320px;
    max-width: calc(100vw - 40px);
    z-index: 999999;
    background: #1a1f2e;
    color: #b0bac8;
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.55);
    display: none;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    contain: layout style;
}
#ad-cookie-banner.is-visible {
    opacity: 1;
    transform: translateY(0);
    display: block;
}
#ad-cookie-banner .ad-col {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
#ad-cookie-banner .ad-text {
    font-size: 13px;
    line-height: 1.55;
    color: #b0bac8;
}
#ad-cookie-banner .ad-text a {
    color: #60a5fa;
    text-decoration: none;
    font-weight: 600;
}
#ad-cookie-banner .ad-actions {
    display: flex;
    justify-content: flex-end;
}
.ad-btn {
    border: 0;
    border-radius: 8px;
    padding: 9px 22px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    min-height: 40px;
}
.ad-btn-primary {
    background: #3b82f6;
    color: #fff;
}
.ad-btn-primary:hover { background: #2563eb; }
.ad-btn-primary:active { background: #1d4ed8; }

@media (prefers-color-scheme: light) {
    #ad-cookie-banner {
        background: #ffffff;
        border-color: rgba(0,0,0,0.10);
        box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    }
    #ad-cookie-banner .ad-text { color: #374151; }
}

@media (max-width: 480px) {
    #ad-cookie-banner {
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
    }
}

/* V26 erişilebilirlik, odak görünürlüğü ve mobil dokunma hedefleri */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:12px;top:12px;z-index:1000000;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:#fff;color:#111!important;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ff8a2a!important;outline-offset:3px!important}
@media(max-width:767px){.footer-social .social-link,.performance-tab,.ad-btn,.mob-tab,.bs-close,.theme-toggle-btn,.hdr-icon-btn{min-width:44px;min-height:44px}}


/* ==============================================================
   AnlıkDöviz 2026 UI refresh — compatibility-safe visual layer
   Existing component class names are intentionally preserved.
   ============================================================== */
:root{
  --ad-shell:1440px;
  --ad-content:1180px;
  --ad-space-1:6px;--ad-space-2:10px;--ad-space-3:14px;--ad-space-4:18px;
  --ad-space-5:24px;--ad-space-6:32px;--ad-space-7:44px;
  --ad-radius-sm:10px;--ad-radius-md:14px;--ad-radius-lg:20px;
  --ad-card-border:rgba(255,255,255,.075);
  --ad-card-border-hover:rgba(230,126,34,.34);
  --ad-card-bg:#242424;--ad-card-bg-2:#292929;
  --ad-page-bg:#1b1c1f;
  --ad-accent:#e67e22;--ad-accent-2:#f2a45f;
  --ad-shadow:0 12px 34px rgba(0,0,0,.22);
}
html{scroll-behavior:smooth;background:var(--ad-page-bg)}
body{background:var(--ad-page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a,button,input,select,textarea{font:inherit}
.site-header-shell{background:rgba(27,28,31,.96);border-bottom:1px solid var(--ad-card-border);backdrop-filter:saturate(125%) blur(12px)}
.header-wrapper{max-width:var(--ad-shell);margin-inline:auto}
.header-top{min-height:74px;gap:18px}
.brand-title{letter-spacing:-.035em;font-weight:900}.brand-sub{letter-spacing:.16em;opacity:.68}
.price-bar-top{gap:8px}.mini-asset{border:1px solid transparent;border-radius:12px;padding:8px 10px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.mini-asset:hover{background:#28292d;border-color:var(--ad-card-border-hover);transform:translateY(-1px)}
.market-bar{border-top:1px solid var(--ad-card-border);background:#202124}.main-menu{max-width:var(--ad-shell);margin-inline:auto}.menu-link{border-radius:10px;margin:5px 2px;padding:9px 11px}.menu-link:hover,.menu-link.active{background:#2a2b2f;color:#fff}
.main-container,.container,.content-wrapper,.page-container{max-width:var(--ad-shell);margin-inline:auto}
.rates-container,.sidebar-widget,.content-card,.widget,.calculator-card,.detail-card,.market-card,.performance-section,.home-finance-hub,.market-discovery{border-color:var(--ad-card-border)!important;box-shadow:none!important}
.rates-container,.sidebar-widget,.content-card,.widget,.calculator-card,.detail-card,.market-card{border-radius:var(--ad-radius-md)!important;background:var(--ad-card-bg)!important}
.rates-header,.widget-header{border-bottom-color:var(--ad-card-border)!important}
.currency-box,.commodity-box,.performance-row,.home-hub-card,.market-link-card{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important}
.currency-box:hover,.commodity-box:hover,.performance-row:hover,.home-hub-card:hover,.market-link-card:hover{transform:translateY(-1px)!important;border-color:var(--ad-card-border-hover)!important}
.current-price,.currency-value,.commodity-value,.rate-value,.price-item-value{font-variant-numeric:tabular-nums lining-nums}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ad-accent-2)!important;outline-offset:3px}
img{max-width:100%;height:auto}
/* Below-the-fold rendering: data stays in HTML and remains fresh; browser defers painting. */
@supports(content-visibility:auto){
  .home-finance-hub,.market-discovery,.performance-section,.footer,.article-section,.comments-section{content-visibility:auto;contain-intrinsic-size:1px 760px}
}
html[data-theme="light"]{--ad-page-bg:#f5f1e9;--ad-card-bg:#fffaf3;--ad-card-bg-2:#f2ece3;--ad-card-border:rgba(79,61,42,.13);--ad-card-border-hover:rgba(184,109,28,.34)}
html[data-theme="light"] body{background:var(--ad-page-bg)}
html[data-theme="light"] .site-header-shell{background:rgba(245,241,233,.96)}
html[data-theme="light"] .market-bar{background:#eee8df}
html[data-theme="light"] .mini-asset:hover,html[data-theme="light"] .menu-link:hover,html[data-theme="light"] .menu-link.active{background:#fff8ee;color:#172231}
@media(max-width:900px){.header-top{min-height:62px}.main-container,.container,.content-wrapper,.page-container{width:100%;padding-inline:12px}.rates-container,.sidebar-widget,.content-card,.widget,.calculator-card,.detail-card,.market-card{border-radius:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* === AnlıkDöviz v30: consolidated v28/v29 common layer === */
/* AnlıkDöviz v28 — final presentation layer. Data/cron/embed logic untouched. */
:root{
  --ad28-page:#0f1115;--ad28-panel:#171a20;--ad28-panel2:#1d2128;--ad28-line:rgba(255,255,255,.075);
  --ad28-text:#f5f7fb;--ad28-muted:#9da7b5;--ad28-accent:#f28a24;--ad28-accent2:#d9690b;
  --ad28-green:#31d17c;--ad28-red:#f06464;--ad28-radius:18px;--ad28-shadow:0 14px 40px rgba(0,0,0,.22)
}
html:not([data-theme="light"]),html:not([data-theme="light"]) body{background:var(--ad28-page)!important;color:var(--ad28-text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-rendering:optimizeLegibility}
a{transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
.container,.header-wrapper,.haber-container{width:min(1460px,calc(100% - 36px))!important;max-width:1460px!important;margin-left:auto!important;margin-right:auto!important}

/* HEADER */
.site-header-shell{background:rgba(17,19,23,.96)!important;border-bottom:1px solid var(--ad28-line)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important}
.header-wrapper{background:transparent!important}
.header-top{min-height:92px!important;padding:16px 0!important;gap:22px!important}
.brand-title{font-size:30px!important;letter-spacing:-.035em!important;background:none!important;color:#f2f5f9!important;-webkit-text-fill-color:initial!important}
.brand-sub{color:#7f8997!important;letter-spacing:.18em!important;font-size:10px!important}
.price-bar-top{gap:8px!important}
.mini-asset{min-height:56px!important;padding:8px 11px!important;background:#191d23!important;border:1px solid var(--ad28-line)!important;border-radius:14px!important;box-shadow:none!important}
.mini-asset:hover{background:#20252d!important;border-color:rgba(242,138,36,.26)!important;transform:translateY(-1px)}
.asset-icon{border-radius:10px!important;box-shadow:none!important}
.asset-name{font-size:10px!important;color:#98a3b1!important}.asset-value{font-size:15px!important;letter-spacing:-.01em!important}
.market-bar{border-top:1px solid var(--ad28-line)!important;background:#13161b!important;min-height:52px!important}
.main-menu{justify-content:flex-start!important;gap:2px!important;overflow:auto!important;scrollbar-width:none}
.main-menu::-webkit-scrollbar{display:none}.menu-link{padding:16px 13px!important;border-radius:0!important;font-size:13px!important;color:#b4bdc9!important;white-space:nowrap}
.menu-link:hover,.menu-link.active{color:#fff!important;background:rgba(255,255,255,.035)!important}.menu-link.active{box-shadow:inset 0 -2px var(--ad28-accent)!important}

/* HOMEPAGE — noticeably new hierarchy */
.main{background:var(--ad28-page)!important}.main-inner{padding-top:24px!important}
.hero-header{margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-content{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:22px!important;padding:20px 2px!important;text-align:left!important}
.hero-content h1{margin:0!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#f7f8fb!important;background:none!important;-webkit-text-fill-color:initial!important}
.hero-content p{margin:9px 0 0!important;max-width:780px!important;color:var(--ad28-muted)!important;font-size:14px!important;line-height:1.65!important}
.hero-content:after{content:"CANLI PİYASA";align-self:center;padding:9px 12px;border:1px solid rgba(49,209,124,.22);border-radius:999px;background:rgba(49,209,124,.07);color:#63e69a;font-size:11px;font-weight:900;letter-spacing:.09em}
.dashboard-grid{gap:16px!important;align-items:start!important;margin-bottom:16px!important}.dashboard-grid--currencies{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr)!important}
.rates-container,.sidebar-widget,.home-performance,.home-finance-hub,.home-popular-calcs,.market-discovery{background:var(--ad28-panel)!important;border:1px solid var(--ad28-line)!important;border-radius:var(--ad28-radius)!important;box-shadow:var(--ad28-shadow)!important;overflow:hidden}
.rates-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:17px 20px!important;background:transparent!important;border-bottom:1px solid var(--ad28-line)!important}
.rates-header h2{font-size:16px!important;letter-spacing:-.015em!important;color:#f5f7fa!important;text-shadow:none!important}.rates-header h2:before{content:"PİYASA";display:block;margin-bottom:3px;color:var(--ad28-accent)!important;font-size:9px!important;letter-spacing:.14em!important;font-weight:900!important}
.rates-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:0!important}.rate-box{min-height:235px!important;padding:20px!important;border:0!important;border-right:1px solid var(--ad28-line)!important;border-bottom:1px solid var(--ad28-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.rate-box:nth-child(3){border-right:0!important}.rate-box:hover{background:#1c2027!important;transform:none!important}.currency-name{font-size:15px!important;color:#dfe4ea!important}.change-indicator{border-radius:999px!important;padding:6px 9px!important;font-size:11px!important}
.main-rate{padding:28px 0 22px!important}.rate-value{font-size:clamp(28px,2.5vw,39px)!important;font-weight:800!important;letter-spacing:.025em!important}.rate-label{font-size:9px!important;letter-spacing:.14em!important;color:#778391!important}
.rate-details{gap:8px!important}.detail-item{padding:10px 11px!important;border-radius:11px!important;background:#14171c!important;border:1px solid var(--ad28-line)!important}.detail-label{font-size:9px!important}.detail-value{font-size:14px!important}
.home-inline-market-summary{grid-column:1/-1!important;margin:0!important;padding:20px!important;border:0!important;border-top:1px solid var(--ad28-line)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(242,138,36,.075),transparent 52%)!important;box-shadow:none!important}.home-inline-market-summary h2{font-size:20px!important}.daily-summary-text{font-size:14px!important;color:#aeb7c3!important}
.sidebar-widget{box-shadow:none!important}.widget-header{padding:15px 16px!important;background:transparent!important;border-bottom:1px solid var(--ad28-line)!important}.widget-header h3{font-size:14px!important;color:#f1f3f6!important}.widget-content{padding:8px!important}.news-item{gap:10px!important;padding:10px!important;border-radius:12px!important;border:1px solid transparent!important}.news-item:hover{background:#1f242c!important;border-color:var(--ad28-line)!important}.news-thumb{width:72px!important;height:50px!important;border-radius:9px!important;overflow:hidden}.news-content h4{font-size:12px!important;line-height:1.35!important}.news-datetime{font-size:10px!important;color:#778391!important}
.commodity-grid{gap:0!important;padding:0!important}.commodity-card,.commodity-box{border-radius:0!important;box-shadow:none!important}

/* PERFORMANCE: denser and cleaner */
.home-performance{padding:24px!important}.home-section-head{margin-bottom:18px!important}.home-section-head h2{font-size:clamp(24px,2.5vw,34px)!important;letter-spacing:-.035em!important}.home-section-head-copy p{color:#929dab!important;font-size:13px!important}.performance-toolbar{gap:12px!important}.performance-tab{border-radius:10px!important;padding:10px 14px!important}.performance-tab[aria-selected="true"]{background:rgba(242,138,36,.09)!important;border-color:rgba(242,138,36,.52)!important;color:#ff9a3d!important}.performance-table{border-radius:14px!important;overflow:hidden!important}.performance-row{min-height:112px!important;background:#15191f!important}.performance-row:hover{background:#1a1f26!important}.performance-table-head{background:#111419!important}.performance-result-card{box-shadow:none!important;background:#1a1e24!important}

/* ASSET DETAIL (/dolar, /euro, etc.) */
.main-wrapper{background:var(--ad28-page)!important}.main-wrapper>.container,.main-wrapper .container{padding-top:24px!important;padding-bottom:36px!important}
.topic,.parite-card,.detail-card,.widget,.chart-widget,.comments-widget{border-radius:16px!important;border:1px solid var(--ad28-line)!important;box-shadow:none!important;background:var(--ad28-panel)!important}
.breadcrumb-bar,.breadcrumb-nav{font-size:12px!important;color:#7d8794!important}.breadcrumb-bar a,.breadcrumb-nav a{color:#aab3bf!important}

/* CALCULATOR / amount pages */
.kactl-page .calc-page{gap:16px!important}.kactl-page .widget{border-radius:18px!important;background:var(--ad28-panel)!important;border-color:var(--ad28-line)!important;box-shadow:var(--ad28-shadow)!important}.kactl-page .widget-header{background:transparent!important;padding:16px 18px!important}.kactl-page .calc-box{padding:18px!important}.kactl-page .calc-input,.kactl-page input{border-radius:12px!important;background:#111419!important}.kactl-page .calc-result{border-radius:14px!important;background:linear-gradient(135deg,rgba(242,138,36,.12),rgba(242,138,36,.025))!important;border:1px solid rgba(242,138,36,.18)!important}.kactl-page .calc-result-value{font-size:clamp(30px,4vw,46px)!important;letter-spacing:-.035em!important}

/* ARTICLE / NEWS reading pages */
.haber-detail-page{background:var(--ad28-page)!important;padding:24px 0 44px!important}.haber-detail-page .haber-container{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:20px!important;align-items:start!important}.haber-detail-page .main-content{min-width:0!important}.post-content-card{background:var(--ad28-panel)!important;border:1px solid var(--ad28-line)!important;border-radius:20px!important;box-shadow:var(--ad28-shadow)!important;overflow:hidden!important}.post-content-card .post-header,.post-content-card>header{padding:26px 30px 18px!important}.post-content-card h1{font-size:clamp(29px,3.5vw,46px)!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#f6f7fa!important}.post-content-card .content,#article-content{font-size:17px!important;line-height:1.82!important;color:#d2d7de!important}.post-content-card .content{padding-left:30px!important;padding-right:30px!important}.post-content-card article{padding:0 30px 30px!important}.post-content-card article p{margin:0 0 1.2em!important}.post-content-card article h2{margin:1.8em 0 .65em!important;font-size:27px!important;letter-spacing:-.025em!important}.post-content-card article h3{margin:1.5em 0 .55em!important;font-size:21px!important}.post-content-card article img{border-radius:14px!important}.haber-detail-page .sidebar{position:sticky!important;top:18px!important}.haber-detail-page .sidebar-widget{border-radius:16px!important;background:var(--ad28-panel)!important;border:1px solid var(--ad28-line)!important}

/* LIST / archive / category pages: shared cards */
.news-card,.blog-card,.article-card,.market-card,.list-card{border-radius:16px!important;border:1px solid var(--ad28-line)!important;background:var(--ad28-panel)!important;box-shadow:none!important}.news-card:hover,.blog-card:hover,.article-card:hover,.market-card:hover{transform:translateY(-2px)!important;border-color:rgba(242,138,36,.24)!important}

/* Browser work reduction below fold without stale data */
.home-performance,.home-finance-hub,.home-popular-calcs,.market-discovery,.sidebar-archive-widget,.haber-detail-page .comments-widget{content-visibility:auto;contain-intrinsic-size:1px 700px}

/* LIGHT — preserve functionality, cleaner warm white */
html[data-theme="light"] body{background:#f4f1eb!important;color:#20252c!important}html[data-theme="light"] .main,html[data-theme="light"] .main-wrapper,html[data-theme="light"] .haber-detail-page{background:#f4f1eb!important}
html[data-theme="light"] .rates-container,html[data-theme="light"] .sidebar-widget,html[data-theme="light"] .home-performance,html[data-theme="light"] .home-finance-hub,html[data-theme="light"] .home-popular-calcs,html[data-theme="light"] .post-content-card,html[data-theme="light"] .kactl-page .widget{background:#fffdf9!important;border-color:rgba(85,65,42,.12)!important;box-shadow:0 12px 34px rgba(61,47,31,.07)!important}
html[data-theme="light"] .hero-content h1,html[data-theme="light"] .rates-header h2,html[data-theme="light"] .post-content-card h1{color:#1f2630!important}html[data-theme="light"] .hero-content p{color:#68717d!important}
html[data-theme="light"] .rate-box:hover{background:#fff8ef!important}html[data-theme="light"] .detail-item{background:#f8f3eb!important;border-color:rgba(85,65,42,.12)!important}

@media(max-width:1050px){.dashboard-grid--currencies,.haber-detail-page .haber-container{grid-template-columns:1fr!important}.haber-detail-page .sidebar{position:static!important}.hero-content{grid-template-columns:1fr!important}.hero-content:after{justify-self:start}.rates-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important;overflow-x:auto!important}.rate-box{min-width:190px!important}.price-bar-top .mini-asset:nth-child(n+4){display:none!important}}
@media(max-width:760px){.container,.header-wrapper,.haber-container{width:min(100% - 20px,1460px)!important}.header-top{min-height:68px!important;padding:10px 0!important}.brand-title{font-size:23px!important}.price-bar-top{display:none!important}.market-bar{min-height:44px!important}.menu-link{padding:13px 10px!important;font-size:12px!important}.main-inner{padding-top:12px!important}.hero-content{padding:12px 0!important}.hero-content h1{font-size:30px!important}.hero-content p{font-size:13px!important}.hero-content:after{font-size:9px;padding:7px 9px}.rates-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.rate-box{flex:0 0 82%!important;scroll-snap-align:start;border-right:1px solid var(--ad28-line)!important;min-height:205px!important}.main-rate{padding:20px 0!important}.home-performance{padding:17px!important}.performance-table-head{display:none!important}.performance-row{min-width:760px!important}.performance-table{overflow-x:auto!important}.post-content-card .post-header,.post-content-card>header,.post-content-card .content,.post-content-card article{padding-left:18px!important;padding-right:18px!important}.post-content-card article{padding-bottom:22px!important}.post-content-card .content,#article-content{font-size:16px!important;line-height:1.75!important}.post-content-card h1{font-size:31px!important}}

/* ============================================================
   AnlıkDöviz v29 visual correction — warm cards + mobile-first
   ============================================================ */
:root{
  --ad29-card:#202327;
  --ad29-card-soft:#25282d;
  --ad29-line:rgba(255,255,255,.09);
  --ad29-gold:#f29a18;
  --ad29-blue:#4f91ee;
}

/* Brand: keep recognizable blue identity in both themes */
.brand-title{
  color:var(--ad29-blue)!important;
  background:linear-gradient(135deg,#69a7ff 0%,#3f7fe0 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.brand-sub{color:#9aa4b2!important;opacity:1!important}

/* Homepage hero: no long green pseudo bar; compact, useful intro */
.hero-header{
  margin:0 0 18px!important;
  padding:0!important;
}
.hero-content{
  display:block!important;
  padding:18px 4px 14px!important;
  text-align:left!important;
}
.hero-content:before{
  content:"CANLI PİYASALAR";
  display:block;
  margin:0 0 8px;
  color:var(--ad29-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.hero-content:after{display:none!important;content:none!important}
.hero-content h1{max-width:820px!important;font-size:clamp(30px,3.25vw,46px)!important}
.hero-content p{max-width:900px!important;margin-top:9px!important}

/* Restore warmer individual cards instead of flat table-like blocks */
.rates-container{padding:0!important;overflow:hidden!important}
.rates-header{
  padding:16px 20px!important;
  background:linear-gradient(180deg,rgba(242,154,24,.09),rgba(242,154,24,.025))!important;
}
.rates-header h2:before{content:none!important}
.rates-header h2{font-size:19px!important;color:#f5f7fa!important}
.rates-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  padding:18px!important;
  overflow:visible!important;
}
.rate-box{
  min-width:0!important;
  min-height:218px!important;
  padding:18px!important;
  border:1px solid var(--ad29-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,var(--ad29-card-soft),var(--ad29-card))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
}
.rate-box:nth-child(3){border-right:1px solid var(--ad29-line)!important}
.rate-box:hover{
  background:linear-gradient(145deg,#292d33,#22262b)!important;
  border-color:rgba(242,154,24,.30)!important;
  transform:translateY(-2px)!important;
}
.card-top{gap:10px!important}.currency-name{font-size:16px!important;color:#f0f2f5!important}
.main-rate{padding:24px 0 18px!important}.rate-value{font-size:clamp(27px,2.25vw,36px)!important}
.rate-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.detail-item{
  min-width:0!important;
  padding:11px!important;
  border-radius:11px!important;
  background:#191c20!important;
}
.detail-item.low{border-color:rgba(240,100,100,.28)!important}
.detail-item.high{border-color:rgba(49,209,124,.27)!important}
.home-inline-market-summary{
  grid-column:1/-1!important;
  margin:2px 0 0!important;
  padding:18px 20px!important;
  border:1px solid rgba(242,154,24,.16)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(242,154,24,.08),rgba(242,154,24,.018))!important;
}

/* Detail pages: remove the large dead zone under global header */
.main-wrapper{margin-top:8px!important}
.main-wrapper .main-inner{padding-top:0!important}
.main-wrapper>.container,.main-wrapper .container{padding-top:0!important}
.breadcrumb-bar{padding:10px 0 12px!important;margin:0!important}

/* Dark detail cards a touch warmer / less flat */
.topic,.parite-card,.detail-card,.widget,.chart-widget,.comments-widget{
  background:linear-gradient(145deg,#191d23,#16191e)!important;
  border-color:rgba(255,255,255,.085)!important;
}

/* LIGHT THEME — explicit contrast; do not inherit dark text choices */
html[data-theme="light"] .site-header-shell{background:#eee4d5!important;border-color:rgba(70,55,35,.14)!important}
html[data-theme="light"] .header-wrapper{background:transparent!important}
html[data-theme="light"] .brand-title{
  color:#2f75c9!important;
  background:linear-gradient(135deg,#397fcc,#205da8)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] .brand-sub{color:#5f6670!important}
html[data-theme="light"] .mini-asset{background:#f8f1e7!important;border-color:rgba(70,55,35,.13)!important;color:#1f2937!important}
html[data-theme="light"] .asset-name{color:#495464!important}
html[data-theme="light"] .asset-value{color:#182230!important}
html[data-theme="light"] .market-bar{background:#e8ddcd!important;border-color:rgba(70,55,35,.12)!important}
html[data-theme="light"] .menu-link{color:#4d5968!important}
html[data-theme="light"] .menu-link:hover,html[data-theme="light"] .menu-link.active{color:#17202c!important;background:rgba(255,255,255,.42)!important}
html[data-theme="light"] .hero-content h1{color:#9a4d0a!important}
html[data-theme="light"] .hero-content p{color:#485361!important}
html[data-theme="light"] .hero-content:before{color:#b85c0c!important}
html[data-theme="light"] .rates-header{background:linear-gradient(180deg,rgba(195,104,20,.08),rgba(195,104,20,.02))!important}
html[data-theme="light"] .rates-header h2{color:#272f39!important}
html[data-theme="light"] .rate-box{
  background:linear-gradient(145deg,#fffdf9,#f8f0e5)!important;
  border-color:rgba(90,67,39,.14)!important;
  box-shadow:0 8px 22px rgba(74,55,33,.07)!important;
}
html[data-theme="light"] .rate-box:hover{background:#fff8ed!important;border-color:rgba(183,94,13,.24)!important}
html[data-theme="light"] .currency-name,html[data-theme="light"] .rate-value{color:#202936!important}
html[data-theme="light"] .detail-item{background:#f1e8db!important;border-color:rgba(90,67,39,.12)!important}
html[data-theme="light"] .detail-label{color:#68717b!important}
html[data-theme="light"] .detail-value{color:#26313e!important}
html[data-theme="light"] .home-inline-market-summary{background:#fbf2e6!important;border-color:rgba(183,94,13,.15)!important}
html[data-theme="light"] .topic,html[data-theme="light"] .parite-card,html[data-theme="light"] .detail-card,html[data-theme="light"] .widget,html[data-theme="light"] .chart-widget,html[data-theme="light"] .comments-widget{background:#fffdf9!important;border-color:rgba(85,65,42,.13)!important}
html[data-theme="light"] .breadcrumb-bar,html[data-theme="light"] .breadcrumb-nav{color:#65707d!important}
html[data-theme="light"] .breadcrumb-bar a,html[data-theme="light"] .breadcrumb-nav a{color:#42566e!important}

/* Tablet */
@media (max-width:1050px){
  .rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .rate-box{min-width:0!important}
}

/* Mobile — actual grid, no horizontal overflow */
@media (max-width:760px){
  .container,.header-wrapper,.haber-container{width:calc(100% - 16px)!important}
  .hero-content{padding:12px 2px 10px!important}
  .hero-content h1{font-size:28px!important;line-height:1.08!important}
  .hero-content p{font-size:13px!important;line-height:1.55!important}
  .rates-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:12px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .rate-box{
    flex:auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:180px!important;
    padding:13px!important;
    scroll-snap-align:none!important;
    border:1px solid var(--ad29-line)!important;
  }
  .currency-name{font-size:14px!important}
  .change-indicator{padding:5px 7px!important;font-size:10px!important}
  .main-rate{padding:18px 0 14px!important}
  .rate-value{font-size:25px!important;letter-spacing:0!important}
  .rate-label{font-size:8px!important}
  .rate-details{gap:6px!important}
  .detail-item{padding:8px 6px!important;text-align:center!important}
  .detail-label{font-size:8px!important}.detail-value{font-size:12px!important}
  .home-inline-market-summary{padding:14px!important}
  .main-wrapper{margin-top:4px!important}
  .breadcrumb-bar{padding:8px 0 10px!important}
}

@media (max-width:420px){
  .rates-grid{grid-template-columns:1fr!important}
  .rate-box{min-height:172px!important}
  .rate-value{font-size:28px!important}
}

/* === v30 final detail-page polish === */
.breadcrumb-bar{margin-top:0!important;margin-bottom:14px!important}
.main-wrapper>.main-inner>.container{padding-top:12px!important}
.topic,.detail-card,.widget,.chart-widget,.comments-widget{transition:border-color .18s ease,background .18s ease!important}
.price-card,.price-main-card,.parite-price-card{border-radius:16px!important;box-shadow:none!important}
html[data-theme="light"] .breadcrumb-bar,html[data-theme="light"] .breadcrumb-bar a{color:#65707b!important}
@media(max-width:760px){.main-wrapper>.main-inner>.container{padding-top:8px!important}.breadcrumb-bar{margin-bottom:10px!important}}