/* Lane A1 — calendar pages */

/* --- About Us: the hero's arrows, in the calendar's own chevron kit --------
   AboutUs.dc.html draws a 40px circle (dark translucent wash, a white ring, a
   stroked chevron inside) rather than application.css's bare glyph — the same
   SVG-in-a-disc kit `.wg-chev--inline` already uses in the calendar bar, only
   in the hero's own colours (a wash over a photograph, not the bar's white).
   Manager correction 2026-09-07. */
.mc-about-hero__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  text-shadow: none;
}
.mc-about-hero__arrow.is-prev { left: 24px; }
.mc-about-hero__arrow.is-next { right: 24px; }
.mc-about-hero__arrow:hover {
  background: var(--mc-brand);
  border-color: var(--mc-brand);
  color: #fff;
}

/* ===========================================================================
   SIGN IN (V2/SignIn): the mark over the title, the well's own 16px corner
   and shadow in place of mc.css's 12px hairline card, and a full-width 44px
   button. Ported verbatim from re-serve app/admin.css's own `.mc-signin`
   rules (mc.css's `.mc-signin`/`.mc-signin__card` predate the facelift and
   are left as the base this repaints, same as every other card in the app).
   ======================================================================== */

.mc-signin {
  max-width: 27rem;
  display: flex;
  flex-direction: column;
}
/* re-serve's own reset already drops the underline Bootstrap puts on a bare
   link; said here instead, since application.css's is off limits and the
   mockup draws none. */
.mc-signin a { color: var(--mc-brand); text-decoration: none; }
.mc-signin a:hover { color: #5f301a; text-decoration: underline; }

.mc-signin__card {
  border-radius: 16px;
  padding: 32px 28px 28px;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.16);
}

.mc-signin__mark { display: flex; justify-content: center; }
.mc-signin__mark img { height: 56px; width: auto; }

.mc-signin__title {
  margin: 0;
  padding-top: 16px;
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
  color: var(--mc-ink);
}

.mc-signin__sub {
  margin: 4px 0 0;
  text-align: center;
  font-size: 15px;
  color: var(--mc-muted);
}

.mc-signin form { padding-top: 20px; }

.mc-signin .form-control { height: 44px; }

.mc-signin .form-check-input:checked {
  background-color: var(--mc-brand);
  border-color: var(--mc-brand);
}

.mc-signin .btn-primary {
  width: 100%;
  height: 44px;
  font-size: 15px;
  font-weight: 600;
}

.mc-signin__back {
  margin: 0;
  padding-top: 16px;
  text-align: center;
  font-size: 13px;
}

/* Court policies card: the poster's title as its own row, then the three
   columns on one grid so items align across columns (Patrick, 2026-09-07). */
.au-policies-title {
  margin: 0 0 4px;
  font-family: "Barlow Condensed", Barlow, system-ui, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.15;
  color: #2f5d2a;
  text-align: center;
}
.au-policies-placeholder { text-align: center; }
.au-policies-grid { align-items: end; column-gap: 24px; row-gap: 6px; }
.au-policies-grid .au-policies-heading { align-self: end; }
@media (max-width: 639px) {
  /* one column on a phone: the row-by-row order would interleave sections */
  .au-policies-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; font-size: 13px; }
}