/* =============================================
   BahisMania.pro — CSS
   Betlink tarzı: #0d1117 zemin + #4ade80 yeşil + #38bdf8 mavi
   ============================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:  #4ade80;
  --green-d:#16a34a;
  --blue:   #38bdf8;
  --bg:     #0d1117;
  --bg2:    #161b22;
  --bg3:    #1c2333;
  --bg4:    #21262d;
  --border: #30363d;
  --text:   #e6edf3;
  --text2:  #8b949e;
  --text3:  #6e7681;
  --sb-w:   72px;
}
html{font-family:'Sen',sans-serif;font-size:14px;line-height:1.6;background:var(--bg);color:var(--text);scroll-behavior:smooth}
body{min-height:100vh}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}

/* ── Top band ──────────────────────────────── */
.bm-topband{background:var(--bg2);border-bottom:1px solid var(--border);height:32px;display:flex;align-items:center;position:sticky;top:0;z-index:200}
.bm-topband-inner{display:flex;align-items:center;gap:12px;padding:0 16px;overflow:hidden;white-space:nowrap;font-size:11px;font-weight:700}
.bm-topband-link{color:var(--green);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:opacity .15s}
.bm-topband-link:hover{opacity:.8}
.bm-topband-sep{color:var(--border)}
.bm-topband-link:first-child{color:var(--blue)}

/* ── App layout ────────────────────────────── */
.bm-app{display:flex;min-height:calc(100vh - 32px)}

/* ── Sol Sidebar ───────────────────────────── */
.bm-sidebar{
  width:var(--sb-w);background:var(--bg2);border-right:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;
  position:sticky;top:32px;height:calc(100vh - 32px);
  overflow-y:auto;overflow-x:hidden;flex-shrink:0;z-index:100;
  scrollbar-width:none;
}
.bm-sidebar::-webkit-scrollbar{display:none}

.bm-sidebar-logo{padding:14px 0 10px;display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid var(--border);flex-shrink:0}
.bm-logo-link{display:flex;align-items:center;justify-content:center}
.bm-logo-img{height:44px;width:44px;border-radius:10px;object-fit:contain;flex-shrink:0}

/* Nav items — Betlink tarzı yuvarlak ikonlar */
.bm-sidenav{padding:10px 0;width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}
.bm-sn-item{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  color:var(--text3);text-decoration:none;
  transition:background .12s,color .12s;
  background:transparent;position:relative;flex-shrink:0;
}
.bm-sn-item svg{flex-shrink:0}
.bm-sn-item span{display:none}
.bm-sn-item:hover{background:var(--bg3);color:var(--text)}
.bm-sn-item.active{background:var(--bg4);color:#fff}
.bm-sn-item.active svg{color:var(--green)}
.bm-sn-item.bm-sn-tg{color:var(--blue)}
.bm-sn-item.bm-sn-tg:hover{background:rgba(56,189,248,.1)}
.bm-sn-divider{width:32px;height:1px;background:var(--border);margin:4px 0}

/* Overlay (mobile) */
.bm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:90}
.bm-overlay.show{display:block}

/* ── Ana içerik ─────────────────────────────── */
.bm-main{flex:1;display:flex;flex-direction:column;min-width:0}

/* Mobile header */
.bm-mobile-header{
  display:none;align-items:center;justify-content:space-between;
  background:var(--bg2);border-bottom:1px solid var(--border);
  padding:0 16px;height:52px;flex-shrink:0;
  position:sticky;top:32px;z-index:80;
}
.bm-hamburger{background:none;border:none;cursor:pointer;color:var(--text2);display:flex}
.bm-mobile-tg{color:var(--green)}

/* ── Sponsor bölümü ─────────────────────────── */
.bm-sp-section{padding:24px}
.bm-sp-header{margin-bottom:16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bm-sp-title{font-size:13px;font-weight:800;color:var(--text);letter-spacing:1.5px;text-transform:uppercase}
.bm-sp-subtitle{font-size:12px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:4px 12px;display:inline-flex;align-items:center;gap:6px}
.bm-crown{font-size:14px}

.bm-sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}

.bm-sp-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .1s; justify-content: space-between;}
.bm-sp-card:hover{border-color:rgba(74,222,128,.4);transform:translateY(-2px)}

