/* Boldsmiths ortak header + üst menü stilleri. içinde yüklenir (FOUC yok); nav.js yalnızca menü öğesini enjekte eder. */ /* --- header: marka + hesap grubu --- */ header { border-bottom:0 !important; padding:14px 28px !important; } .brand { display:inline-flex; align-items:center; gap:13px; text-decoration:none; } .brand img { height:48px; width:auto; filter:drop-shadow(0 0 10px rgba(212,175,55,.28)); } .brand-name { font-family:var(--display, Georgia, serif); font-size:23px; letter-spacing:.16em; line-height:1; color:var(--text, #e2e8f0); } .brand-name b { color:var(--gold, #d4af37); font-weight:400; } .acct { margin-left:auto; display:flex; align-items:center; flex-wrap:wrap; border:1px solid var(--line, #243044); border-radius:999px; padding:3px 6px; background:linear-gradient(180deg, rgba(212,175,55,.05), rgba(0,0,0,0)); } .acct > * { position:relative; padding:6px 15px; font-size:12.5px; line-height:1; white-space:nowrap; } .acct > * + *::before { content:''; position:absolute; left:0; top:7px; bottom:7px; width:1px; background:var(--line, #243044); transform:skewX(-20deg); } .acct .chip, .acct #planChip, .acct #tokChip, .acct #emailChip { border:none !important; border-radius:0; background:none; } .acct #planChip { font-family:var(--display, Georgia, serif); font-size:13px; letter-spacing:.08em; color:var(--gold, #d4af37); } .acct #tokChip { color:var(--gold, #d4af37); font-weight:700; font-size:13px !important; } .acct #emailChip { color:var(--dim, #8fa1b8); } .acct a { color:var(--accent, #38bdf8); text-decoration:none; font-size:12.5px; } .acct a:hover { color:var(--gold, #d4af37); } .acct button { background:none; border:none; cursor:pointer; font:inherit; font-size:12.5px; color:var(--dim, #8fa1b8); } .acct button:hover { color:var(--red, #f87171); } @media (max-width:720px){ header { padding:12px 14px !important; } .brand img { height:40px; } .brand-name { font-size:19px; } .acct > * { padding:6px 10px; } } /* --- üst menü --- */ .topnav { display:flex; justify-content:center; flex-wrap:wrap; background:linear-gradient(180deg, rgba(212,175,55,.04), rgba(0,0,0,0)), var(--card, #101827); border-bottom:1px solid var(--line, #243044); padding:0 12px; } .topnav a { position:relative; font-family:var(--display, Georgia, serif); font-size:15px; letter-spacing:.07em; color:var(--dim, #8fa1b8); text-decoration:none; padding:14px 28px; white-space:nowrap; transition:color .15s; } .topnav a:hover { color:var(--accent, #38bdf8); } .topnav a.on { color:var(--gold, #d4af37); } .topnav a.on::after { content:''; position:absolute; left:28px; right:28px; bottom:-1px; height:2px; background:var(--gold, #d4af37); } .topnav a + a::before { content:''; position:absolute; left:0; top:13px; bottom:13px; width:1px; background:var(--line, #243044); transform:skewX(-20deg); } @media (max-width:720px) { .topnav a { padding:11px 14px; font-size:13px; } .topnav a.on::after { left:14px; right:14px; } }