:root{
  --kw-primary:#1A2A5E;
  --kw-primary-2:#243d86;
  --kw-gold:#FFD700;
  --kw-orange:#E67E22;
  --kw-bg:#f6f8fc;
  --kw-surface:#ffffff;
  --kw-text:#0f172a;
  --kw-muted:#64748b;
  --kw-border:#e5ebf5;
  --kw-danger:#ef4444;
  --kw-bottom:#071124;
  --kw-bottom-2:#101d35;
  --kw-shadow:0 18px 45px rgba(15,23,42,.16);
}

.kw-bet-header,
.kw-bet-header *,
.kw-bet-mobile-nav,
.kw-bet-mobile-nav *,
.kw-mobile-sheet,
.kw-mobile-sheet *{box-sizing:border-box;}

body{padding-bottom:0;}

.kw-bet-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--kw-border);box-shadow:0 8px 22px rgba(15,23,42,.06);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.kw-bet-topbar{max-width:1420px;margin:0 auto;min-height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;}

/* Logo original conservé */
.kw-bet-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--kw-primary);min-width:max-content;}
.kw-logo-original{height:42px;width:auto;max-width:150px;object-fit:contain;display:block;}
.kw-brand-name{font-size:21px;font-weight:950;letter-spacing:-.04em;color:var(--kw-primary);white-space:nowrap;}

