/* ==========================================================================
   Mishnah — learning pages, shared
   ==========================================================================

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

   Source: the rules that were byte-for-byte identical in
           page-builder-css/mishnah-single.css and mishnah-yomi.css.

   Those two builder files were near-duplicates of each other — the whole
   suggest-an-edit block, the mishnah number chip, the next/previous button
   and the commentary widths were maintained twice. They are maintained once
   here, loaded on the single Mishnah page and on Mishnah Yomi together.

   What genuinely differed between the two stayed behind, in
   css/mishnah-single.css and css/mishnah-yomi.css.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. Text columns
   -------------------------------------------------------------------------- */
.mishnah-english,
.commentary-hebrew,
.commentary-english {
  width: 100%;
}

.mishnah-subtitle.hebrew {
  text-align: center;
}


/* --------------------------------------------------------------------------
   2. Mishnah number chip
   -------------------------------------------------------------------------- */
.mishnah-number {
  color: #ffffff;
  background: var(--base);
  padding: 2px 6px;
  font-size: 1em;
  font-weight: 600;
  width: 42px;
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: center;
}


/* --------------------------------------------------------------------------
   3. Next / previous
   PLUGIN OUTPUT — mishnah_next_previous_button(), inc/site-utility-functions.php
   -------------------------------------------------------------------------- */
.next-mishnah-button {
  color: #fff;
  padding: 8px 24px;
  background: var(--accent);
  font-weight: 600;
  transition: background 0.3s ease-in-out;
}

.next-mishnah-button:hover {
  background: var(--base);
  color: #fff;
}

.next-mishnah-button.next-mishnah-button__disabled {
  color: #afafaf;
  background: #f0f0f0;
}


/* --------------------------------------------------------------------------
   4. Bartenura
   -------------------------------------------------------------------------- */
.bartenura-image {
  width: 150px;
}


/* --------------------------------------------------------------------------
   5. Suggest an edit
   PLUGIN OUTPUT — inc/mishnah-learn.php
   -------------------------------------------------------------------------- */
.mts-suggest-btn {
  display: flex;
  flex-direction: row;
  gap: 0.3em;
  align-items: center;
  font-size: 0.8em;
  background: #ffffff00;
  margin-top: 1em;
  color: #6b6b6b;
}

.mts-form-outer {
  display: flex;
  gap: 0.5em;
  flex-direction: column;
}

.mts-form-row {
  display: flex;
  gap: 0.5em;
  flex-direction: row;
  width: 100%;
}

.mts-form-row input {
  width: 100%;
  margin: 0px;
  background: #fff;
  border-radius: 8px;
  font-size: 0.8em;
}

.mts-form-row input:focus-visible {
  outline-width: 2px !important;
  outline-offset: -2px !important;
  outline-color: #b1b1b1 !important;
}

@media (max-width: 600px) {
  .mts-form-row {
    flex-direction: column;
  }
}

/* TinyMCE is inserted by WordPress with its own inline chrome */
.mce-tinymce {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  width: auto !important;
}