/* ==========================================================================
   JB theme — header, side nav, home page, footer, bottom bar.
   Tokens and sizes follow the reference design (dark neutral + green).
   Loaded after style.css and the admin color overrides.
   ========================================================================== */

html:root{
  --jb-p200:#18d188; --jb-p300:#27b488; --jb-p400:#219772; --jb-p500:#14805e; --jb-p600:#10654b;
  --jb-accent:#ffdf1a;
  --jb-n100:#ffffff; --jb-n200:#e2e6e9; --jb-n300:#8d9aa5; --jb-n400:#657381; --jb-n500:#576775;
  --jb-n600:#454745; --jb-n700:#303232; --jb-n800:#222424; --jb-n900:#141515; --jb-n1000:#000000;
  --jb-line:rgba(255,255,255,.1);
  --jb-line-2:rgba(255,255,255,.15);
  --jb-gap:8px;
  --jb-radius:3px;
  --jb-fs-small:10px; --jb-fs-normal:12px; --jb-fs-larger:14px; --jb-fs-h5:16px;
  --jb-rail:64px;
  --jb-rail-open:300px;
  --jb-content-max:1200px;
  --jb-bottombar-h:56px;
  --header-h:64px !important;
  --page-wrapper-bg:var(--jb-n900) !important;
  --page-content-bg:var(--jb-n900) !important;
  --footer-bg:var(--jb-n1000) !important;
}

html{background:var(--jb-n900)}
body{
  background:var(--jb-n900);
  font-family:Poppins,'Hind Siliguri','Helvetica Neue',Helvetica,Tahoma,Arial,sans-serif;
}
.page-wrapper{padding-top:var(--header-h) !important;background:var(--jb-n900)}
.page-content{background:var(--jb-n900)}
@media(max-width:780px){
  body.has-mobile-download-bar .page-wrapper{padding-top:calc(var(--header-h) + var(--mobile-download-bar-h)) !important;}
}

/* ── Header ──────────────────────────────────────────────────────────── */
.jb-header.header{
  display:flex;align-items:center;height:var(--header-h);padding:0 0 0 var(--jb-gap);
  background:var(--jb-n900);border-bottom:1px solid var(--jb-line);box-shadow:none;
}
.jb-header__head,.jb-header__body{display:flex;align-items:center;flex:none;height:100%}
.jb-header__body{margin-inline-start:auto}
.jb-hd-menu{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:44px;height:44px;margin-inline-end:24px;padding:0;border:0;
  background:var(--jb-n700);border-radius:var(--jb-radius);cursor:pointer;transition:opacity .3s ease-in;
}
.jb-hd-menu:hover{opacity:.7}
.jb-hd-menu img{width:20px;height:20px;display:block}
.jb-hd-logo{display:flex;align-items:center;height:100%}
.jb-hd-logo img{height:48px;width:auto;display:block;transition:opacity .3s}
.jb-hd-logo:hover img{opacity:.7}
.jb-hd-links{display:flex;height:100%;margin-inline-start:32px}
.jb-hd-link{
  position:relative;display:flex;align-items:center;height:100%;padding:0 12px;
  color:var(--jb-n300);font-size:var(--jb-fs-normal);transition:opacity .5s;
}
.jb-hd-link:hover{opacity:.8}
.jb-hd-link img{width:20px;height:20px;display:block}
.jb-hd-link span{margin-inline-start:var(--jb-gap)}
.jb-hd-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:transparent;transition:background .5s}
.jb-hd-link--active:after{background:var(--jb-p500)}
.jb-hd-link--active{color:var(--jb-n200)}

