/* Top navigation redesign (DB-configurable)
   - Main row: icon tiles
   - Secondary row: compact pills
*/

/* Minor spacing tweaks */
.toplinks .inner{gap:14px}

/* Right-side widgets */
.topAvatar{width:40px;height:40px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);display:grid;place-items:center}
.topAvatar img{width:100%;height:100%;object-fit:cover}
.topGoldPill{white-space:nowrap}

/* Wrap */
.topNavWrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}

/* Main row (tiles) */
.topNavRow{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.topNavRow::-webkit-scrollbar{height:6px}
.topNavRow::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}

.topNavItem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;border:1px solid transparent;background:rgba(255,255,255,.03);color:var(--text);min-width:max-content}
.topNavItem:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}

.topNavIcon{width:34px;height:34px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);display:grid;place-items:center}
.topNavIcon i{font-size:15px;opacity:.95}
.topNavIcon img{width:18px;height:18px;object-fit:contain}

.topNavLabel{font-size:13px;font-weight:800;letter-spacing:.1px;white-space:nowrap;color:rgba(229,231,235,.95)}

/* Secondary row (pills) */
.topNavRow--secondary{gap:8px}
.topNavPill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.16);color:var(--muted);font-size:12px;white-space:nowrap}
.topNavPill:hover{color:var(--text);background:rgba(255,255,255,.04)}
.topNavPill i{font-size:12px}
.topNavPill img{width:14px;height:14px;object-fit:contain}

/* Mobile tweaks */
@media (max-width: 720px){
  .toplinks .inner{flex-wrap:wrap;justify-content:flex-start}
  .topNavWrap{width:100%}
  .topNavLabel{display:none}
  .topNavItem{padding:8px}
}



.brandLink{display:flex;align-items:center;}
.brandLogo{
  height: 80px;      /* burayı büyüt/küçült */
  width: auto;
  object-fit: contain;
}



.brandDot{
  display: none !important;
}