/*
 * Host-theme guard.
 *
 * Hello Elementor's reset.css — the theme under every site in this portfolio —
 * paints EVERY button on the page pink on interaction:
 *
 *     [type=button]:focus, [type=button]:hover, [type=submit]:focus,
 *     [type=submit]:hover, button:focus, button:hover
 *       { background-color: #c36; color: #fff }
 *
 * At (0,1,1) that outranks the widget's own (0,1,0) class rules, and the widget
 * never restates background/colour on :hover or :focus — it had no reason to,
 * since the canvas was designed standalone. The result on a real site: every
 * load-size card, day chip, time slot and the primary CTA flash pink under the
 * cursor.
 *
 * A second host does the same thing to the RESTING state. Elementor's global
 * kit emits
 *
 *     .elementor-kit-N button { background-color: var(--e-global-color-primary) }
 *
 * — also (0,1,1) — which repaints every button in the widget in the site's own
 * brand colour, ignoring the tier/slot/CTA distinction the design depends on.
 * Found on montgomeryjunkpros.com, where it turned the whole widget amber.
 *
 * So every state is restated here at (0,2,0) or better. Two classes beat one
 * class plus a type selector, which is what both hosts use.
 *
 * Rules here:
 *  - It restores ONLY what the theme stole (background + colour on :hover and
 *    :focus). Anything the design does on hover — the tier's lift, the slot's
 *    border, the button's brightness — is left to rrm-booking.css.
 *  - Every value is a TOKEN reference, never a literal. Restyling happens in
 *    the design canvas; this file must not become a second place colours live.
 *  - It belongs here and not in rrm-booking.css, which is the canvas export
 *    applied one-to-one and is not hand-edited.
 */

/* Primary + ghost action buttons */
.rrm-bk .rrm-bk__btn:hover,
.rrm-bk .rrm-bk__btn:focus {
  background: var(--rrm-accent);
  color: var(--rrm-on-accent);
}
.rrm-bk .rrm-bk__btn--ghost:hover,
.rrm-bk .rrm-bk__btn--ghost:focus {
  background: transparent;
  color: var(--rrm-ink);
}
.rrm-bk .rrm-bk__btn--ghost:hover { color: var(--rrm-accent); }

/* Load-size cards */
.rrm-bk .rrm-bk__tier:hover,
.rrm-bk .rrm-bk__tier:focus {
  background: var(--rrm-bg);
  color: inherit;
}
.rrm-bk .rrm-bk__tier[aria-pressed="true"]:hover,
.rrm-bk .rrm-bk__tier[aria-pressed="true"]:focus {
  background: var(--rrm-brand);
  color: var(--rrm-on-brand);
}

/* Day chips — the design DOES tint these on hover, so keep that tint. */
.rrm-bk .rrm-bk__day:focus { background: var(--rrm-soft); color: inherit; }
.rrm-bk .rrm-bk__day:hover { background: var(--rrm-soft-2); color: inherit; }
.rrm-bk .rrm-bk__day[aria-pressed="true"]:hover,
.rrm-bk .rrm-bk__day[aria-pressed="true"]:focus {
  background: var(--rrm-brand);
  color: var(--rrm-on-brand);
}

/* Time slots */
.rrm-bk .rrm-bk__slot:hover,
.rrm-bk .rrm-bk__slot:focus {
  background: var(--rrm-bg);
  color: inherit;
}
.rrm-bk .rrm-bk__slot[aria-pressed="true"]:hover,
.rrm-bk .rrm-bk__slot[aria-pressed="true"]:focus {
  background: var(--rrm-accent);
  color: var(--rrm-on-accent);
}


/* ── resting state ─────────────────────────────────────────────────────────
 * Needed against `.elementor-kit-N button`, which the hover rules above do not
 * cover. Same principle: tokens only, nothing the canvas does not already say.
 */
.rrm-bk .rrm-bk__btn {
  background: var(--rrm-accent);
  color: var(--rrm-on-accent);
}
.rrm-bk .rrm-bk__btn--ghost {
  background: transparent;
  color: var(--rrm-ink);
}
.rrm-bk .rrm-bk__tier {
  background: var(--rrm-bg);
  color: inherit;
}
.rrm-bk .rrm-bk__tier[aria-pressed="true"] {
  background: var(--rrm-brand);
  color: var(--rrm-on-brand);
}
.rrm-bk .rrm-bk__day {
  background: var(--rrm-soft);
  color: inherit;
}
.rrm-bk .rrm-bk__day[aria-pressed="true"] {
  background: var(--rrm-brand);
  color: var(--rrm-on-brand);
}
.rrm-bk .rrm-bk__slot {
  background: var(--rrm-bg);
  color: inherit;
}
.rrm-bk .rrm-bk__slot[aria-pressed="true"] {
  background: var(--rrm-accent);
  color: var(--rrm-on-accent);
}