.jb-hd-actions{display:flex;align-items:center;gap:4px}
.jb-btn{
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  height:34px;padding:0 10px;min-width:90px;border-radius:var(--jb-radius);
  font-family:inherit;font-size:var(--jb-fs-larger);font-weight:500;line-height:1;text-align:center;
  border:1px solid transparent;cursor:pointer;transition:opacity .3s,background .3s;white-space:nowrap;
}
.jb-btn:hover{opacity:.7}
.jb-btn--primary{background:var(--jb-p500);color:var(--jb-n100)}
.jb-btn--tertiary{background:transparent;color:var(--jb-n200);border-color:var(--jb-n600)}
.jb-btn--secondary{background:var(--jb-n700);color:var(--jb-n200)}
.jb-btn--yellow{background:linear-gradient(180deg,#ffee58 0%,#e38a00 100%);color:var(--jb-n900);font-weight:600}

.jb-hd-lang{display:flex;align-items:center;justify-content:center;width:64px;height:64px;cursor:pointer;transition:opacity .5s}
.jb-hd-lang:hover{opacity:.8}
.jb-hd-lang .lang-toggle__btn{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;width:100%;height:100%}
.jb-hd-lang .lang-toggle__flag{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}
.jb-hd-lang .lang-toggle__chev{display:none}

/* Logged-in bar */
.jb-header .hdr-user-bar{align-items:center;gap:6px;margin:0}
.jb-header .hdr-user-id{
  display:flex;align-items:center;height:34px;padding:0 10px;border-radius:var(--jb-radius);
  background:var(--jb-n800);color:var(--jb-n200);font-size:var(--jb-fs-normal);border:0;
}
.jb-header .hdr-balance{
  display:flex;align-items:center;gap:6px;height:34px;padding:0 6px 0 10px;border-radius:var(--jb-radius);
  background:var(--jb-n800);color:var(--jb-accent);font-size:var(--jb-fs-larger);font-weight:600;border:0;
}
.jb-header .hdr-balance-refresh{background:none;border:0;color:var(--jb-n300);padding:4px;font-size:12px}
.jb-header .hdr-notif-btn,
.jb-header .hdr-avatar-btn{
  width:34px !important;height:34px !important;border-radius:var(--jb-radius) !important;
  background:var(--jb-n800) !important;border:0 !important;
}
.jb-header .hdr-avatar-btn{display:flex;align-items:center;justify-content:center;padding:0}
.jb-header .hdr-avatar-dep-label{display:none}
.jb-header .hdr-notif-btn img,.jb-header .hdr-avatar-btn img{filter:brightness(0) invert(.75)}
.jb-header .btn-deposit.hdr-deposit-desktop{
  height:34px;padding:0 16px;border-radius:var(--jb-radius);border:0;
  background:var(--jb-p500);color:var(--jb-n100);font-size:var(--jb-fs-larger);font-weight:500;
}
.jb-header .hdr-history-mobile{display:none}
.jb-header .hdr-logout-btn{width:34px;height:34px;margin-inline-start:4px;border-radius:var(--jb-radius);background:var(--jb-n800);border:0;align-items:center;justify-content:center}
.jb-header .hdr-logout-btn img{width:16px;height:16px;filter:brightness(0) invert(.75)}
.jb-header .hdr-profile-menu{top:calc(var(--header-h) - 4px)}

@media(max-width:1023px){
  .jb-hd-links{display:none}
  .jb-hd-menu{width:36px;height:36px;margin-inline-end:10px}
  .jb-hd-logo img{height:40px}
}
@media(max-width:780px){
  .jb-header.header{padding-left:6px}
  .jb-hd-guest{display:none !important}
  .jb-hd-lang{width:48px}
  .jb-header .hdr-user-id,
  .jb-header .btn-deposit.hdr-deposit-desktop,
  .jb-header .hdr-logout-btn,
  .jb-header .hdr-avatar-btn--desktop{display:none !important}
  .jb-header .hdr-balance{height:30px;font-size:var(--jb-fs-normal)}
  .jb-header .hdr-notif-btn{width:30px !important;height:30px !important}
}

/* ── Side nav (desktop rail / mobile drawer) ─────────────────────────── */
.jb-sidenav-overlay{
  display:none;position:fixed;left:0;right:0;bottom:0;top:var(--header-h);z-index:998;
  background:rgba(20,21,21,.75);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.jb-sidenav-overlay.open{display:block}
.jb-sidenav{
  position:fixed;left:0;top:var(--header-h);bottom:0;z-index:999;
  width:var(--jb-rail-open);max-width:85vw;
  display:flex;flex-direction:column;
  background:var(--jb-n900);border-right:1px solid var(--jb-line);
  transform:translateX(-100%);transition:transform .3s ease,width .3s ease;
  -webkit-user-select:none;user-select:none;
}
.jb-sidenav.open{transform:translateX(0)}
.jb-sidenav__head{flex:none;padding:calc(var(--jb-gap) * 2)}
.jb-sidenav__scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.jb-sidenav__scroll::-webkit-scrollbar{width:0;height:0}
.jb-sidenav__section{padding-bottom:16px}
.jb-sidenav__section + .jb-sidenav__section{padding-top:16px;border-top:1px solid var(--jb-line-2)}

.jb-sm-chat{
  display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 12px;border:0;
  background:var(--jb-n800);color:var(--jb-n100);border-radius:var(--jb-radius);
  font-family:inherit;font-size:var(--jb-fs-normal);cursor:pointer;white-space:nowrap;overflow:hidden;
}
.jb-sm-chat:hover{opacity:.7}
.jb-sm-chat img{width:20px;height:20px;flex:none}

.jb-sm-item{
  display:flex;align-items:center;height:52px;padding:0 16px;gap:15px;
  color:var(--jb-n300);font-size:var(--jb-fs-larger);cursor:pointer;white-space:nowrap;overflow:hidden;
  background:transparent;border:0;width:100%;font-family:inherit;text-align:left;transition:background .3s,color .3s;
}
.jb-sm-item:hover{background:var(--jb-n800);color:var(--jb-n200)}
.jb-sm-item--active{color:var(--jb-n200)}
.jb-sm-item__icon{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--jb-n300)}
.jb-sm-item__icon img{width:20px;height:20px;display:block;object-fit:contain}
.jb-sm-item__icon img.jb-flag{border-radius:50%;object-fit:cover}
.jb-sm-item__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s}
.jb-sm-item__ext{flex:none;font-size:11px;color:var(--jb-n300);transition:opacity .25s}

/* Logged-in profile / balance blocks (drawer only) */
.jb-sidenav .side-menu__profile{
  display:flex;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 12px;
  background:var(--jb-n800);border-radius:var(--jb-radius);color:var(--jb-n200);
}
.jb-sidenav .side-menu__avatar{
  width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--jb-p500);color:#fff;font-weight:700;font-size:13px;
}
.jb-sidenav .side-menu__profile-info{flex:1;min-width:0;font-size:var(--jb-fs-normal);line-height:1.4}
.jb-sidenav .side-menu__profile-label{color:var(--jb-n300);font-size:var(--jb-fs-small)}
.jb-sidenav .side-menu__profile-name{color:var(--jb-n100);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jb-sidenav .side-menu__profile-id{color:var(--jb-n300);font-size:var(--jb-fs-small)}
.jb-sidenav .side-menu__balance-card{margin:0 16px 12px;padding:10px 12px;background:var(--jb-n800);border-radius:var(--jb-radius)}
.jb-sidenav .side-menu__balance-body{width:100%}
.jb-sidenav .side-menu__balance-row{display:flex;justify-content:space-between;font-size:var(--jb-fs-normal);line-height:1.8}
.jb-sidenav .side-menu__balance-label{color:var(--jb-n300)}
.jb-sidenav .side-menu__balance-val{color:var(--jb-accent);font-weight:600}
.jb-sidenav .side-menu__wager-val{color:var(--jb-n200)}

@media(min-width:1024px){
  body{padding-left:var(--jb-rail)}
  .jb-sidenav{transform:none;width:var(--jb-rail);max-width:none;box-shadow:4px 1px 5.3px #00000007,13.4px 3.4px 17.9px #0000000b,60px 15px 80px #00000012}
  .jb-sidenav:hover,.jb-sidenav.open{width:var(--jb-rail-open)}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item__title,
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item__ext{opacity:0}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-item{padding-left:22px}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-chat{padding:8px 10px;width:40px}
  .jb-sidenav:not(:hover):not(.open) .jb-sm-chat span{opacity:0}
  .jb-sidenav:not(:hover):not(.open) .side-menu__profile,
  .jb-sidenav:not(:hover):not(.open) .side-menu__balance-card{display:none !important}
  .jb-sidenav-overlay{left:var(--jb-rail)}
  .bottom-nav{display:none !important}
}

/* ── Home page ───────────────────────────────────────────────────────── */
.jb-home{padding-bottom:calc(var(--jb-gap) * 2)}
.jb-home__body{max-width:calc(var(--jb-content-max) + var(--jb-gap) * 4);margin:0 auto;padding:0 calc(var(--jb-gap) * 2)}

/* Banner carousel */
.jb-banner{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}
.jb-banner__track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.jb-banner__slide{flex:none;width:100%;display:block;cursor:pointer}
.jb-banner__slide img{display:block;width:100%;height:auto}
.jb-banner__nav{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:1150px;height:30px;
  display:flex;justify-content:space-between;pointer-events:none;
}
.jb-banner__btn{
  pointer-events:auto;width:34px;height:30px;border:0;padding:0;border-radius:var(--jb-radius);
  background:var(--jb-n700);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;
}
.jb-banner__btn:hover{opacity:.7}
.jb-banner__btn img{width:16px;height:16px}
.jb-banner__dots{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;left:0;right:0;bottom:10px}
.jb-banner__dot{width:12px;height:6px;border-radius:99px;background:var(--jb-n700);cursor:pointer;transition:width .5s,background-color .5s;border:0;padding:0}
.jb-banner__dot--active{width:24px;background:var(--jb-p500)}
@media(min-width:781px){
  /* Desktop: slides sit side by side at a fixed height with faded edges */
  .jb-banner__slide{width:auto;height:210px;margin-inline-end:var(--jb-gap)}
  .jb-banner__slide img{height:210px;width:auto;max-width:none}
  .jb-banner__viewport{
    -webkit-mask:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
            mask:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  }
  .jb-banner__dots{display:none}
}
@media(max-width:780px){
  .jb-banner{padding:var(--jb-gap) calc(var(--jb-gap) * 2) 0}
  .jb-banner__viewport{overflow:hidden;border-radius:var(--jb-radius)}
  .jb-banner__nav{display:none}
  .jb-banner__dots{position:static;margin-top:var(--jb-gap)}
}

/* Marquee */
.jb-marquee{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--jb-gap);padding:calc(var(--jb-gap) * 4) 0 calc(var(--jb-gap) * 2)}
.jb-marquee__icon{width:20px;height:20px;color:var(--jb-p500);display:flex;align-items:center;justify-content:center;font-size:15px}
.jb-marquee__content{overflow:hidden}
.jb-marquee__track{display:flex;width:max-content;animation:jbMarquee var(--jb-marquee-duration,40s) linear infinite}
.jb-marquee__content:hover .jb-marquee__track{animation-play-state:paused}
.jb-marquee__item{flex:none;padding-left:300px;white-space:nowrap;font-size:var(--jb-fs-larger);line-height:1.5;color:var(--jb-n200)}
.jb-marquee__item b{font-weight:700}
@keyframes jbMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:780px){.jb-marquee{padding:var(--jb-gap) 0}}