.bm-sp-logo-wrap{background:var(--bg3);height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}
.bm-sp-logo-img{max-height:50px;max-width:160px;object-fit:contain;padding: 10px;}
.bm-sp-logo-placeholder{font-size:28px;font-weight:800;color:var(--green);letter-spacing:-.5px}
.bm-sp-tier{font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;width:fit-content}
.bm-sp-tier--vip{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#f59e0b}
.bm-sp-tier--ana{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.25);color:var(--green)}
.bm-sp-tier--std{background:rgba(139,148,158,.1);border:1px solid rgba(139,148,158,.2);color:var(--text2)}

.bm-sp-body{padding:14px;display:flex;flex-direction:column;gap:8px}
.bm-sp-name-row{display:flex;align-items:center;justify-content:space-between}
.bm-sp-name{font-weight:800;font-size:16px;color:var(--text)}
.bm-sp-bonus{font-size:12px;color:var(--text2);line-height:1.5}

.bm-sp-rating{display:flex;align-items:center;gap:4px}
.bm-sp-rating-txt{font-size:11px;font-weight:700;color:var(--text2);margin-left:4px}

.bm-sp-actions{display:flex;gap:8px;margin-top:4px}
.bm-sp-btn-git{width:100%;background:var(--green);color:#0d1117;font-family:'Sen',sans-serif;font-size:13px;font-weight:600;padding:11px 16px;border-radius:7px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s}
.bm-sp-btn-git:hover{opacity:.88}

/* ── İçerik alanı ────────────────────────────── */
.bm-content-wrap{padding:24px}
.bm-content-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.bm-content-main{display:flex;flex-direction:column;gap:16px}
.bm-content-side{position:sticky;top:calc(32px + 16px);display:flex;flex-direction:column;gap:14px}

/* Breadcrumb */
.bm-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);margin-bottom:20px;flex-wrap:wrap}
.bm-breadcrumb a{color:var(--text2);transition:color .1s}
.bm-breadcrumb a:hover{color:var(--green)}
.bm-breadcrumb .sep{color:var(--border)}
.bm-breadcrumb .cur{color:var(--text)}

/* Sayfa hero */
.bm-page-hero{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:24px}
.bm-page-hero h1{font-weight:800;font-size:clamp(20px,2.8vw,28px);color:var(--text);letter-spacing:-.4px;margin-bottom:8px}
.bm-page-hero p{font-size:14px;color:var(--text2);line-height:1.7}

/* Kart */
.bm-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px}
.bm-card-head{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:rgba(74,222,128,.03)}
.bm-card-title{font-weight:700;font-size:13px;color:var(--text)}
.bm-card-tag{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}

.bm-article{padding:20px 22px;font-size:13px;color:var(--text2);line-height:1.8}
.bm-article h1,.bm-article h2{font-weight:800;font-size:15px;color:var(--text);margin:18px 0 8px}
.bm-article h1:first-child,.bm-article h2:first-child{margin-top:0}
.bm-article h3{font-weight:700;font-size:13px;color:var(--text);margin:14px 0 6px}
.bm-article p{margin-bottom:10px}
.bm-article p:last-child{margin-bottom:0}
.bm-article ul,.bm-article ol{padding-left:18px;margin:8px 0;list-style:disc}
.bm-article li{margin-bottom:5px}
.bm-article strong{color:var(--text);font-weight:700}
.bm-article em{font-style:italic;color:var(--text)}
.bm-article a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.bm-article table{width:100%;border-collapse:collapse;font-size:12px;margin:10px 0}
.bm-article th{background:var(--bg3);padding:8px 12px;border:1px solid var(--border);font-weight:700;color:var(--text);text-align:left}
.bm-article td{padding:8px 12px;border:1px solid var(--border)}
.bm-article td:first-child{font-weight:600;color:var(--text)}

/* FAQ */
.bm-faq-list{padding:4px 0}
.bm-faq-item{border-bottom:1px solid var(--border)}
.bm-faq-item:last-child{border-bottom:none}
.bm-fq{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 18px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);user-select:none}
.bm-fq:hover{color:var(--green)}
.bm-fq-icon{flex-shrink:0;font-size:17px;color:var(--border);line-height:1;transition:transform .2s}
.bm-faq-item.open .bm-fq-icon{transform:rotate(45deg);color:var(--green)}
.bm-fa{font-size:13px;color:var(--text2);line-height:1.7;padding:0 18px 13px;display:none}
.bm-faq-item.open .bm-fa{display:block}

