/* =============================================
   LIVESTREAM STATE MANAGEMENT
   =============================================
   
   The livestream section has 3 states, controlled by a class
   on the <section class="livestream"> element:
   
   STATE A  –  "Scheduled" (before event)
               Class: .livestream--state-a  (default)
               Shows: orange "Scheduled" pill, panel discussion layout,
                      gray "Add to Calendar" button in bottom bar
   
   STATE B  –  "Watch It Again" (after panel, before pro conversations)
               Class: .livestream--state-b
               Shows: gray "Watch it again" pill, same panel layout,
                      orange "Add to Calendar" button in bottom bar
   
   STATE C  –  "Pro Conversations" (after all events)
               Class: .livestream--state-c
               Shows: Pro Conversations full-width layout with 14 speakers,
                      orange "Watch Recording" button in bottom bar
   
   ─────────────────────────────────────────────
   TO CHANGE STATE:
   Change the class on the <section> element:
   
     .livestream--state-a   →  before the panel discussion
     .livestream--state-b   →  after the panel, before pro conversations  
     .livestream--state-c   →  after all events (shows pro conversations layout)
   
   Example: <section class="livestream section livestream--state-a" ...>
   ─────────────────────────────────────────────
*/

/* ===========================================
   DEFAULT: Hide all state-specific elements
   =========================================== */
.livestream__state-a,
.livestream__state-c,
.livestream__state-ab {
   display: none;
}

/* ===========================================
   STATE A: Scheduled (before event)
   =========================================== */
.livestream--state-a .livestream__state-a,
.livestream--state-a .livestream__state-ab {
  display: revert;
}

.livestream--state-a .livestream__primary--panel {
  display: flex;
}

.livestream--state-a .livestream__primary--pro {
  display: none;
}

/* ===========================================
   STATE B: Watch It Again (after panel discussion)
   =========================================== */
.livestream--state-b .livestream__state-b,
.livestream--state-b .livestream__state-ab {
  display: revert;
}

.livestream--state-b .livestream__primary--panel {
  display: flex;
}

.livestream--state-b .livestream__primary--pro {
  display: none;
}

/* ===========================================
   STATE C: Pro Conversations (after all events)
   =========================================== */
.livestream--state-c .livestream__state-c {
  display: revert;
}

.livestream--state-c .livestream__primary--pro {
  display: flex;
}

/* State C: hide bar datetime (no date in bar for state C) */
.livestream--state-c .livestream__bar-datetime {
  display: none;
}