/* Mobile wallet strip (logged in) */
.jb-home #mobileBalanceBar .mob-home-wallet-row{gap:var(--jb-gap)}

/* Category nav */
.jb-mainnav{-webkit-user-select:none;user-select:none}
.jb-mainnav__cats{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}
.jb-mainnav__cats::-webkit-scrollbar{display:none}
.jb-mainnav__cats-inner{display:inline-flex;gap:var(--jb-gap)}
.jb-mainnav__btn{
  position:relative;flex:none;display:flex;flex-direction:column;align-items:center;min-width:80px;
  padding:var(--jb-gap) 0;border:0;background:none;cursor:pointer;font-family:inherit;
  opacity:0;animation:jbFadeIn .75s forwards;
}
.jb-mainnav__btn:before{
  content:"";position:absolute;left:0;bottom:0;width:100%;min-width:80px;height:50px;z-index:0;
  border-radius:var(--jb-radius);background:var(--jb-n800);transition:background .4s,height .4s;
}
.jb-mainnav__btn--active:before{background:var(--jb-p500);height:56px}
.jb-mainnav__img{position:relative;z-index:2;top:-4px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .4s}
.jb-mainnav__img img{width:40px;height:40px;display:block;object-fit:contain}
.jb-mainnav__btn--active .jb-mainnav__img{transform:translateY(-3px) scale(1.06)}
.jb-mainnav__text{position:relative;z-index:2;font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-n300);text-align:center;padding:0 8px;white-space:nowrap}
.jb-mainnav__btn--active .jb-mainnav__text{color:var(--jb-n100)}
@keyframes jbFadeIn{to{opacity:1}}

