/* ============================================================
   V4.9C FULL CHAMBER
   Tar bort gamla mockup-bakgrunder och låter 349 live-seats
   använda nästan hela den tillgängliga kammarytan.
   ============================================================ */

.seatsBox{
  position:relative !important;
  overflow:hidden !important;

  /* Ersätt äldre referens/mockup-bakgrunder helt */
  background:
    repeating-linear-gradient(
      0deg,
      rgba(20,222,255,.035) 0 1px,
      transparent 1px 10px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(20,222,255,.035) 0 1px,
      transparent 1px 10px
    ),
    radial-gradient(
      ellipse at 50% 76%,
      rgba(0,208,255,.075) 0%,
      rgba(10,35,62,.045) 36%,
      transparent 67%
    ),
    linear-gradient(180deg,#07172a 0%,#03101f 100%) !important;
}

/* Dölj V49/V49B:s dekorativa underlager som gav gamla BACKGROUNDER-texten */
.seatsBox::before,
.seatsBox::after{
  opacity:0 !important;
  visibility:hidden !important;
}

/* Legend/meta ovanför kammaren */
.v49Legend{
  top:43px !important;
  left:18px !important;
  right:18px !important;
  height:38px !important;
  gap:13px !important;
  z-index:60 !important;
}

.v49LegendItem img{
  width:27px !important;
  height:27px !important;
}

.v49LegendItem b{
  font-size:10px !important;
}

.v49Meta{
  top:87px !important;
  left:22px !important;
  right:22px !important;
  z-index:60 !important;
  font-size:9px !important;
}

/* Seatmap börjar direkt under meta och får nästan hela panelen */
.seatsBox .seatmap.v49Chamber{
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  top:102px !important;
  bottom:8px !important;

  width:auto !important;
  height:auto !important;

  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  z-index:30 !important;
}

/* Tydlig mittgång men inte dominant */
.seatsBox .seatmap.v49Chamber::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:7% !important;
  bottom:11% !important;
  width:2px !important;
  transform:translateX(-50%) !important;

  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,225,61,.34) 0 4px,
      transparent 4px 11px
    ) !important;

  opacity:.55 !important;
  z-index:1 !important;
}

/* 175-rostrum längst fram */
.seatsBox .seatmap.v49Chamber::after{
  content:"175" !important;
  display:flex !important;

  position:absolute !important;
  left:50% !important;
  bottom:1.5% !important;
  transform:translateX(-50%) !important;

  width:86px !important;
  height:24px !important;

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

  background:#061225 !important;
  border:2px solid #ffe13d !important;
  box-shadow:4px 4px 0 #000 !important;

  color:#ffe13d !important;
  font:900 12px/1 "Courier New",monospace !important;
  text-shadow:2px 2px 0 #000 !important;

  z-index:80 !important;
}

/* Front rail precis bakom 175 */
.v49FrontRail{
  left:15% !important;
  right:15% !important;
  bottom:8% !important;
  height:8px !important;
  z-index:5 !important;

  border-top:2px solid rgba(25,233,255,.46) !important;
  background:rgba(0,8,18,.48) !important;
}

/* Större stolar. Färg sätts fortfarande av befintlig live-motor. */
.seatsBox .seatmap.v49Chamber .seat{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  min-height:12px !important;

  border:1px solid rgba(0,0,0,.92) !important;
  box-shadow:
    inset 0 -2px 0 rgba(0,0,0,.34),
    1px 1px 0 rgba(0,0,0,.82),
    0 0 5px color-mix(in srgb,currentColor 32%,transparent) !important;

  image-rendering:pixelated !important;
}

/* 9:16 */
body[data-pixel-layout="9"] .v49Legend{
  top:55px !important;
  left:18px !important;
  right:18px !important;
  height:48px !important;
  gap:9px !important;
}

body[data-pixel-layout="9"] .v49Meta{
  top:111px !important;
  left:22px !important;
  right:22px !important;
}

body[data-pixel-layout="9"] .seatsBox .seatmap.v49Chamber{
  top:128px !important;
  left:10px !important;
  right:10px !important;
  bottom:10px !important;
}

body[data-pixel-layout="9"] .seatsBox .seatmap.v49Chamber .seat{
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  min-height:12px !important;
}