/* Desktop horizontal */
.kw-horizontal-menu{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;position:relative;}
.kw-h-link{height:42px;padding:0 12px;border:0;background:transparent;border-radius:999px;display:inline-flex;align-items:center;gap:8px;color:#475569;text-decoration:none;font-size:14px;font-weight:850;white-space:nowrap;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease;}
.kw-h-link:hover{background:#f1f5f9;color:var(--kw-primary);transform:translateY(-1px);}
.kw-h-link.is-active{background:linear-gradient(135deg,var(--kw-primary),var(--kw-primary-2));color:#fff;box-shadow:0 10px 24px rgba(26,42,94,.20);}
.kw-mode-admin .kw-h-link.is-active{background:linear-gradient(135deg,#111827,#334155);}
.kw-nav-icon{width:20px;height:20px;flex:0 0 20px;}
.kw-h-more-wrap{position:relative;}
.kw-h-more-panel{position:absolute;right:0;top:calc(100% + 12px);width:270px;background:#fff;border:1px solid var(--kw-border);border-radius:18px;padding:9px;box-shadow:var(--kw-shadow);z-index:1100;}
.kw-h-more-panel[hidden]{display:none!important;}
.kw-more-link{min-height:46px;padding:10px 12px;border-radius:14px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#334155;font-size:14px;font-weight:850;}
.kw-more-link:hover{background:#f1f5f9;color:var(--kw-primary);}
.kw-more-link.is-active{background:rgba(26,42,94,.10);color:var(--kw-primary);}

.kw-header-right{display:flex;align-items:center;gap:8px;min-width:max-content;}
.kw-round-action{position:relative;width:42px;height:42px;border-radius:999px;border:1px solid var(--kw-border);background:#fff;color:#334155;display:grid;place-items:center;text-decoration:none;transition:.18s ease;}
.kw-round-action:hover{background:#f8fafc;color:var(--kw-primary);box-shadow:0 8px 18px rgba(15,23,42,.10);}
.kw-round-action .kw-nav-icon{width:21px;height:21px;}
.kw-round-action.kw-logout:hover{color:var(--kw-danger);background:#fff5f5;}
.kw-notif-dot{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;font-weight:950;display:flex;align-items:center;justify-content:center;}
.kw-user-chip{height:42px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--kw-border);display:flex;align-items:center;gap:8px;background:#fff;text-decoration:none;color:#334155;font-weight:900;}
.kw-user-chip:hover{box-shadow:0 8px 18px rgba(15,23,42,.08);}
.kw-user-avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--kw-gold),var(--kw-orange));color:#111827;font-size:12px;font-weight:950;}
.kw-mode-admin .kw-user-avatar{background:linear-gradient(135deg,#111827,#334155);color:#fff;}
.kw-user-role{font-size:12px;color:#475569;}
.kw-login-link,.kw-register-link{height:42px;padding:0 15px;border-radius:999px;text-decoration:none;display:flex;align-items:center;font-weight:900;font-size:14px;}
.kw-login-link{color:var(--kw-primary);background:#f1f5f9;}
.kw-register-link{color:#111827;background:var(--kw-gold);box-shadow:0 10px 20px rgba(255,215,0,.22);}

/* Mobile footer style paris sportifs */
.kw-bet-mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1050;height:72px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--kw-bottom-2),var(--kw-bottom));border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -16px 38px rgba(0,0,0,.28);align-items:flex-end;justify-content:space-around;gap:3px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.kw-bet-mobile-nav::before{content:'';position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.75),transparent);}
.kw-bet-tab{position:relative;flex:1;height:58px;border:0;background:transparent;border-radius:14px;color:#cbd5e1;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:900;line-height:1;cursor:pointer;min-width:0;transition:.18s ease;}
.kw-bet-tab:hover,.kw-bet-tab.is-active{color:#fff;background:rgba(255,255,255,.08);}
.kw-tab-icon-wrap{width:26px;height:26px;border-radius:11px;display:grid;place-items:center;}
.kw-tab-icon-wrap .kw-nav-icon{width:22px;height:22px;}
.kw-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kw-featured-tab{margin-top:-22px;height:72px;overflow:visible;}
.kw-featured-tab .kw-tab-icon-wrap{width:54px;height:54px;border-radius:999px;background:linear-gradient(135deg,var(--kw-gold),var(--kw-orange));color:#111827;border:5px solid var(--kw-bottom-2);box-shadow:0 12px 28px rgba(0,0,0,.35);}
.kw-featured-tab .kw-tab-icon-wrap .kw-nav-icon{width:25px;height:25px;}
.kw-featured-tab .kw-tab-label{margin-top:-2px;color:#fff;font-size:10px;text-shadow:0 1px 4px rgba(0,0,0,.45);}
.kw-more-tab .kw-tab-icon-wrap{background:rgba(255,255,255,.08);}
.kw-bet-tab.is-active:not(.kw-featured-tab) .kw-tab-icon-wrap{background:rgba(255,215,0,.16);color:var(--kw-gold);}
.kw-mobile-admin .kw-featured-tab .kw-tab-icon-wrap{background:linear-gradient(135deg,#ffffff,#cbd5e1);color:#111827;}

/* Bottom sheet menu complet */
.kw-mobile-sheet-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.55);backdrop-filter:blur(3px);z-index:1200;}
.kw-mobile-sheet-backdrop[hidden]{display:none!important;}
.kw-mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1300;background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -22px 60px rgba(0,0,0,.28);padding:10px 14px calc(18px + env(safe-area-inset-bottom));max-height:min(82vh,680px);overflow:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.kw-mobile-sheet[hidden]{display:none!important;}
.kw-sheet-handle{width:54px;height:5px;border-radius:999px;background:#cbd5e1;margin:0 auto 12px;}
.kw-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 14px;border-bottom:1px solid var(--kw-border);}
.kw-sheet-header strong{display:block;font-size:18px;font-weight:950;color:var(--kw-text);}
.kw-sheet-header small{display:block;margin-top:4px;font-size:12px;font-weight:700;color:var(--kw-muted);word-break:break-all;}
.kw-sheet-close{width:42px;height:42px;border:0;border-radius:999px;background:#f1f5f9;color:#334155;display:grid;place-items:center;}
.kw-sheet-close .kw-nav-icon{width:22px;height:22px;}
.kw-sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:14px;}
.kw-sheet-item{min-height:84px;padding:12px 8px;border-radius:18px;background:#f8fafc;color:#334155;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:12px;font-weight:900;border:1px solid #eef2f7;}
.kw-sheet-item .kw-nav-icon{width:24px;height:24px;}
.kw-sheet-item:hover,.kw-sheet-item.is-active{background:linear-gradient(135deg,rgba(26,42,94,.10),rgba(255,215,0,.18));color:var(--kw-primary);border-color:rgba(26,42,94,.14);}
.kw-sheet-danger{color:#dc2626;background:#fff5f5;border-color:#fee2e2;}
body.kw-sheet-open{overflow:hidden;}

@media (max-width:1240px){
  .kw-h-link{padding:0 10px;font-size:13px;}
  .kw-h-link .kw-nav-icon{width:19px;height:19px;}
  .kw-user-role{display:none;}
}
@media (max-width:1060px){
  .kw-h-link span{display:none;}
  .kw-h-link{width:42px;padding:0;justify-content:center;}
  .kw-h-more-btn span{display:none;}
}
@media (max-width:820px){
  body{padding-bottom:84px;}
  .kw-bet-header{position:sticky;}
  .kw-bet-topbar{min-height:62px;padding:0 14px;}
  .kw-horizontal-menu{display:none!important;}
  .kw-bet-mobile-nav{display:flex;}
  .kw-logo-original{height:38px;max-width:128px;}
  .kw-brand-name{font-size:18px;}
  .kw-header-right .kw-user-chip,.kw-header-right .kw-logout{display:none;}
  .kw-login-link{display:none;}
  .kw-register-link{height:38px;padding:0 12px;font-size:13px;}
  .kw-round-action{width:38px;height:38px;}
}
@media (max-width:430px){
  .kw-bet-topbar{gap:8px;}
  .kw-brand-name{display:none;}
  .kw-logo-original{height:38px;max-width:126px;}
  .kw-bet-tab{font-size:9px;}
  .kw-featured-tab .kw-tab-icon-wrap{width:50px;height:50px;}
  .kw-sheet-grid{grid-template-columns:repeat(3,1fr);gap:7px;}
  .kw-sheet-item{min-height:78px;font-size:11px;border-radius:16px;}
}