/* ========================================
   SADE YENİ CSS - V1.7 (Flexbox Grid Dönüşümü + Sağ Kayma Fix + Container Esnetme)
   Ek: Haber-detail için max-width kaldırıldı, responsive genişletildi.
   Kullanım: Bu tam dosya – kopyala, yeni.css'e yapıştır, HTML'ini değiştirme.
   ======================================== */
/* 1. RESET & BASE */
* { box-sizing: border-box; }
html { font-size: 100%; line-height: 1.4; overflow-x: hidden; }
body {
  margin: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #333;
  background: #fff;
  line-height: 18px;
  overflow-x: hidden; /* Sağ kaymayı kesin kes */
}
a { color: #1e6c98; text-decoration: none; font-weight: 600; }
a:hover { color: #3697bf; text-decoration: underline; }
/* HEADER LİNKLERİ İÇİN HOVER ALT ÇİZGI GİDERME */
.site-header-shell a:hover { text-decoration: none !important; }
img { max-width: 100%; height: auto; border: 0; display: block; }
/* Modal/Popup Gizleme */
.modal, .screen-splash, .fake-splash, .splash-wrapper { display: none !important; }
.splash-close, .warningfield { display: none; }
/* Variables - GENİŞLETME: Haber için sınırsız */
:root {
  --primary: #1e6c98;
  --success: #00ff39;
  --danger: #db3325;
  --warning: #f5a732;
  --info: #4eb2d5;
  --dark: #333;
  --light: #f5f5f5;
  --gutter: 10px;
  --border-radius: 4px;
  --container-max: none; /* DEĞİŞTİ: 940px'den none'a – haber genişlesin */
  --footer-padding: 20px;
}
/* Clearfix Helper (Float'lar için, ama Flexbox'la azaldı) */
.clearfix::after, .widget::after, .haberlerkutu::after, .currency-ticker::after {
  content: "";
  display: table;
  clear: both;
}
/* 2. TYPOGRAPHY */
h1 { font-size: 30px; line-height: 36px; font-weight: 700; margin: 0; }
h2, h3 { font-size: 18px; line-height: 27px; }
h4, h5, h6 { font-size: 14px; line-height: 18px; text-transform: uppercase; }
p { margin: 0 0 9px; word-wrap: break-word; text-align: justify; font-size: 1rem; }
ul, ol { margin: 0 0 9px 25px; padding: 0; list-style: disc; }
ul.unstyled { list-style: none; }
/* 3. LAYOUT - Container & Flexbox Grid (YENİ: Flexbox Dönüşümü + Haber Override) */
.container {
  max-width: var(--container-max); /* none ile sınırsız */
  margin: 0 auto;
  padding: 0 var(--gutter);
  overflow: visible; /* DEĞİŞTİ: Hidden'dan visible'a – taşma izin ver */
}
/* HABER SAYFASI İÇİN ÖZEL OVERRIDE */
.haber-detail-page .container,
.haber-detail-page .haber-container {
  max-width: none !important; /* Force: Haber için sınırsız */
  width: 100% !important;
  padding: 0 20px !important; /* Gutter'ı artır */
  margin: 0 !important;
  overflow: visible !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -var(--gutter); /* Negatif margin ile padding dengesi */
  overflow: visible; /* DEĞİŞTİ: Taşma izin ver */
}
[class*="span"] {
  flex: 0 0 auto; /* Flex item'ı esnetme, auto genişlik */
  padding: 0 var(--gutter); /* Kenar boşlukları padding'e taşı */
}
.span12 { width: 100%; } /* Tam genişlik */
.span6 { width: 50%; } /* Yarım genişlik */
.span3 { width: 25%; } /* Çeyrek genişlik */
/* Eski class'ları güvene al */
.span12, .span6, .span3 { box-sizing: border-box; }
/* Responsive Grid - GENİŞLETME: 1024px+'ya kadar desktop tut */
@media (max-width: 1023px) { /* DEĞİŞTİ: 767'den 1023'e – tablet'te geniş tut */
  [class*="span"] { width: 100% !important; } /* Mobil'de her şey tam genişlik */
  .container, .container-fluid { padding: 0 12px; width: 100% !important; overflow-x: visible; } /* Padding artır */
  .haber-detail-page .container { padding: 0 16px !important; } /* Haber için ekstra */
}
.container-fluid { padding: 0 var(--gutter); width: 100%; overflow: visible; } /* DEĞİŞTİ */
/* 4. COMPONENTS */
.btn {
  display: inline-block;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  color: var(--dark);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background 0.2s;
}
.btn:hover { background: var(--light); }
.btn-primary { background: var(--primary); color: #fff; }
.btn-success { background: var(--success); color: #fff; }
.btn-danger { background: var(--danger); color: #fff; }
input, select, textarea {
  width: 100%; /* Fixed'den % yap */
  max-width: none; /* DEĞİŞTİ: Haber için sınır kaldır */
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  font-size: 13px;
  box-sizing: border-box; /* Padding taşma önle */
}
input:focus {
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 8px rgba(82,168,236,0.6);
  width: 100%; /* Focus'ta da esnet */
}
.table {
  width: 100%;
  margin-bottom: 18px;
  border-collapse: collapse;
  table-layout: fixed; /* Kolon taşmasını önle */
  word-wrap: break-word;
}
.table td, .table th {
  padding: 8px;
  border-top: 1px solid #ddd;
  text-align: left;
  word-wrap: break-word; /* Uzun metinleri kır */
}
.table thead th { background: linear-gradient(#fafafa, #e9e9e9); }
.table-bordered { border: 1px solid #ddd; border-radius: var(--border-radius); }
.table-striped tbody tr:nth-child(odd) td { background: #f9f9f9; }
/* Pagination */
.pagination ul { list-style: none; margin: 0; padding: 0; }
.pagination li { display: inline; }
.pagination a {
  padding: 5px 14px;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
}
/* 5. NAVBAR & HEADER */
.navbar {
  background: #121212;
  color: #fff;
  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: #fff;
  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: #e0e0e0;
  margin-top: 17px;
}
.navbar .logo div.description { font-weight: 700; color: #ccc; }
.navbar .bottom-header {
  background: #262626;
  padding: 0 var(--footer-padding);
  height: 50px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; /* Ticker iç taşma önle */
}
.navbar .nav > li > a {
  padding: 10px 8px 11px 9px;
  line-height: 19px;
  color: #fff !important;
  border-right: 1px solid rgba(255,255,255,0.1);
  font-size: 0.9375rem;
  text-shadow: none;
}
.navbar .nav > li > a:hover {
  background-color: #3f4257;
  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.35); border-radius: var(--border-radius); }
.navbar .search-query {
  background-color: #444;
  width: 150px;
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 4px 9px;
}
.navbar-search .search-query {
  background: #086;
  border: 0;
  color: #fff;
  line-height: normal;
}
.navbar-search .login-query {
  background: #ccc;
  border: 0;
  color: #fff;
  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; /* DEĞİŞTİ: Hidden'dan visible'a */
}
.currency-box a { padding: 7.8px 37px; display: block; }
.currency-box a:hover { background: #2c2e3c; }
.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 #2ca8b3;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #2ca8b3;
}
.currency-ticker .currency-content {
  float: right;
  color: #2c8eb3;
  padding: 1px 0;
}
.currency-ticker .currency-content strong { display: block; font-size: 1.0625rem; }
.currency-ticker .currency-content span.down { color: #dc2626; }
.currency-ticker .currency-content span.up { color: #4ade80; }
/* Subnavbar */
.subnavbar {
  margin-bottom: 2.5em;
  background: #fff;
  border-bottom: 1px solid #d6d6d6;
}
.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 #d9d9d9;
}
.subnavbar .container > ul > li > a {
  display: block;
  height: 100%;
  padding: 0 20px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #666;
}
.subnavbar .container > ul > li > a:hover { color: #333; 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;
}
.subnavbar .container > ul > li.active > a {
  border-bottom: 3px solid #ff7f74;
  color: #000;
}
/* 6. FOOTER */
.footer {
  margin-top: 0;
  border-top: 1px solid #292929;
  clear: both;
  overflow: visible; /* DEĞİŞTİ */
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
.footer-inner {
  padding: var(--footer-padding) 0 15px;
  font-size: 0.875rem;
  background: #111;
  color: #ccc;
  text-align: center;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  overflow: visible; /* DEĞİŞTİ */
}
.footer a { color: #ccc; }
.footer a:hover { color: #fff; text-decoration: none; }
.footer .footer-terms {
  text-align: left;
  margin: 0 auto var(--gutter);
  padding: 0 var(--footer-padding);
  display: block;
  width: 100%;
}
.footer .footer-terms a {
  margin-left: 0;
  margin-right: 1.5em;
  display: inline-block;
  white-space: nowrap;
}
.footer .uyari, .footer .onemli-uyari {
  margin-left: var(--footer-padding);
  margin-right: var(--footer-padding);
  text-align: right;
  padding: var(--gutter);
  border-radius: var(--border-radius);
}
.footer .hizli-erisim {
  margin: 0 var(--footer-padding);
  text-align: center;
}
/* 7. CUSTOM SITE STYLES */
.widget {
  margin-bottom: 2em;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  overflow: visible; /* DEĞİŞTİ */
}
.widget-header {
  background: linear-gradient(#404040, #262626);
  color: #fff;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}
.widget-header h3 { margin: 0; font-size: 1rem; font-weight: 800; }
.widget-content {
  padding: 20px;
  background: #fff;
  overflow: visible; /* DEĞİŞTİ */
}
.haberlerkutu {
  width: 100%;
  max-width: none; /* DEĞİŞTİ: Haber için sınırsız */
  margin: 0 auto;
  padding: 0 var(--gutter);
  overflow: visible; /* DEĞİŞTİ */
}
.haberler { float: left; width: 300px; padding: 10px; }
#yukselen-hisse { background: var(--success); color: #fff; text-align: center; padding: 10px; float: left; width: 50%; }
#dusen-hisse { background: var(--danger); color: #fff; text-align: center; padding: 10px; float: right; width: 50%; }
.parite-signal {
  display: inline-block;
  width: 250px;
  height: 250px;
  background: linear-gradient(#2c8cb3, #2ca9b3);
  border-radius: 5px 5px 0 0;
  text-align: center;
  color: #fff;
  vertical-align: bottom;
  margin-left: 45px;
  box-sizing: border-box; /* Margin taşma önle */
}
.parite-signal .signal-title { padding: 10px; color: #cddc39; }
/* Döviz Çevirici Hesaplama Kutusu Fix */
.tbvOrtaAlan, .tbvOrtaKapsa, .tbvSimge, .tbvSimgeYani {
  width: 100% !important;
  max-width: none !important; /* DEĞİŞTİ */
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: visible; /* DEĞİŞTİ */
  display: flex;
  flex-wrap: wrap;
}
.tbvSimge { width: auto; height: auto; justify-content: center; }
.tbvSimge input {
  width: 100% !important;
  max-width: none; /* DEĞİŞTİ */
  margin: 0 auto;
}
.tbvSimgeYani {
  width: 100%;
  border: 2px solid #5798c7;
  border-radius: var(--border-radius);
  padding: 10px;
  text-align: center;
}
@media (max-width: 1023px) { /* DEĞİŞTİ: 767'den 1023'e */
  .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 #ccc;
}
#big_stats .stat .value { font-size: 2.25rem; font-weight: 700; }
/* 8. RESPONSIVE - GENİŞLETME */
@media (max-width: 1023px) { /* DEĞİŞTİ: Tablet'te geniş tut */
  .container { padding: 0 12px; } /* Padding artır */
  .widget-header { height: auto; padding: 10px; }
  .parite-signal { display: block; width: 100%; margin: 10px 0; }
  .haberler { float: none; width: 100%; }
  #big_stats .stat { display: block; width: 100%; margin-bottom: 10px; }
  /* Header mobil */
  .navbar .logo { width: 100%; text-align: center; }
  .navbar .bottom-header { padding: 0 10px; height: auto; margin: 0; width: 100%; }
  .currency-ticker {
    width: 100%;
    padding: 0 10px;
    grid-template-columns: repeat(2,1fr);
    gap: 5px;
    overflow-x: auto; /* Yatay scroll izin ver eğer taşarsa */
  }
  .subnavbar .container > ul > li { min-width: auto; border-left: 0; float: none; display: inline-block; }
  /* Footer mobil */
  :root { --footer-padding: 10px; }
  .footer-inner { padding: var(--footer-padding) 0 15px; }
  .footer .footer-terms { padding: 0 var(--footer-padding); text-align: center; }
  .footer .footer-terms a, .footer .uyari, .footer .hizli-erisim { display: block; margin: 5px 0; text-align: center; }
  /* Genel mobil fix */
  input, select, textarea, .widget-content, .haberlerkutu { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; max-width: none !important; }
  .haber-detail-page .container { padding: 0 16px !important; } /* Haber ekstra */
}
@media (max-width: 480px) {
  body { font-size: 12px; }
  .btn { padding: 6px 12px; font-size: 12px; }
  .footer-inner { font-size: 0.75rem; padding: 5px 0; }
  .currency-ticker { grid-template-columns: 1fr; padding: 0 5px; }
  /* Ekstra dar ekran */
  .tbvSimge input { font-size: 20px; padding: 10px; }
  .container { padding: 0 8px; } /* En dar için */
}
/* HEADER CSS - INTEGRATED FROM INLINE STYLE (KORUNDU - GENİŞ KALSIN) */
*{margin:0;padding:0;box-sizing:border-box;}
body{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,sans-serif;
    background:#0a0a0a;
    color:#fff;
}
.site-header-shell{
    background:#0a0a0a;
    padding:0;
    position:relative;
    z-index:9999;
}
.header-wrapper{
    background:#111827;
    border-radius:0;
    border:1px solid #1f2937;
    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;
}
/* ====== TOP BAR ====== */
.header-top{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    column-gap:24px;
    row-gap:12px;
    padding:16px 16px 12px;
    border-bottom:1px solid #1f2937;
}
/* logo */
.brand-block{
    display:flex;
    flex-direction:column;
    line-height:1.2;
    min-width:max-content;
    flex-shrink:0;
}
.brand-link{
    text-decoration:none;
    color:inherit;
    display:flex;
    flex-direction:column;
    line-height:1.2;
}
.brand-title{
    font-size:20px;
    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:10px;
    color:#6b7280;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:2px;
}
/* kurlar container */
.price-bar-top{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    min-width:0;
    flex:1;
    margin-left:180px;
}
.mini-asset{
    display:flex;
    align-items:center;
    gap:12px;
    background:#1a2335;
    border:1px solid rgba(255,255,255,0.07);
    border-radius:8px;
    padding:8px 12px;
    min-width:170px;
    text-decoration:none;
    color:#fff;
    box-shadow:0 10px 20px rgba(0,0,0,0.5);
    flex-shrink:0;
}
.mini-asset:hover{
    background:#1f2a3f;
    border-color:rgba(96,165,250,0.4);
}
.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;
}
.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:#94a3b8;
    text-transform:uppercase;
    letter-spacing:.5px;
    text-align:center;
}
.asset-value{
    font-size:16px;
    font-weight:700;
    color:#fff;
    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;
}
.pos{background:rgba(34,197,94,0.15);color:#22c55e;}
.neg{background:rgba(239,68,68,0.15);color:#ef4444;}
.neu{background:rgba(148,163,184,0.15);color:#94a3b8;}
.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:#1f2937;
    border:1px solid #374151;
    color:#e5e7eb;
    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 (mobilde gösterilecek) */
.mobile-login-wrapper{
    position:relative;
    display:none;
}
.mobile-login-trigger{
    background:#1f2937;
    border:1px solid #374151;
    color:#e5e7eb;
    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;
    flex-shrink:0;
}
.mobile-login-trigger .caret{
    margin-left:auto;
    font-size:11px;
    color:#9ca3af;
    font-weight:700;
}
.mobile-login-dropdown{
    position:absolute;
    top:110%;
    right:0;
    background:#1f2937;
    border:1px solid #374151;
    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;
}
.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:#9ca3af;
}
.inline-field input{
    width:100%;
    border-radius:6px;
    border:1px solid #4b5563;
    background:#111827;
    color:#fff;
    font-size:13px;
    padding:8px 10px;
}
.inline-login-btn{
    border:0;
    border-radius:6px;
    background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 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:#fff;
    text-decoration:none;
    line-height:1.4;
}
.inline-small-link:hover{
    color:#60a5fa;
}
/* ===== ALT BAR ===== */
.market-bar{
    background:#0f172a;
    border-top:1px solid #1f2937;
    padding:12px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}
/* 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:#e5e7eb;
    text-decoration:none;
    line-height:1.4;
    padding:6px 0;
    white-space:nowrap;
    transition:color .2s;
}
.menu-link:hover{
    color:#60a5fa;
}
.menu-link.active{
    color:#60a5fa;
}
.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ı (sadece desktopta görünecek) */
.user-area-desktop{
    margin-left:auto;
    display:flex;
    align-items:flex-start;
    position:relative;
}
.usernav-split{
    display:flex;
    align-items:flex-start;
    background:#1f2937;
    border:1px solid #374151;
    border-radius:8px;
    box-shadow:0 20px 40px rgba(0,0,0,0.8);
    position:relative;
    color:#e5e7eb;
    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:#e5e7eb;
    background:#1f2937;
    border-radius:8px 0 0 8px;
}
.usernav-mainlink:hover{
    background:#253041;
}
.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 #374151;
    background:#1f2937;
    color:#9ca3af;
    font-size:12px;
    font-weight:700;
    line-height:1;
    padding:8px 10px;
    border-radius:0 8px 8px 0;
    cursor:pointer;
}
.usernav-caretbtn:hover{
    background:#253041;
    color:#fff;
}
.usernav-dropdown{
    position:absolute;
    top:110%;
    right:0;
    min-width:230px;
    background:#1f2937;
    border:1px solid #374151;
    border-radius:8px;
    padding:12px;
    box-shadow:0 20px 40px rgba(0,0,0,0.8);
    display:none;
    z-index:99999;
}
.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:#9ca3af;
    font-weight:500;
}
.usernav-login-form input{
    width:100%;
    border-radius:6px;
    border:1px solid #4b5563;
    background:#111827;
    color:#fff;
    font-size:13px;
    padding:8px 10px;
}
.usernav-login-form .login-btn{
    border:0;
    border-radius:6px;
    background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 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:#fff;
    text-decoration:none;
    line-height:1.4;
}
.usernav-login-form .inline-link:hover{
    color:#60a5fa;
}
.dropdown-link{
    display:block;
    font-size:13px;
    line-height:1.4;
    color:#fff;
    text-decoration:none;
    padding:6px 0;
}
.dropdown-link:hover{
    background:#374151;
    border-radius:4px;
    padding-left:6px;
}
/* ---------- RESPONSIVE ---------- */
/* mobil/tablet */
@media(max-width:1023px){
    .header-top{
        flex-direction:column;
        align-items:center;
        gap:16px;
        padding:20px 16px 16px;
    }
    .brand-block{
        width:100%;
        text-align:center;
    }
    .price-bar-top{
        flex-basis:100%;
        margin-left:0;
        margin-top:0;
        width:100%;
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
        -ms-overflow-style:none;
        justify-content:flex-start;
        padding:0 0 0 16px;
    }
    .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;
    }
    .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:#0f172a;
        border-top:1px solid #1f2937;
        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;
    }
}
@media(max-width:600px){
    .brand-title{
        font-size:18px;
    }
    .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;
    }
}
/* masaüstü */
@media(min-width:1024px){
    .price-bar-top{
        margin-left:180px;
    }
    .mini-asset{
        min-width:250px;
    }
    /* hamburger ve mobil login masaüstünde gizli */
    .hamburger-btn{
        display:none;
    }
    .mobile-login-wrapper{
        display:none;
    }
    /* menü masaüstünde hep açık */
    .market-bar{
        flex-direction:row;
        padding:12px 16px;
    }
    .main-menu{
        display:flex !important;
    }
    .user-area-desktop{
        display:flex;
        margin-left:auto;
    }
}