/* ==========================================================================
   Mishnah — Mishnah Yomi page
   ==========================================================================

   Migrated out of the Bricks page builder. Delete the builder block once this
   is live, or the rules load twice.

   Source: page-builder-css/mishnah-yomi.css

   Loads after css/mishnah-learn.css, which carries everything this page and
   the single Mishnah page have in common. Only what is genuinely specific to
   Mishnah Yomi is here.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Hebrew body text
   --------------------------------------------------------------------------

   Yomi used to set no font-family at all, so the same Mishnah rendered in a
   different face here than on its own page. That was drift, not a decision.
   Both now take the shared --mishnah-font-text, declared once in
   css/mishnah-global.css, so they cannot separate again.

   letter-spacing is Yomi's own and is kept.

   font-size and line-height are deliberately NOT set here:
   css/mishnah-learn-settings.css recomputes both from --mishnah-text-scale
   and is enqueued during render, so it lands after this file. Declaring them
   here was dead weight that only looked like it worked.
   -------------------------------------------------------------------------- */
.mishnah-hebrew {
  font-family: var(--mishnah-font-text);
  letter-spacing: 0.5px;
  width: 100%;
}


/* --------------------------------------------------------------------------
   2. Day navigation
   PLUGIN OUTPUT — inc/mishnah-yomi.php
   -------------------------------------------------------------------------- */
.mishnah-navigation {
  display: flex;
  gap: 1rem;
  justify-content: start;
  margin: 2rem 0;
}

.mishnah-navigation .button {
  padding: 0.5rem 1rem;
  background-color: var(--secondary-dark-trans-30);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-size: 0.8em;
}

.mishnah-navigation .button:hover {
  background-color: var(--secondary);
}