/* =====================================================================
   BRIGHTORBIT ARAYUZU (giris / karsilama / hangar + ortak ust menu)
   Tasarim: BRIGHTORBIT_Tum_Ekran_Tasarimlari.zip
   header.php bu dosyayi EN SON yukler; eski sol menu (sidebar) duzeni
   burada kapatilip tum sayfalar tam genislige alinir.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Exo+2:wght@400;500;600;700;800&display=swap');

:root {
    --bo-bg: #040a15;
    --bo-panel: rgba(7, 18, 34, .92);
    --bo-panel-2: rgba(10, 26, 48, .94);
    --bo-line: #1c4b74;
    --bo-line-hi: #2fb6ff;
    --bo-cyan: #39c4ff;
    --bo-text: #dcecff;
    --bo-muted: #7f9bbb;
    --bo-gold: #f6c64a;
    --bo-green-1: #6af04a;
    --bo-green-2: #1f9d1a;
    --bo-red: #ff5a4f;
    --bo-radius: 4px;
    /* orta icerik genisligi (eskisi 1240px; yedek: brightorbit.css.bak_pre_width_20261105) */
    --bo-w: 1000px; /* orijinal DarkOrbit ana sayfa genisligi (once 1240, sonra 1500 denendi; yedek: brightorbit.css.bak_pre_w1000_20261105) */
    /* eski premium.css duzeni (sol menu + sabit ust cubuk) devre disi */
    --sidebar-w: 0px;
    --topbar-h: 0px;
    --resstrip-h: 0px;
    --statusbar-h: 0px;
}

