/* Pilsner Fantasy — refined accent (fade + single border; double line on tickers only)
   Palette: --lime #8DF05A, --lime2 #BFF58E, --green #339824
   Loaded last so it wins over per-page inline CSS. */
:root{
  --lime:#8DF05A;
  --lime2:#BFF58E;
  --green:#339824;
  --line:rgba(141,240,90,.14);
  --lime-rgb:141, 240, 90;
  --lime-fade:linear-gradient(180deg, rgba(var(--lime-rgb),.32) 0%, rgba(var(--lime-rgb),.12) 48%, rgba(var(--lime-rgb),.04) 100%);
}

/* ---- Formerly solid-filled boxes: fade fill + single lime border + lime text ---- */
.live,
.soon-badge,
.soon-sticker,
.wchip.on,
.cat-toggle button.on,
.datebig,
.mcard .st.live,
.rcard.cur .ks,
.tp-tabs button[aria-selected="true"],
.arh-seasons button[aria-pressed="true"],
.pr-tab[aria-selected="true"],
.pr-week[aria-selected="true"],
.pr-home-tab[aria-selected="true"],
.div-live-btn[aria-pressed="true"],
.skip-link,
.opt-pos button.on,
.ibtn.lock.on,
.tbtn.on,
.ta-tabs button.on,
.ta-seg button.on,
.tf-chip.on,
.tf-lockbtn.on,
.cmp-tchip.on{
  background:var(--lime-fade) !important;
  color:var(--lime) !important;
  border:2px solid var(--lime) !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.event .cancelled .datebig{
  background:rgba(243,239,228,.12) !important;
  color:#9AA59B !important;
  border:0 !important;
}

/* UŽIVO pulse dot was dark on a solid lime fill */
.live::before{background:var(--lime) !important}

/* ---- Parallelogram CTA (.btn.lime): SVG single stroke + fade (clip-path cannot outline cleanly) ---- */
.btn.lime,
.btn.lime:hover,
.btn.lime:focus{
  clip-path:none !important;
  position:relative;
  z-index:0;
  color:var(--lime) !important;
  box-shadow:none !important;
  text-shadow:none !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='rgb(141,240,90)' stop-opacity='.32'/%3E%3Cstop offset='48%25' stop-color='rgb(141,240,90)' stop-opacity='.12'/%3E%3Cstop offset='100%25' stop-color='rgb(141,240,90)' stop-opacity='.04'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='11,2 198,2 189,78 2,78' fill='url(%23g)' stroke='%238DF05A' stroke-width='2' stroke-linejoin='miter' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}
.btn.lime:hover,
.btn.lime:focus{
  background-color:rgba(var(--lime-rgb),.10) !important;
}

/* ---- Scrolling result tickers: fade + DOUBLE line (2px outer + 2px gap + inner line) ---- */
.ticker,
.ticker.liga-ticker{
  color:var(--lime) !important;
  border-block:2px solid var(--lime) !important;
  box-shadow:none !important;
  outline:none !important;
  background-color:transparent !important;
  background-image:
    linear-gradient(var(--lime), var(--lime)),
    linear-gradient(var(--lime), var(--lime)),
    var(--lime-fade) !important;
  background-size:100% 2px, 100% 2px, 100% 100% !important;
  background-position:0 2px, 0 calc(100% - 4px), 0 0 !important;
  background-repeat:no-repeat !important;
}
.ticker .run,
.ticker span,
.ticker strong{color:var(--lime) !important}
.ticker .head{background:#071006 !important;color:var(--lime) !important}
.ticker b{
  background:transparent !important;
  color:var(--lime) !important;
  box-shadow:inset 0 0 0 1.5px var(--lime) !important;
}

/* Hover states that used to go solid lime */
.cat-x:hover,
.groups a:hover,
.leagues a:hover,
.subtabs a:hover,
.c-nav:hover,
.lightbox button:hover,
.roster-x:hover,
.line-x:hover,
.div-live-btn:hover{
  background:rgba(var(--lime-rgb),.10) !important;
  color:var(--lime) !important;
  border-color:var(--lime) !important;
  box-shadow:none !important;
}


/* ---- League badges: photoreal ball per liga, text printed on the ball ---- */
.liga .badge,
.liga.l1 .badge,
.liga.l2 .badge,
.liga.l3 .badge{
  width:100px !important;
  height:100px !important;
  clip-path:none !important;
  border-radius:50% !important;
  border:0 !important;
  background-color:transparent !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  box-shadow:0 6px 14px rgba(0,0,0,.55) !important;
  text-shadow:none !important;
  overflow:visible !important;
}
.liga.l1 .badge{
  background-image:url("img/liga-ball-1.webp?v=3bf8e17d41") !important;
  background-image:image-set(
    url("img/liga-ball-1.webp?v=3bf8e17d41") 1x,
    url("img/liga-ball-1-768.webp?v=68072b395b") 2x
  ) !important;
}
.liga.l2 .badge{
  background-image:url("img/liga-ball-2.webp?v=3eb696739a") !important;
  background-image:image-set(
    url("img/liga-ball-2.webp?v=3eb696739a") 1x,
    url("img/liga-ball-2-768.webp?v=b16a3343a3") 2x
  ) !important;
}
.liga.l3 .badge{
  background-image:url("img/liga-ball-3.webp?v=2757313a8c") !important;
  background-image:image-set(
    url("img/liga-ball-3.webp?v=2757313a8c") 1x,
    url("img/liga-ball-3-768.webp?v=2ccf93dcc5") 2x
  ) !important;
}
/* number + LIGA are printed on the ball: hide overlay visually, keep in DOM */
.liga .badge b,
.liga.l1 .badge b,
.liga.l2 .badge b,
.liga.l3 .badge b,
.liga .badge span,
.liga.l1 .badge span,
.liga.l2 .badge span,
.liga.l3 .badge span{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  color:transparent !important;
  text-shadow:none !important;
}