/**
 * cal-list.css — LIST-BODY agent (Phase 5, /calendar).
 *
 * The day-grouped event list body — blue "Monday, July 27, 2026" date-heading
 * caption bars + the Time | Event | Location tables with alternating row
 * stripes — is emitted with prod's exact D7 Calendar markup by
 * cs_calendar's _cs_calendar_build_list() (view wrapper .calendar-list,
 * <table class="views-table cols-3">, <caption>, thead Time|Event|Location,
 * tbody rows odd/even + views-row-first/last, td.views-field-field-event-date-time
 * span.date-display-single, td.views-field-colorbox a.colorbox-inline,
 * td.views-field-field-event-location). Stored UTC datetimes are converted to
 * America/New_York for grouping + display and only current-month events from
 * "now" forward are listed, matching prod exactly.
 *
 * Because the markup is prod-identical, css/prod-parity.css (verbatim D7 CSS)
 * carries the bulk of the styling:
 *   caption{color:#fff;background:#0055b8;font-weight:bold;padding:10px}
 *   .calendar-list tr td:first-child{width:75px}
 *   .calendar-list tr td:last-child{width:180px}
 *   table striping / borders.
 *
 * This file holds only gap-fill/robustness rules scoped to the calendar_list
 * display so the list body stays pixel-identical to prod regardless of theme
 * base-CSS load order. Page layout (content/sidebar float), the tab bar and the
 * "July 2026" « Prev / Next » date-nav header are cal-page.css / cal-header.css;
 * the mini month widget + category filter are cal-widget.css / cal-filter.css.
 */

/* CONTENT-COLUMN WIDTH — the calendar page is an AT "one-sidebar sidebar-second"
 * push layout: prod-parity.css gives `.sidebar-second .content-inner{margin-right:
 * 25%}` and floats #content-column at width:100% so the content occupies the left
 * ~75% (prod list tables span ~834px @1400). cal-page.css, however, sets
 * `.page-calendar.one-sidebar.sidebar-second #content{float:left}`; floating the
 * inner region makes it shrink-wrap to the tables' natural width (~586px) and the
 * whole list body renders too narrow (and the centered title/date-nav land off).
 * Un-float #content so it fills the pushed content-inner column. Selector carries
 * body. to out-specify (and load after) cal-page.css. */
body.page-calendar.one-sidebar.sidebar-second #content {
  float: none;
  width: auto;
}

/* Vertical registration — prod leaves ~88px between the "July 2026" date-nav
 * header and the first day table; beta's compact date-nav header left only ~51px,
 * so the whole table stack rode ~22px above prod's. Add the missing gap on the
 * view-content container (once, so it shifts the stack uniformly without
 * reintroducing per-table drift) to register the day tables against prod. */
.view-calendar.view-display-id-calendar_list .view-content {
  padding-top: 12px;
}

/* Blue day-heading caption bar (reinforce prod's verbatim caption rule so the
 * bar keeps its color/padding even if a later base-CSS caption rule loads). */
.view-calendar.view-display-id-calendar_list .views-table caption {
  color: #fff;
  background: #0055b8;
  font-weight: bold;
  text-align: left;
  padding: 10px;
}

/* Full-width table with prod's fixed Time (first) / Location (last) columns;
 * the Event column takes the remaining width. Prod's D7 CSS is
 * `table{margin:10px 0}` (~10px collapsed gap between day tables); cal-page.css
 * overrides .views-table to margin-bottom:1.5em (~24px), which added ~14px of
 * extra height PER table and drifted every day-heading below prod's cumulatively.
 * Restore prod's 10px margin so the stack of tables stays vertically registered. */
.view-calendar.view-display-id-calendar_list .views-table {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
}
.view-calendar.view-display-id-calendar_list .views-table tr td:first-child {
  width: 75px;
}
.view-calendar.view-display-id-calendar_list .views-table tr td:last-child {
  width: 180px;
}

/* Event cell links are plain inline links (D11 has no Colorbox JS); keep the
 * pointer affordance prod's colorbox-inline links had. */
.view-calendar.view-display-id-calendar_list .views-field-colorbox a {
  cursor: pointer;
}

/* Footer iCal feed-icon: prod renders the date_ical feed image (absent on D11)
 * plus surrounding whitespace between the footer date-nav and the page footer.
 * Reserve that vertical space so the navy site footer stays registered with
 * prod (the empty wrapper carries no image, only the reserved height). */
.view-calendar.view-display-id-calendar_list .feed-icon {
  min-height: 34px;
  margin-top: 18px;
}