/* ============================================================
   GAMINGPAPPSEN'S VALVAKA — V5.0 VALPULS LIVEWIRE
   ============================================================ */

.ticker{
  isolation:isolate !important;
  display:flex !important;
  align-items:stretch !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,#07111d 0%,#020812 100%) !important;
  border-top:3px solid #19e9ff !important;
  box-shadow:
    0 -4px 0 #02060d,
    0 -8px 24px rgba(25,233,255,.12) !important;
}

/* broadcast.js may continue updating this; V5 owns a separate layer */
.ticker > .marquee{
  display:none !important;
  visibility:hidden !important;
}

/* Fixed VALPULS block */
.ticker > .tag{
  position:relative !important;
  flex:0 0 128px !important;
  width:128px !important;
  min-width:128px !important;
  box-sizing:border-box !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 12px !important;
  overflow:hidden !important;

  background:
    linear-gradient(135deg,#ff2d9d 0 34%,#7a2cff 34% 67%,#19e9ff 67% 70%,#9d18e7 70%) !important;
  border-right:3px solid #19e9ff !important;
  box-shadow:
    5px 0 0 #000,
    10px 0 22px rgba(255,45,157,.18) !important;

  color:#fff !important;
  font:1000 15px/1 "Courier New",monospace !important;
  letter-spacing:.055em !important;
  text-shadow:
    2px 2px 0 #000,
    -1px 0 0 #000,
    0 -1px 0 #000 !important;

  z-index:8 !important;
}

.ticker > .tag::before{
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  pointer-events:none !important;
}

.ticker.v50Hot > .tag{
  background:linear-gradient(135deg,#ff174f,#ff2d9d 52%,#ffdf35) !important;
  animation:v50TagHot .55s steps(2,end) infinite !important;
}
@keyframes v50TagHot{
  50%{filter:brightness(1.35)}
}

/* Conveyor viewport */
.v50TickerViewport{
  position:relative !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;

  background:
    linear-gradient(90deg,rgba(25,233,255,.035),transparent 15%),
    repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.018) 31px 32px) !important;
}

.v50TickerViewport::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:repeating-linear-gradient(
    180deg,
    rgba(255,255,255,.025) 0 1px,
    transparent 1px 4px
  ) !important;
  pointer-events:none !important;
  z-index:3 !important;
}

/* Each message is animated independently by JS */
.v50TickerItem{
  position:absolute !important;
  left:0 !important;
  top:0 !important;

  height:100% !important;
  width:max-content !important;

  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  padding:0 4px !important;
  box-sizing:border-box !important;

  white-space:nowrap !important;
  will-change:transform !important;
  pointer-events:none !important;

  z-index:2 !important;
}

.v50TickerBadge{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:26px !important;
  box-sizing:border-box !important;
  padding:5px 9px 4px !important;

  border:2px solid #19e9ff !important;
  background:#07182a !important;
  box-shadow:3px 3px 0 #000 !important;

  color:#19e9ff !important;
  font:1000 11px/1 "Courier New",monospace !important;
  letter-spacing:.075em !important;
  text-shadow:1px 1px 0 #000 !important;
}

.v50TickerText{
  flex:0 0 auto !important;

  color:#f7fbff !important;
  font:1000 16px/1 "Courier New",monospace !important;
  letter-spacing:.025em !important;

  text-shadow:
    2px 2px 0 #000,
    -1px -1px 0 rgba(0,0,0,.7) !important;
}

.v50TickerSep{
  flex:0 0 auto !important;
  margin-left:7px !important;
  color:#7deeff !important;
  font:1000 13px/1 monospace !important;
  text-shadow:2px 2px 0 #000 !important;
}

/* Category skins */
.v50TickerItem[data-kind="breaking"] .v50TickerBadge,
.v50TickerItem[data-kind="threshold"] .v50TickerBadge{
  border-color:#ff365f !important;
  background:#2a0712 !important;
  color:#ff607e !important;
}

.v50TickerItem[data-kind="official"] .v50TickerBadge{
  border-color:#19e9ff !important;
  color:#19e9ff !important;
}

