/* ===========================================================================
   Team CLASSES fix-23: a called-off date reads as called off before a click
   (T6B-002, QA night 9 Sep 2026).

   Scope: this file styles ONLY the .rhcl-occ--off modifier that fix-23 adds in
   inc/overhaul/40-classes.php. It does not redeclare or override any selector
   another lane owns in 40-classes.css or 41-classes-touch.css.

   What this reaches, and what it cannot:

   - The server-rendered schedule block (the no-JS list, and the exact same
     markup the day panel opens) carries the new .rhcl-occ--off class and is
     muted here: the title strikes through, the meta line and lede lose
     contrast. This is real, selectable markup this lane owns.

   - The JS month-grid CHIP (assets/js/overhaul/40-classes.js, makeChip()) was
     a *new* <button> the calendar script built from scratch, copying no class
     from the article above - fix-23 could not reach it from here. fix-27
     (T6D-001, QA night re-verify) closed that gap: makeChip() now reads
     data-rhcl-status off the same article and adds rhcl-chip--off plus an
     aria-label to the chip itself, so the section below styles that class.
   =========================================================================== */

.rhcl-occ--off {
  opacity: 0.78;
}

.rhcl-occ--off .rhcl-title,
.rhcl-occ--off .rhcl-title a {
  color: var(--tx-3);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.rhcl-occ--off .rhcl-title a:hover {
  text-decoration: line-through;
}

.rhcl-occ--off .rhcl-meta,
.rhcl-occ--off .rhcl-lede {
  color: var(--tx-3);
}

.rhcl-occ--off .rhcl-disc {
  color: var(--tx-3);
}

/* ---------- fix-27 (T6D-001): the month-grid chip button ---------- */

/*
 * :not(.is-open) keeps this from fighting 40-classes.css's own dark
 * .rhcl-chip.is-open state (var(--on-ink)/var(--on-ink-2) on var(--ink)) -
 * both files set color at the same specificity, and this one loads after,
 * so the open state would otherwise inherit --tx-2 on a dark background.
 * --tx-2 (not the --tx-3 the article above uses) keeps 4.5:1+ against both
 * --paper and --ground: --tx-3 on --paper measures ~3.2:1, below AA.
 */
.rhcl-chip--off:not(.is-open) {
  background: var(--ground);
}

.rhcl-chip--off:not(.is-open) .rhcl-chip-n {
  color: var(--tx-2);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.rhcl-chip--off:not(.is-open) .rhcl-chip-t,
.rhcl-chip--off:not(.is-open) .rhcl-chip-w {
  color: var(--tx-2);
}