/* ============================================================
   aw-shell.css — Topbar + Sidebar partagés Alfawin216
   Utilisé par : index.php, sportsbook.php, lucksports-book.php,
   login.php, et toute autre page front qui veut le même habillage.
   ============================================================ */
:root{ --aw-red:#E70013; --aw-red-dark:#a8000f; --aw-bg:#0b0f17; --aw-panel:#131a26; --aw-border:#212b3a; }
*{box-sizing:border-box}
body.aw-body{background:var(--aw-bg);margin:0;font-family:'Inter','Segoe UI',sans-serif;color:#e5e7eb}
.aw-body a{color:inherit}

/* Topbar */
.aw-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#0d1420;border-bottom:1px solid var(--aw-border);position:sticky;top:0;z-index:50}
.aw-logo{display:flex;align-items:center;text-decoration:none}
.aw-logo img{height:26px}
.aw-topbar-right{display:flex;align-items:center;gap:10px}
.aw-wallet{background:var(--aw-panel);border:1px solid var(--aw-border);color:#fff;padding:7px 16px;border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap}
.aw-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.aw-btn-outline{border-color:var(--aw-border);color:#cbd5e1}
.aw-btn-outline:hover{border-color:var(--aw-red);color:#fff}
.aw-btn-solid{background:var(--aw-red);color:#fff}
.aw-btn-solid:hover{background:var(--aw-red-dark);color:#fff}

/* Layout */
.aw-layout{display:flex;max-width:1400px;margin:0 auto}
.aw-sidebar{width:230px;flex-shrink:0;padding:20px 12px;border-right:1px solid var(--aw-border);min-height:calc(100vh - 58px)}
.aw-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#9ca3af;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:2px}
.aw-side-link:hover, .aw-side-link.active{background:var(--aw-panel);color:#fff}
.aw-side-link i{width:18px;text-align:center;color:var(--aw-red)}
.aw-side-group-title{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#4b5563;margin:18px 12px 8px}
.aw-side-soon{opacity:.45;cursor:default}
.aw-main{flex:1;min-width:0;padding:24px}
.aw-main-flush{flex:1;min-width:0;padding:0}

/* Mobile sidebar toggle */
.aw-menu-btn{display:none;background:none;border:none;color:#fff;font-size:20px}
@media(max-width:900px){
  .aw-menu-btn{display:block}
  .aw-sidebar{position:fixed;left:0;top:58px;bottom:0;background:#0d1420;z-index:40;transform:translateX(-100%);transition:.25s;overflow-y:auto}
  .aw-sidebar.open{transform:translateX(0)}
}