.v50TickerItem[data-kind="mandate"] .v50TickerBadge,
.v50TickerItem[data-kind="fact"] .v50TickerBadge{
  border-color:#ffe13d !important;
  background:#211b04 !important;
  color:#ffe13d !important;
}

.v50TickerItem[data-kind="svt"] .v50TickerBadge{
  border-color:#ff4fb7 !important;
  color:#ff77c8 !important;
  background:#25051a !important;
}

.v50TickerItem[data-kind="sr"] .v50TickerBadge{
  border-color:#65dfff !important;
  color:#a8eeff !important;
  background:#061b28 !important;
}

.v50TickerItem[data-kind="pappsen"] .v50TickerBadge{
  border-color:#ff2d9d !important;
  color:#ff7ac8 !important;
  background:#24061b !important;
}

.v50TickerItem[data-kind="schysst"] .v50TickerBadge{
  border-color:#56ffa1 !important;
  color:#6dffad !important;
  background:#062217 !important;
}

.v50TickerItem[data-kind="demo"] .v50TickerBadge{
  border-color:#ffdf35 !important;
  background:#251900 !important;
  color:#ffdf35 !important;
}

.v50TickerItem[data-kind="breaking"] .v50TickerText,
.v50TickerItem[data-kind="threshold"] .v50TickerText{
  color:#fff !important;
  text-shadow:
    2px 2px 0 #000,
    0 0 9px rgba(255,45,90,.22) !important;
}

/* small live pulse at far right */
.v50TickerPulse{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width:7px !important;
  height:7px !important;
  background:#19e9ff !important;
  box-shadow:0 0 8px #19e9ff !important;

  z-index:7 !important;
  pointer-events:none !important;
  animation:v50Pulse 1.25s steps(2,end) infinite !important;
}
@keyframes v50Pulse{50%{opacity:.25}}

/* 9:16 — much larger, still readable on phones */
body[data-pixel-layout="9"] .ticker > .tag{
  flex-basis:190px !important;
  width:190px !important;
  min-width:190px !important;
  font-size:22px !important;
  padding:0 16px !important;
}

body[data-pixel-layout="9"] .v50TickerItem{
  gap:17px !important;
}

body[data-pixel-layout="9"] .v50TickerBadge{
  min-height:38px !important;
  padding:8px 13px 7px !important;
  font-size:17px !important;
}

body[data-pixel-layout="9"] .v50TickerText{
  font-size:24px !important;
  letter-spacing:.015em !important;
}

body[data-pixel-layout="9"] .v50TickerSep{
  font-size:19px !important;
}


/* ===== V5.0B READABILITY OVERRIDE ===== */
.ticker{
  min-height:72px !important;
  height:72px !important;
}

.v50TickerViewport{
  height:72px !important;
}

.v50TickerItem{
  height:72px !important;
  align-items:center !important;
}

.v50TickerBadge{
  min-height:32px !important;
  padding:6px 10px 5px !important;
  font-size:12px !important;
}

.v50TickerText{
  font-size:18px !important;
  line-height:1 !important;
}

.v50TickerSep{
  font-size:15px !important;
}

.ticker > .tag{
  font-size:16px !important;
}

body[data-pixel-layout="9"] .ticker{
  min-height:108px !important;
  height:108px !important;
}

body[data-pixel-layout="9"] .v50TickerViewport,
body[data-pixel-layout="9"] .v50TickerItem{
  height:108px !important;
}

body[data-pixel-layout="9"] .v50TickerBadge{
  min-height:46px !important;
  padding:10px 14px 8px !important;
  font-size:19px !important;
}

body[data-pixel-layout="9"] .v50TickerText{
  font-size:28px !important;
}

body[data-pixel-layout="9"] .v50TickerSep{
  font-size:21px !important;
}

body[data-pixel-layout="9"] .ticker > .tag{
  font-size:24px !important;
}

/* ===== V5.0C BROADCAST SLOW / READABILITY ===== */

/* Keep ticker height where V5.0B left it. Increase TEXT, not the bar. */
.ticker{
  height:72px !important;
  min-height:72px !important;
}

.v50TickerViewport,
.v50TickerItem{
  height:72px !important;
}

.v50TickerItem{
  will-change:transform !important;
  backface-visibility:hidden !important;
  perspective:1000px !important;
  transform-style:preserve-3d !important;
  contain:layout style paint !important;
}

