/* =====================================================================
   99 - MOBILE QA, LANE C: EVENTS
   19 Sep 2026. Phone sweep of /events/ and every /event/ page, signed out
   and signed in as a customer, at 375 / 390 / 430 / 768 and one landscape.

   This file only undoes damage that blunt, older selectors in phase1.css do
   to the events templates. It adds no new design. Every rule below names the
   page, the viewport and the defect it repairs, and each was measured on the
   live site before and after.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. EVERY EVENT PAGE WITH A CHOOSER, ALL PHONE WIDTHS, SIGNED IN.
      /event/fall-2026-primitive-pottery-weekend-2026/ and every other
      bookable event.

      DEFECT: the tick boxes a customer buys with -- "Add the Immersion
      Weekend", "Stay at Riverhouse Lodge", and every lodge night -- render
      13px wide by 22px tall. They are squashed rectangles, not squares,
      and they are smaller than the boxes anywhere else on the site.

      CAUSE: assets/css/phase1.css line 392

          input[type=checkbox],input[type=radio]{width:auto; ... margin:0 .5em 0 0}

      That selector scores (0,1,1). The chooser's own
      .rhc-chooser__box { width:22px; height:22px }
      in 32-event-chooser.css scores (0,1,0), so phase1 wins on specificity
      no matter what order the files load in. Only `width` and `margin` are
      in phase1's rule, which is why the height obeyed the design and the
      width collapsed to the browser default of 13px.

      FIX: repeat the designed sizes at (0,2,1) so they outrank phase1
      without reaching for !important. min-width holds the box open against
      any future width:auto. */
.rhc-chooser input.rhc-chooser__box {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin: 2px 0 0;
}

.rhc-chooser input.rhc-chooser__night-box {
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0;
}


/* ---------------------------------------------------------------------
   2. EVERY /event/ PAGE, ALL VIEWPORTS. Worst on the migrated class pages
      -- /event/fall-2026-needlework-deborah-bohnenstiel-2026-10-06/,
      .../fall-2026-pottery-open-studio-tuesday-2026-10-06/,
      .../fall-2026-childrens-pottery-saturday-2026-10-03/ -- where the
      title block is followed straight away by "Who is teaching".

      DEFECT: two faint horizontal lines stacked 38px apart with nothing
      between them, reading on a phone as an empty band the page forgot to
      fill in.

      CAUSE: assets/css/phase1.css lines 51 and 279

          header{background:var(--paper);border-bottom:1px solid rgba(95,122,99,.18); ...}

      A bare element selector written for the site header. The single event
      template wraps its title and facts in <header class="rhx-event__head">,
      so it inherits that border too. The section below it then draws its own
      designed rule (.rhx-event__teachers / .rhx-event__action, border-top in
      30-events.css lines 78 and 90) and you get two.

      The background in that same rule happens to be the page's own ground
      colour here -- measured rgb(240,234,222) on both -- so it is invisible
      and is left alone. Only the leaked border is removed.

      FIX: the event head carries no rule of its own; the designed section
      border below it is the divider. Scored (1,1,2). */
main#riverhouse-public-main header.rhx-event__head {
  border-bottom: 0;
}


/* ---------------------------------------------------------------------
   3. /events/ LISTING, ALL PHONE WIDTHS.

      DEFECT: the date on each card -- "OCT 16-18", "DEC 11-12" -- sets at
      11.84px, the smallest type on the page and below the 14px floor this
      sweep measured against. It is also the one fact a customer scans for.

      CAUSE: assets/css/overhaul/30-events.css line 16,
      .rhx-ev-card__date{font-size:.74rem; ...}

      FIX: 0.8rem (12.8px). Kept small and letterspaced so the card keeps its
      eyebrow, but legible at arm's length. Scored (0,2,0). */
.rhx-ev-card .rhx-ev-card__date {
  font-size: .8rem;
}