/* Related links */
.bm-related{display:flex;gap:8px;flex-wrap:wrap;padding:16px 22px}
.bm-related-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:12px;font-weight:600;padding:7px 14px;border-radius:6px;text-decoration:none;transition:border-color .1s,color .1s}
.bm-related-btn:hover{border-color:rgba(74,222,128,.3);color:var(--green)}

/* ── Footer ─────────────────────────────────── */
.bm-footer{background:var(--bg2);border-top:1px solid var(--border);margin-top:auto}
.bm-footer-inner{padding:32px 24px 20px;max-width:1100px}
.bm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:24px;margin-bottom:24px}
.bm-footer-logo-row{display:flex;align-items:center;margin-bottom:10px}
.bm-footer-brand{font-weight:800;font-size:17px;color:var(--text)}
.bm-footer-desc{font-size:12px;color:var(--text3);line-height:1.65;margin-bottom:12px}
.bm-footer-tg{display:inline-flex;align-items:center;gap:6px;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);color:var(--green);font-size:12px;font-weight:700;padding:5px 12px;border-radius:6px;text-decoration:none;transition:opacity .15s}
.bm-footer-tg:hover{opacity:.85}
.bm-footer nav h5{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.bm-footer nav ul li+li{margin-top:6px}
.bm-footer nav a{font-size:12px;color:var(--text3);transition:color .1s}
.bm-footer nav a:hover{color:var(--green)}
.bm-footer-bottom{border-top:1px solid var(--border);padding-top:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text3)}
.bm-18{background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:9px;font-weight:800;padding:2px 6px;border-radius:3px}

/* ── Responsive ──────────────────────────────── */
@media(max-width:1024px){
  .bm-sp-grid{grid-template-columns:repeat(3,1fr)}
  .bm-content-inner{grid-template-columns:1fr 1fr}
  .bm-footer-grid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:768px){
  :root{--sb-w:0px}
  .bm-sidebar{position:fixed;left:-240px;top:0;height:100%;width:240px;z-index:300;transition:left .25s ease}
  .bm-sidebar.open{left:0;width:240px}
  .bm-sidebar.open .bm-sn-item{width:100%;height:auto;padding:10px 14px;border-radius:8px;justify-content:flex-start;gap:12px}
  .bm-sidebar.open .bm-sn-item span{display:block;font-size:13px;font-weight:600;white-space:nowrap}
  .bm-mobile-header{display:flex}
  .bm-topband{top:0}
  .bm-main{padding-top:0}
  .bm-sp-section,.bm-content-wrap{padding:16px}
  .bm-content-inner{grid-template-columns:1fr;display:flex;flex-direction:column-reverse}
  .bm-content-side{display:flex;position:static}
  .bm-content-side .bm-sp-grid{grid-template-columns:repeat(2,1fr)}
  .bm-footer-grid{grid-template-columns:1fr 1fr}
  .bm-footer-grid>div:first-child{grid-column:1/-1}
  .bm-footer-inner{padding:24px 16px 16px}
}
@media(max-width:480px){
  .bm-footer-grid{grid-template-columns:1fr}
  .bm-footer-bottom{flex-direction:column;align-items:flex-start}
  .bm-topband-inner{gap:8px;font-size:10px}
  .bm-sp-grid{grid-template-columns:repeat(2,1fr)}
}

/* Sağ sidebar sponsor: tek sütun, kompakt */
.bm-content-side .bm-sp-section{padding:0}
.bm-content-side .bm-sp-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}
.bm-content-side .bm-sp-header{display:none}
.bm-content-side .bm-sp-logo-wrap{height:50px}
.bm-content-side .bm-sp-logo-img{max-height:45px;max-width: 100%;}
.bm-content-side .bm-sp-name{font-size:13px}
.bm-content-side .bm-sp-body {
    padding: 10px;
    height: -webkit-fill-available;
    display: flex;
    justify-content: space-between;
}
.bm-content-side .bm-sp-btn-git{font-size:11px;padding:8px 10px}