.jb-mainnav__panel{display:none;padding:var(--jb-gap) 0}
.jb-mainnav__panel--active{display:block;animation:jbFadeIn .4s both}
.jb-mainnav__panel--active{opacity:0}

.jb-games-banner{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--jb-gap)}
.jb-games-banner__cell{position:relative;display:block;border-radius:var(--jb-radius);background:var(--jb-n800);overflow:hidden;cursor:pointer;transition:opacity .3s}
.jb-games-banner__cell:hover{opacity:.8}
.jb-games-banner__cell img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.jb-games-banner__name{
  display:block;padding:6px 8px;font-size:var(--jb-fs-normal);color:var(--jb-n200);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}

.jb-games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--jb-gap)}
.jb-games-grid__cell{
  display:flex;align-items:center;height:50px;padding:0 15px;gap:15px;overflow:hidden;cursor:pointer;
  border-radius:var(--jb-radius);background:var(--jb-n800);transition:background .3s;
}
.jb-games-grid__cell:hover{background:var(--jb-n700)}
.jb-games-grid__icon{flex:none;width:30px;height:30px;border-radius:var(--jb-radius);overflow:hidden}
.jb-games-grid__icon img{display:block;width:100%;height:100%;object-fit:cover}
.jb-games-grid__cell--all .jb-games-grid__icon img{object-fit:contain}
.jb-games-grid__text{min-width:0;font-size:var(--jb-fs-larger);line-height:1.3;color:var(--jb-n300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.jb-more{display:flex;justify-content:center;margin-top:20px}
.jb-more .jb-btn{height:48px;width:150px;font-weight:600}

@media(max-width:780px){
  .jb-mainnav__cats-inner{margin:0}
  .jb-games-banner{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jb-games-banner__cell:nth-child(n+7){display:none}
  .jb-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jb-mainnav__btn,.jb-mainnav__btn:before{min-width:72px}
}
@media(min-width:781px) and (max-width:1100px){
  .jb-games-banner{grid-template-columns:repeat(6,minmax(0,1fr))}
  .jb-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Labeled carousels (Providers / Events / Exclusive Games) */
.jb-lc{margin-top:calc(var(--jb-gap) * 2)}
.jb-lc__head{display:flex;align-items:center;padding-bottom:10px}
.jb-lc__head:before{content:"";display:block;width:4px;height:20px;border-radius:70px;background:var(--jb-p500);margin-inline-end:10px}
.jb-lc__title{margin:0;color:var(--jb-n100);font-size:var(--jb-fs-h5);font-weight:600}
.jb-lc__nav{display:flex;gap:var(--jb-gap);margin-inline-start:auto}
.jb-lc__btn{
  width:34px;height:34px;padding:0;border:0;border-radius:var(--jb-radius);background:var(--jb-n800);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s;
}
.jb-lc__btn:hover{opacity:.7}
.jb-lc__btn img{width:15px;height:15px}
.jb-lc__btn:disabled{cursor:default;opacity:.4}
.jb-lc__track{
  display:flex;gap:var(--jb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.jb-lc__track::-webkit-scrollbar{display:none}
.jb-lc__track > *{flex:none;scroll-snap-align:start}

.jb-provider{
  --jb-per:7; --jb-main:.8733;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:flex;align-items:center;padding:7.1%;padding:12px;gap:8px;
  background:var(--jb-n800);border-radius:var(--jb-radius);cursor:pointer;transition:background .3s;
}
.jb-provider:hover{background:var(--jb-n700)}
.jb-provider__img{width:39.3%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--jb-radius);flex:none}
.jb-provider__text{margin-inline-start:auto;font-size:var(--jb-fs-larger);font-weight:600;line-height:1.3;color:var(--jb-n300);text-align:right;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.jb-event{
  --jb-per:3; --jb-main:.9508;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:block;border-radius:var(--jb-radius);overflow:hidden;background:var(--jb-n800);cursor:pointer;
}
.jb-event img{display:block;width:100%;aspect-ratio:2.0859/1;object-fit:cover;transition:opacity .3s}
.jb-event:hover img{opacity:.8}

.jb-fav{
  --jb-per:6; --jb-main:.915;
  width:calc((100% * var(--jb-main) - var(--jb-gap) * (var(--jb-per) - 1)) / var(--jb-per));
  display:block;border-radius:var(--jb-radius);overflow:hidden;background:var(--jb-n800);cursor:pointer;transition:opacity .3s;
}
.jb-fav:hover{opacity:.7}
.jb-fav__img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.jb-fav__info{padding:8px 10px 10px;min-height:calc(33% - 4px)}
.jb-fav__name{font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-n100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jb-fav__prov{font-size:var(--jb-fs-normal);color:var(--jb-n300);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:1100px){
  .jb-provider{--jb-per:5}
  .jb-fav{--jb-per:4}
}
@media(max-width:780px){
  .jb-provider{--jb-per:2.4;--jb-main:1}
  .jb-event{--jb-per:1.15;--jb-main:1}
  .jb-fav{--jb-per:2.6;--jb-main:1}
  .jb-lc__nav{display:none}
}

/* Floating social buttons sit above the bottom bar */
@media(max-width:1023px){
  .mob-social-fab-stack{bottom:calc(var(--jb-bottombar-h) + 16px) !important}
}

/* ── Footer ──────────────────────────────────────────────────────────── */
.jb-footer.footer{background:var(--jb-n1000);padding:0;margin:0;border:0;color:var(--jb-n400)}
.jb-footer__inner{max-width:calc(var(--jb-content-max) + var(--jb-gap) * 4);margin:0 auto;padding:0 calc(var(--jb-gap) * 2)}
.jb-footer a{color:inherit}

.jb-flinks{padding:10px 0;border-bottom:1px solid var(--jb-line-2)}
.jb-flinks__ul{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none}
.jb-flinks__li{width:25%}
.jb-flinks__head{
  display:flex;align-items:center;justify-content:space-between;width:100%;padding:19px 0;border:0;background:none;
  font-family:inherit;font-size:var(--jb-fs-larger);color:var(--jb-n200);text-align:left;cursor:default;
}
.jb-flinks__arrow{display:none;width:12px;height:12px;transition:transform .3s;color:var(--jb-n400)}
.jb-flinks__item{
  display:flex;align-items:center;gap:6px;padding:10px 0;font-size:var(--jb-fs-larger);
  color:var(--jb-n400);cursor:pointer;transition:color .3s;background:none;border:0;font-family:inherit;text-align:left;
}
.jb-flinks__item:hover{color:var(--jb-n200)}
.jb-flinks__item i{font-size:10px;color:var(--jb-n400)}

.jb-flist{display:flex;flex-direction:column;width:100%;padding:20px 0 var(--jb-gap);border-bottom:1px solid var(--jb-line-2)}
.jb-flist__title{width:100%;margin-bottom:15px;font-size:var(--jb-fs-larger);font-weight:600;color:var(--jb-p300)}
.jb-flist__wrap{display:flex;flex-wrap:wrap;align-items:center;width:100%}
.jb-sponsor{display:flex;align-items:center;gap:var(--jb-gap);margin:0 calc(var(--jb-gap) * 2) var(--jb-gap) 0}
.jb-sponsor img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;flex:none}
.jb-sponsor__name{font-size:var(--jb-fs-normal);color:var(--jb-n200);line-height:1.4}
.jb-sponsor__sub{font-size:var(--jb-fs-small);color:var(--jb-n400)}
.jb-ambassadors img{display:block;max-width:420px;width:100%;border-radius:var(--jb-radius)}

.jb-frow{display:flex;align-items:stretch;width:100%}
.jb-frow > .jb-flist{width:auto;flex:none}
.jb-frow > .jb-flist + .jb-flist{flex:1;padding-left:calc(var(--jb-gap) * 8)}
.jb-icons__item{display:inline-flex;align-items:center;margin:0 20px 5px 0}
.jb-icons__item img{height:30px;width:auto;max-width:110px;object-fit:contain;display:block}

.jb-social{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--jb-gap) * 3);width:100%;padding:20px 0;border-bottom:1px solid var(--jb-line-2)}
.jb-social a{
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--jb-n700);color:var(--jb-n200);font-size:15px;transition:background .3s,color .3s;
}
.jb-social a:hover{background:var(--jb-p500);color:#fff}

.jb-showmore{position:relative;margin:var(--jb-gap) 0 25px}
.jb-showmore__inner{overflow:hidden;max-height:150px;transition:max-height .4s ease}
.jb-showmore--open .jb-showmore__inner{max-height:4000px}
.jb-showmore__ctrl{display:flex;justify-content:center;align-items:flex-end;padding-top:30px;position:absolute;left:0;right:0;bottom:0}
.jb-showmore__mask{position:absolute;inset:0;background:linear-gradient(to top,var(--jb-n1000) 20%,transparent 100%);pointer-events:none}
.jb-showmore--open .jb-showmore__ctrl{position:static}
.jb-showmore--open .jb-showmore__mask{display:none}
.jb-showmore__btn{position:relative;z-index:1;height:40px;padding:0 15px;border:0;border-radius:var(--jb-radius);background:var(--jb-n700);color:var(--jb-n200);font-family:inherit;font-size:var(--jb-fs-larger);cursor:pointer}
.jb-desc h3,.jb-desc .jb-desc__title{padding:var(--jb-gap) 0;margin:0;line-height:1.5;font-weight:600;font-size:var(--jb-fs-larger);color:var(--jb-n400)}
.jb-desc p{padding:var(--jb-gap) 0;margin:0;line-height:1.5;font-weight:300;font-size:var(--jb-fs-larger);color:var(--jb-n400);overflow-wrap:anywhere}

.jb-fbrand{display:flex;align-items:center;gap:calc(var(--jb-gap) * 2);padding:20px 0;border-top:1px solid var(--jb-line-2)}
.jb-fbrand__logo{width:78px;height:56px;flex:none;background:center/contain no-repeat}
.jb-fbrand__content{font-size:var(--jb-fs-normal);line-height:1.8em}
.jb-fbrand__subtitle{color:var(--jb-p500);font-weight:600}
.jb-fbrand__txt{margin:0;color:var(--jb-n400)}

@media(max-width:780px){
  .jb-footer__inner{padding:0 calc(var(--jb-gap) * 2) calc(var(--jb-bottombar-h) + 12px)}
  .jb-flinks{padding:0}
  .jb-flinks__ul{flex-direction:column}
  .jb-flinks__li{width:100%;border-bottom:1px solid var(--jb-line-2)}
  .jb-flinks__li:last-child{border-bottom:0}
  .jb-flinks__head{cursor:pointer;color:var(--jb-n400)}
  .jb-flinks__arrow{display:block}
  .jb-flinks__body{display:none;padding:0 10px 10px}
  .jb-flinks__li--open .jb-flinks__head{color:var(--jb-n200)}
  .jb-flinks__li--open .jb-flinks__arrow{transform:rotate(180deg);color:var(--jb-n200)}
  .jb-flinks__li--open .jb-flinks__body{display:block}
  .jb-sponsor{width:calc(50% - 8px);margin-right:8px}
  .jb-frow{flex-direction:column}
  .jb-frow > .jb-flist,.jb-frow > .jb-flist + .jb-flist{width:100%;padding-left:0}
}

/* ── Bottom bar (mobile) ─────────────────────────────────────────────── */
.jb-bottombar.bottom-nav{
  background:var(--jb-n800);border-top:1px solid var(--jb-line);box-shadow:0 -2px 10px rgba(0,0,0,.35);
  height:auto;min-height:var(--jb-bottombar-h);padding:0;
}
.jb-bottombar .bnav-guest-row{display:flex;width:100%;height:var(--jb-bottombar-h)}
.jb-bottombar .bnav-guest-row > a{
  flex:1;display:flex;align-items:center;justify-content:center;height:100%;
  font-size:var(--jb-fs-larger);font-weight:600;letter-spacing:.2px;
}
.jb-bottombar .jb-bb-signup{background:linear-gradient(180deg,#ffee58 0%,#e38a00 100%);color:var(--jb-n900)}
.jb-bottombar .jb-bb-login{background:var(--jb-p500);color:var(--jb-n100)}
.jb-bottombar .bnav-items-row{height:var(--jb-bottombar-h);background:var(--jb-n800)}
.jb-bottombar .bnav-item{color:var(--jb-n300);position:relative;border-top:2px solid transparent}
.jb-bottombar .bnav-item.active{
  color:var(--jb-n100);border-top-color:var(--jb-p500);
  background:linear-gradient(to top,#24313c,rgba(20,128,94,.4) 100%);
}
.jb-bottombar .bnav-item svg path,.jb-bottombar .bnav-item svg{fill:currentColor}
.jb-bottombar .bnav-name{color:inherit}
.jb-bottombar .bnav-center{background:var(--jb-p500)}

/* Keep wide children (marquee track, carousels) from widening the page */
.jb-home,.jb-home__body,.jb-mainnav,.jb-lc{min-width:0;max-width:100%}
.jb-home{overflow-x:hidden}
.jb-lc__track{max-width:100%}