/* Taller / heavier readable ticker copy */
.v50TickerText{
  display:inline-block !important;
  font-size:21px !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  letter-spacing:.018em !important;
  transform:scaleY(1.08) translateZ(0) !important;
  transform-origin:center center !important;
  -webkit-font-smoothing:none !important;
  text-rendering:geometricPrecision !important;
  text-shadow:
    2px 2px 0 #000,
    -1px 0 0 #000,
    0 -1px 0 #000 !important;
}

.v50TickerBadge{
  min-height:34px !important;
  padding:7px 11px 6px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  line-height:1 !important;
}

.v50TickerSep{
  font-size:16px !important;
}

.ticker > .tag{
  font-size:17px !important;
  font-weight:1000 !important;
}

/* vertical */
body[data-pixel-layout="9"] .v50TickerText{
  font-size:30px !important;
  line-height:1.08 !important;
  transform:scaleY(1.06) translateZ(0) !important;
}

body[data-pixel-layout="9"] .v50TickerBadge{
  font-size:20px !important;
  min-height:48px !important;
}

/* ===== V5.0D TRUE BROADCAST SLOW ===== */
/* Tickerbar stays 72px. The actual letters get much bigger/taller. */

.ticker{
  height:72px !important;
  min-height:72px !important;
}

.v50TickerViewport,
.v50TickerItem{
  height:72px !important;
}

.v50TickerItem{
  align-items:center !important;
  will-change:transform !important;
  backface-visibility:hidden !important;
  transform-style:preserve-3d !important;
}

.v50TickerText{
  display:inline-block !important;
  font-family:"Courier New",monospace !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  transform:scaleY(1.14) translateZ(0) !important;
  transform-origin:center center !important;

  color:#fff !important;
  text-shadow:
    2px 2px 0 #000,
    -1px -1px 0 #000,
    0 0 5px rgba(255,255,255,.08) !important;
}

.v50TickerBadge{
  min-height:38px !important;
  padding:8px 12px 7px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.v50TickerSep{
  font-size:18px !important;
}

.ticker > .tag{
  font-size:18px !important;
  font-weight:900 !important;
}

/* Phone/vertical: deliberately huge */
body[data-pixel-layout="9"] .v50TickerText{
  font-size:32px !important;
  transform:scaleY(1.10) translateZ(0) !important;
}

body[data-pixel-layout="9"] .v50TickerBadge{
  font-size:21px !important;
  min-height:50px !important;
}

body[data-pixel-layout="9"] .ticker > .tag{
  font-size:25px !important;
}

/* ===== V5.0E TICKER FINE TUNE ===== */
.v50TickerText{
  font-size:22px !important;
  transform:scaleY(1.10) translateZ(0) !important;
}

.v50TickerBadge{
  font-size:13px !important;
  min-height:35px !important;
  padding:7px 11px 6px !important;
}

.v50TickerSep{
  font-size:16px !important;
}

.ticker > .tag{
  font-size:17px !important;
}

body[data-pixel-layout="9"] .v50TickerText{
  font-size:30px !important;
  transform:scaleY(1.08) translateZ(0) !important;
}

body[data-pixel-layout="9"] .v50TickerBadge{
  font-size:20px !important;
  min-height:48px !important;
}

body[data-pixel-layout="9"] .ticker > .tag{
  font-size:24px !important;
}

/* ============================================================
   V5.0H — ULTRASMOOTH SINGLE CONVEYOR
   En enda composited track flyttas; itemsen står still inuti.
   ============================================================ */
.v50TickerTrack{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:190px !important;
  width:max-content !important;
  white-space:nowrap !important;
  transform:translate3d(0,0,0);
  will-change:transform !important;
  backface-visibility:hidden !important;
  transform-style:preserve-3d !important;
  contain:layout style !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.v50TickerTrack .v50TickerItem{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  flex:0 0 auto !important;
  height:100% !important;
  width:max-content !important;
  transform:none !important;
  will-change:auto !important;
  backface-visibility:hidden !important;
}
body[data-pixel-layout="9"] .v50TickerTrack{gap:220px !important;}