/* =========================================================
   Schedule — Round 40 mobile day default-collapse CSS
   Look-preserving: only takes effect at mobile width
   (max-width: 720px). Desktop layout is untouched.

   On mobile, schedule day columns (.sv4-col) get
   data-r40-collapsed="1" by default for every day except
   the current/active day. The header (.sv4-col-hdr) acts
   as the toggle. The body (.sv4-col-body) hides while
   collapsed. The current day can still be collapsed
   manually.

   No color / font / spacing changes beyond a small chevron
   indicator and the show/hide of body content.
   ========================================================= */

@media (max-width: 720px) {

  /* Make the column header look tappable without changing
     the existing color / type. Cursor is the only visual
     hint added; chevron rotates to mark state. */
  #vScheduler .sv4-col[data-r40-decorated="1"] > .sv4-col-hdr {
    cursor: pointer;
    user-select: none;
    position: relative;
    /* Reserve space for the chevron without nudging the date label. */
    padding-right: 28px;
  }

  /* Chevron indicator (▾ when expanded, rotated when collapsed).
     Inserted by the JS as a span.r40-day-chev. */
  #vScheduler .sv4-col .r40-day-chev {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 160ms ease-out;
    font-size: 12px;
    line-height: 1;
    color: inherit;
    opacity: .85;
    pointer-events: none;
  }

  #vScheduler .sv4-col[data-r40-collapsed="1"] .r40-day-chev {
    transform: translateY(-50%) rotate(-90deg);
  }

  /* Hide the body when the column is collapsed. We use
     display:none rather than max-height collapse to keep
     drag/drop, keyboard focus, and screen-reader output
     consistent with how the page already hides things. */
  #vScheduler .sv4-col[data-r40-collapsed="1"] > .sv4-col-body {
    display: none;
  }
}

/* Desktop (>=721px) — never collapse. Even if attributes
   linger from a resize event, force a clean desktop view. */
@media (min-width: 721px) {
  #vScheduler .sv4-col[data-r40-collapsed="1"] > .sv4-col-body {
    display: block;
  }
  #vScheduler .sv4-col .r40-day-chev {
    display: none;
  }
}