/* ---------- genel zemin ---------- */
body.bo-body {
    margin: 0;
    min-height: 100vh;
    color: var(--bo-text);
    font-family: 'Exo 2', 'Segoe UI', sans-serif;
    background:
        radial-gradient(1200px 600px at 75% -10%, rgba(40, 120, 220, .28), transparent 60%),
        radial-gradient(900px 500px at 10% 30%, rgba(20, 70, 160, .22), transparent 60%),
        radial-gradient(700px 400px at 90% 80%, rgba(255, 120, 40, .10), transparent 60%),
        /* tum ekrani kaplayan zemin: BrightOrbit tasariminin kendisinden uretilmis, bulanik ve koyu uzay */
        url('/img/brightorbit/bo_space_base.jpg') center / cover no-repeat,
        var(--bo-bg);
    background-attachment: fixed;
}
body.bo-body::before {
    /* yildiz tozu */
    content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        radial-gradient(1px 1px at 12% 18%, #fff, transparent 60%),
        radial-gradient(1px 1px at 32% 72%, #cfe6ff, transparent 60%),
        radial-gradient(1.5px 1.5px at 58% 34%, #fff, transparent 60%),
        radial-gradient(1px 1px at 78% 62%, #bfe0ff, transparent 60%),
        radial-gradient(1px 1px at 88% 14%, #fff, transparent 60%),
        radial-gradient(1px 1px at 46% 90%, #fff, transparent 60%),
        radial-gradient(1.5px 1.5px at 6% 84%, #e3f1ff, transparent 60%);
    background-size: 640px 640px;
    opacity: .55;
}
/* Kenar uzay gorselleri (tum giris yapilmis sayfalar, bo_topnav.php).
   Kaynak: BrightOrbit tasariminin kendisi (solda gemiler + asteroitler, sagda uzay istasyonu).
   Tek parca, AYNALAMA YOK (eski aynali kopya ek yeri birakiyordu). Her gorsel ekranin DIS kenarina
   yaslanir, ic kenari PNG icinde yumusakca saydamlasir ve alttaki zemine (bo_space_base.jpg) karisir.
   Eski hali: brightorbit.css.bak_pre_bg_20261105 */
body.bo-body .bo-side-art {
    position: fixed; top: 0; bottom: 0; width: 50%; z-index: 0; pointer-events: none; overflow: hidden;
}
body.bo-body .bo-side-art::after {
    content: ""; position: absolute; inset: 0;
    background-repeat: no-repeat; background-size: auto 100%;
}
body.bo-body .bo-side-art.l { left: 0; }
body.bo-body .bo-side-art.l::after { background-image: url('/img/brightorbit/bo_edge_left.png'); background-position: left center; }
body.bo-body .bo-side-art.r { right: 0; }
body.bo-body .bo-side-art.r::after { background-image: url('/img/brightorbit/bo_edge_right.png'); background-position: right center; }

/* eski duzenin parcalari: tamamen kapat */
body.bo-body .video-bg,
body.bo-body .overlay,
body.bo-body .space-stars,
body.bo-body .cursor-glow,
body.bo-body .sidebar,
body.bo-body .topbar,
body.bo-body .res-strip,
body.bo-body .app-statusbar { display: none !important; }
body.bo-body .wrapper { padding: 0 !important; margin: 0 !important; position: relative; z-index: 1; }
body.bo-body main { position: relative; z-index: 1; }

/* ---------- metal cerceveli panel ---------- */
.bo-frame {
    position: relative;
    background: linear-gradient(180deg, var(--bo-panel-2), var(--bo-panel));
    border: 1px solid var(--bo-line);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 24px rgba(30, 110, 190, .12), 0 8px 30px rgba(0, 0, 0, .55);
    clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
}
.bo-frame::before {
    content: ""; position: absolute; left: 18px; right: 18px; top: 0; height: 2px;
    background: linear-gradient(90deg, transparent, var(--bo-line-hi), transparent);
    opacity: .8;
}
.bo-title {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    margin: 0; padding: 9px 14px;
    font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 1.5px;
    color: var(--bo-cyan); text-transform: uppercase;
    background: linear-gradient(180deg, rgba(30, 80, 130, .35), rgba(10, 30, 55, .2));
    border-bottom: 1px solid var(--bo-line);
}

/* ---------- butonlar ---------- */
.bo-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 22px; min-width: 120px;
    font-family: 'Exo 2', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: 1px; text-transform: uppercase;
    color: var(--bo-text); text-decoration: none; cursor: pointer;
    background: linear-gradient(180deg, #17375a, #0b1d33);
    border: 1px solid #2b6496;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 10px rgba(0, 0, 0, .5);
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    transition: filter .15s, transform .15s, border-color .15s;
}
.bo-btn:hover { filter: brightness(1.25); border-color: var(--bo-line-hi); color: #fff; }
.bo-btn.is-active {
    color: #08223b;
    background: linear-gradient(180deg, #e9f6ff, #9fd3f5);
    border-color: #fff;
    box-shadow: 0 0 16px rgba(120, 200, 255, .65);
}
.bo-btn.gold { color: #2a1b00; background: linear-gradient(180deg, #ffe08a, #e5a51d); border-color: #ffe9a8; }
.bo-btn.blue { background: linear-gradient(180deg, #1f7fd6, #0c4a8c); border-color: #63b8ff; }
.bo-btn.green {
    color: #fff; text-shadow: 0 2px 0 rgba(0, 60, 0, .6);
    background: linear-gradient(180deg, var(--bo-green-1), var(--bo-green-2));
    border-color: #b6ff9a;
    box-shadow: 0 0 22px rgba(90, 240, 70, .45), inset 0 2px 0 rgba(255, 255, 255, .35);
}
.bo-icon-btn {
    display: inline-grid; place-items: center; width: 38px; height: 34px;
    color: #cfe8ff; text-decoration: none;
    background: linear-gradient(180deg, #17375a, #0a1a2e);
    border: 1px solid #2b6496; border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.bo-icon-btn:hover { border-color: var(--bo-line-hi); color: #fff; }
.bo-icon-btn svg { width: 20px; height: 20px; }

/* =====================================================================
   UST MENU (tum giris yapilmis sayfalar)
   ===================================================================== */
.bo-top { position: relative; z-index: 5; max-width: var(--bo-w); margin: 0 auto; padding: 0 16px; }
/* Eski header.css / footer.css'teki genel "header {}" ve "footer {}" kurallari ust menunun ve alt bilginin
   arkasina koyu, bulanik bir serit koyuyordu (arka plan gorseli orada siyah gorunuyordu). Hepsi kapatildi:
   menu ve alt bilgi dogrudan uzay zemininin ustunde durur. */
body.bo-body header.bo-top,
body.bo-body footer.bo-footer {
    background: none !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.bo-statline {
    display: flex; align-items: center; gap: 10px; height: 30px; padding-top: 4px;
    font-size: 13px; font-weight: 700; color: #e8f4ff;
}
.bo-statline .chip {
    display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 14px;
    background: linear-gradient(180deg, rgba(14, 34, 58, .95), rgba(6, 16, 30, .95));
    border: 1px solid var(--bo-line);
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}
.bo-statline .chip small { color: var(--bo-muted); font-weight: 600; }
.bo-statline .chip img { width: 16px; height: 16px; }
.bo-statline .chip img.res-ic { width: auto; height: 24px; margin: -3px 0; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .8)); }
.bo-statline .grow { flex: 1; }

.bo-brandrow { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 4px; }
.bo-brandrow .left, .bo-brandrow .right { display: flex; gap: 8px; }
.bo-brandrow .right { justify-content: flex-end; }
.bo-logo { text-align: center; text-decoration: none; display: block; padding: 2px 30px 0; }
.bo-logo .word {
    display: block;
    font-family: 'Orbitron', sans-serif; font-weight: 900; font-style: italic;
    font-size: 36px; line-height: 1; letter-spacing: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #d7e6f5 45%, #8aa4bf 55%, #e9f3ff 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 10px rgba(80, 170, 255, .55)) drop-shadow(0 2px 0 #0b2a4a);
}
.bo-logo .tag {
    display: block; margin-top: 4px;
    font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 6px;
    color: var(--bo-cyan); text-shadow: 0 0 8px rgba(57, 196, 255, .7);
}

/* Ust menu yerlesimi: kademeli dugme kumeleri + ortada BASLA + altta metal taban.
   Sol kume asagi indikce saga, sag kume sola kayar (perspektif hissi).
   Eski duz 2x3 izgara: brightorbit.css.bak_pre_navlayout_20261105 */
.bo-navgrid {
    position: relative;
    display: grid; grid-template-columns: 1fr 250px 1fr; gap: 14px; align-items: start;
    margin-top: 4px; padding: 0 22px 30px;
}
.bo-navcol { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 31px) 24px; gap: 6px 8px; }
.bo-navcol .bo-btn { width: auto; min-width: 0; padding: 6px 6px; font-size: 13px; letter-spacing: .5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bo-navcol .n-big { font-size: 15px; letter-spacing: 1px; }
.bo-navcol .is-soon { cursor: default; color: var(--bo-muted); }
.bo-navcol .is-soon:hover { filter: none; border-color: #2b6496; color: var(--bo-muted); }
/* sol kume */
.bo-navcol.left .n-hangar { grid-column: 1; grid-row: 1; margin-left: 0; }
.bo-navcol.left .n-klan   { grid-column: 1; grid-row: 2; margin-left: 10px; }
.bo-navcol.left .n-kupon  { grid-column: 1; grid-row: 3; margin-left: 20px; }
.bo-navcol.left .n-mail   { grid-column: 1; grid-row: 4; margin-left: 20px; }
.bo-navcol.left .n-skylab { grid-column: 2; grid-row: 2; }
.bo-navcol.left .n-pilot  { grid-column: 2; grid-row: 3 / 5; margin-left: 10px; }
/* sag kume (ayna) */
.bo-navcol.right .n-shop    { grid-column: 2; grid-row: 1; margin-right: 0; }
.bo-navcol.right .n-auction { grid-column: 2; grid-row: 2; margin-right: 10px; }
.bo-navcol.right .n-gg      { grid-column: 2; grid-row: 3; margin-right: 20px; }
.bo-navcol.right .n-pay     { grid-column: 1; grid-row: 2 / 4; margin-right: 0; }
/* metal alt taban: yanlarda ince ray, ortada BASLA'nin altinda yukselen kaide, uclarda egik tutamaklar */
.bo-navbase {
    position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 30px; pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 46px, rgba(0, 0, 0, .45) 46px 48px),
        linear-gradient(180deg, #8193a6 0, #3a4858 18%, #18212c 45%, #0c121a 70%, #445466 100%);
    clip-path: polygon(0 62%, 3% 62%, 4% 50%, 36% 50%, 38% 0, 62% 0, 64% 50%, 96% 50%, 97% 62%, 100% 62%, 100% 100%, 0 100%);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8));
}
.bo-navbase::before, .bo-navbase::after { content: none; }
/* uc tutamaklar ve gruplarin altindaki mavi parlamalar */
.bo-navglow {
    position: absolute; z-index: 1; left: 3%; right: 3%; bottom: 15px; height: 26px; pointer-events: none;
    background:
        radial-gradient(ellipse 14% 80% at 15% 100%, rgba(57, 196, 255, .95), transparent 70%),
        radial-gradient(ellipse 12% 80% at 31% 100%, rgba(57, 196, 255, .8), transparent 70%),
        radial-gradient(ellipse 12% 80% at 69% 100%, rgba(57, 196, 255, .8), transparent 70%),
        radial-gradient(ellipse 14% 80% at 85% 100%, rgba(57, 196, 255, .95), transparent 70%),
        linear-gradient(90deg, transparent 0, rgba(120, 220, 255, .9) 4% 34%, transparent 36% 64%, rgba(120, 220, 255, .9) 66% 96%, transparent 100%) bottom / 100% 1px no-repeat;
}
/* rayin iki ucundaki dik metal tutturucular */
.bo-navglow::before, .bo-navglow::after {
    content: ""; position: absolute; bottom: -15px; width: 9px; height: 26px;
    background: linear-gradient(90deg, #2a3644, #9aacbf 45%, #2a3644);
    border: 1px solid #0b1118; border-radius: 2px;
    box-shadow: 0 0 8px rgba(57, 196, 255, .55);
}
.bo-navglow::before { left: -3.5%; transform: skewX(-18deg); }
.bo-navglow::after  { right: -3.5%; transform: skewX(18deg); }
.bo-navcol .mail {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    color: #cfe8ff; text-decoration: none; font-weight: 700; font-size: 14px;
}
.bo-navcol .mail svg { width: 24px; height: 18px; color: #8fd0ff; }
.bo-navcol .mail .n { color: var(--bo-muted); }
.bo-start-wrap { position: relative; z-index: 2; padding: 6px 18px; margin-top: 30px; }
.bo-start-wrap::before, .bo-start-wrap::after {
    /* metal kiskaclar */
    content: ""; position: absolute; top: 4px; bottom: 4px; width: 16px;
    background: linear-gradient(180deg, #5b6b7d, #1d2733 50%, #5b6b7d);
    border: 1px solid #0b1118; border-radius: 3px;
}
.bo-start-wrap::before { left: 0; }
.bo-start-wrap::after { right: 0; }
.bo-start {
    width: 100%; padding: 10px 10px;
    font-family: 'Orbitron', sans-serif; font-size: 26px; font-weight: 900; letter-spacing: 2px;
    clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0 50%);
}

.bo-ticker {
    display: grid; grid-template-columns: 1fr 380px; gap: 10px; margin-top: 8px;
}
.bo-ticker .msg, .bo-ticker .res {
    display: flex; align-items: center; gap: 12px; min-height: 28px; padding: 0 14px;
    font-size: 13px; color: #dbeaff;
    background: linear-gradient(180deg, rgba(4, 12, 24, .95), rgba(8, 22, 40, .95));
    border: 1px solid var(--bo-line);
}
.bo-ticker .msg b { color: var(--bo-cyan); }
.bo-ticker .msg .mk { width: 22px; height: 22px; flex: none; color: var(--bo-gold); }
.bo-ticker .res { justify-content: space-around; font-weight: 800; font-size: 16px; }
.bo-ticker .res span { display: inline-flex; align-items: center; gap: 8px; }
.bo-ticker .res i {
    font-style: normal; font-family: 'Orbitron', sans-serif; font-weight: 900; font-size: 18px;
    color: #9fd8ff; text-shadow: 0 0 6px rgba(80, 180, 255, .8);
}

/* ---------- alt bilgi ---------- */
.bo-footer {
    position: relative; z-index: 1;
    max-width: var(--bo-w); margin: 10px auto 0; padding: 6px 16px 10px;
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.bo-footer .links { color: var(--bo-muted); font-size: 14px; }
.bo-footer .links a { color: #cfe2f7; text-decoration: none; }
.bo-footer .links .lnk { color: #cfe2f7; cursor: default; }
.bo-footer .links a:hover { color: #fff; }
.bo-footer .links .sep { margin: 0 8px; color: #4a6788; }
.bo-follow { display: flex; align-items: center; gap: 8px; }
.bo-follow .lbl {
    padding: 8px 18px; font-weight: 800; letter-spacing: 1px; font-size: 14px;
    background: linear-gradient(180deg, rgba(14, 34, 58, .95), rgba(6, 16, 30, .95));
    border: 1px solid var(--bo-line);
    clip-path: polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);
}
.bo-follow a { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px; color: #fff; text-decoration: none; }
.bo-follow a svg { width: 20px; height: 20px; }
.bo-follow .ig { background: radial-gradient(circle at 30% 110%, #fdd254 0%, #f7801f 30%, #d6247b 60%, #7a2fd1 100%); }
.bo-follow .fb { background: #1877f2; }
.bo-follow .tw { background: #1d9bf0; }
.bo-follow .yt { background: #ff1f1f; }

/* ---------- sayfa govdesi (dashboard / hangar / diger sayfalar) ---------- */
.bo-page { position: relative; z-index: 1; max-width: var(--bo-w); margin: 10px auto 0; padding: 0 16px; }
body.bo-body main:not(.bo-page) { max-width: var(--bo-w); margin: 18px auto 0; padding: 0 16px 20px; }

/* toast */
.bo-toast {
    position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(20px);
    z-index: 9999; padding: 12px 22px; min-width: 260px; text-align: center;
    font-weight: 700; color: #fff; opacity: 0; pointer-events: none;
    background: rgba(8, 24, 44, .97); border: 1px solid var(--bo-line-hi);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .6); transition: opacity .2s, transform .2s;
}
.bo-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.bo-toast.err { border-color: var(--bo-red); }

@media (max-width: 1000px) {
    .bo-navgrid { grid-template-columns: 1fr; padding: 0 0 8px; }
    .bo-start-wrap { order: -1; margin-top: 0; }
    /* dar ekranda kademe/taban yok: duz 2 sutun */
    .bo-navcol { grid-template-rows: none; grid-auto-rows: 34px; }
    .bo-navcol .bo-btn, .bo-navcol .mail { grid-column: auto !important; grid-row: auto !important; margin: 0 !important; }
    .bo-navbase, .bo-navglow { display: none; }
    .bo-ticker { grid-template-columns: 1fr; }
    .bo-logo .word { font-size: 34px; }
    body.bo-body .bo-side-art { display: none; }
}
@media (max-width: 600px) {
    .bo-navcol.left, .bo-navcol.right { grid-template-columns: 1fr 1fr; }
    .bo-statline { flex-wrap: wrap; height: auto; }
}

/* ---------- ekrana sigdir (js/bo_fit.js) ---------- */
html.bo-fitted, html.bo-fitted body { overflow: hidden; }

/* ---- dil secici (ust menu) ---- */
.bo-lang {
    display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px;
    color: #cfe8ff; background: linear-gradient(180deg, #17375a, #0a1a2e);
    border: 1px solid #2b6496; border-radius: 3px; cursor: pointer;
}
.bo-lang:hover { border-color: var(--bo-line-hi); color: #fff; }
.bo-lang svg { width: 18px; height: 18px; flex: none; }
.bo-lang select {
    appearance: none; -webkit-appearance: none; background: transparent; border: 0; outline: 0;
    color: inherit; font: 600 13px/1 inherit; font-family: inherit; cursor: pointer; padding-right: 2px;
}
.bo-lang select option { color: #000; }

/* Tur 45: tasarim logosu gorseli (bo_topnav + giris). Eski yazi logosu (.word/.tag) kurallari duruyor. */
.bo-logo .bo-logo-img { display: block; height: 100px; width: auto; margin: -16px auto -14px; pointer-events: none; }
body.bo-login .bo-logo .bo-logo-img { height: 104px; margin: -14px auto -16px; }
@media (max-width: 1000px) { .bo-logo .bo-logo-img { height: 76px; margin: -8px auto -8px; } }