/* ============================================
   COUNTER-SIGNAGE → STATIONS-SIGNAGE LAYOUT
   Supports both landscape and portrait
   ============================================ */

/* --- HIDE LOGO & FOOTER --- */
#logoSection, #videoSection > div:first-child, #footer {
  display: none !important;
}

/* --- FULLSCREEN VIDEO BACKGROUND --- */
#contentSection {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 0 !important;
  flex: none !important;
}

#videoSection,
#videoContainer {
  width: 100% !important;
  height: 100% !important;
}

#videoSection video,
#videoSection img,
#videoContainer video,
#videoContainer img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* --- TICKET SECTION OVERLAY --- */
#ticketSection {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 1 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  border-right: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 10% 0 !important;
  box-sizing: border-box !important;
}

@media (orientation: landscape) {
  #ticketSection {
    width: 100vw !important;
    min-width: 100vw !important;
    padding: 0 5% 0 !important;
  }
}

/* --- HEADER --- */
#ticketHeader {
  width: 100% !important;
  max-width: 900px;
  text-align: center !important;
  margin-bottom: 24px !important;
  color: #ffffff !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

#ticketHeader > h1 {
  font-size: 64px;
}

#ticketHeader > * {
  color: #ffffff !important;
}

/* --- COLUMN SUBHEADERS --- */
#ticketSection [class*="LeftHeaderText"],
#ticketSection [class*="Heading"] {
  display: none !important;
}

#ticketSection [class*="RightHeaderText"] {
  display: none !important;
}

/* Rebuild subheaders via ticket list header row */
#ticketList {
  width: 100% !important;
  max-width: 900px !important;
}

/* --- TICKETS: LARGE, ODD/EVEN COLORED --- */
#ticketList li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 140px !important;
  padding: 0 32px !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Odd tickets: white with slight transparency */
#ticketList li:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.92) !important;
}

/* Even tickets: light gray with slight transparency */
#ticketList li:nth-of-type(even) {
  background: rgba(255, 255, 255, 0.72) !important;
}

/* Ticket number text */
#ticketList li > span {
  font-weight: bold !important;
  color: #000000 !important;
  line-height: 1.2 !important;
}

#ticketList li > span:first-child {
  font-size: 80px !important;
}

#ticketList li > span:second-child {
  font-size: 48px !important;
}

/* Station/counter label */
#ticketList li [class*="CounterLabel"] {
  font-size: 64px !important;
  font-weight: normal !important;
  color: #000000 !important;
  line-height: 1.2 !important;
}

/* --- QR CODE & LABEL: HIDE --- */
#qrCode {
  display: none;
}

#qrLabel {
  display: none;
}

#ticketSection {
  padding: 24px 5% !important;
}

#ticketList li {
  min-height: 120px !important;
}

#ticketList li [class*="TicketLabel"] {
  font-size: 56px !important;
}

#ticketList li [class*="CounterLabel"] {
  font-size: 48px !important;
}