/* Buzz Events — rich-text content styles.

   One set of styles for description HTML written in the Buzz rich-text editor,
   applied everywhere it is shown: the editor itself (admin), the calendar and
   widget popups, and the single event page. Containers opt in with the
   .buzz-rte-content class.

   Text styles follow the Buzz WYSIWYG handoff:
     Paragraph Poppins 400 15px · H1 Rock Salt 300 60px · H2 Poppins 500 35px
     H3 Rock Salt 600 48px · H4 Poppins 500 25px · H5 Rock Salt 600 36px
     H6 Poppins 500 16px

   Selectors are prefixed with :root so they outrank the host page's resets
   (wp-admin's list reset, the design system's "* { margin: 0; padding: 0 }",
   theme typography, and the popup's own description rules). This sheet is
   loaded after those. */

:root .buzz-rte-content {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-text-body, #5F6579);
  overflow-wrap: break-word;
}

/* Paragraph */
:root .buzz-rte-content p {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 0.75em;
  padding: 0;
}

/* Headings */
:root .buzz-rte-content h1,
:root .buzz-rte-content h2,
:root .buzz-rte-content h3,
:root .buzz-rte-content h4,
:root .buzz-rte-content h5,
:root .buzz-rte-content h6 {
  margin: 0.35em 0;
  padding: 0;
  color: var(--color-text-primary, #3d4250);
  line-height: 1.15;
  letter-spacing: normal;
  text-transform: none;
  overflow-wrap: break-word;
}
:root .buzz-rte-content h1 { font-family: 'Rock Salt', cursive; font-size: 60px; font-weight: 300; }
:root .buzz-rte-content h2 { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 500; }
:root .buzz-rte-content h3 { font-family: 'Rock Salt', cursive; font-size: 48px; font-weight: 600; }
:root .buzz-rte-content h4 { font-family: 'Poppins', sans-serif; font-size: 25px; font-weight: 500; }
:root .buzz-rte-content h5 { font-family: 'Rock Salt', cursive; font-size: 36px; font-weight: 600; }
:root .buzz-rte-content h6 { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 500; }

/* Inline */
:root .buzz-rte-content strong,
:root .buzz-rte-content b { font-weight: 600; }
:root .buzz-rte-content em,
:root .buzz-rte-content i { font-style: italic; }
:root .buzz-rte-content u { text-decoration: underline; }
:root .buzz-rte-content a {
  color: var(--color-action, #F09637);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Lists: bullets and numbers sit indented, in line with each other
   (wp-admin and the design system both reset these to nothing). */
:root .buzz-rte-content ul,
:root .buzz-rte-content ol {
  margin: 0 0 0.75em;
  padding: 0 0 0 1.6em;
}
:root .buzz-rte-content ul { list-style: disc outside; }
:root .buzz-rte-content ol { list-style: decimal outside; }
:root .buzz-rte-content ul ul { list-style-type: circle; }
:root .buzz-rte-content ul ul ul { list-style-type: square; }
:root .buzz-rte-content ol ol { list-style-type: lower-alpha; }
:root .buzz-rte-content ul ul,
:root .buzz-rte-content ol ol,
:root .buzz-rte-content ul ol,
:root .buzz-rte-content ol ul { margin: 0.25em 0 0; }
:root .buzz-rte-content li {
  display: list-item;
  margin: 0 0 0.25em;
  padding: 0;
  font-size: 15px;
  line-height: 1.6;
}
:root .buzz-rte-content li::marker { color: inherit; }

/* Images placed with the editor's image tool */
:root .buzz-rte-content img { max-width: 100%; height: auto; }
:root .buzz-rte-content .rte-image-wrap {
  display: block;
  max-width: 100%;
  margin: 0.5em 0 0.9em;
  padding: 0;
}
:root .buzz-rte-content .rte-image-wrap[data-position="center"] { margin-left: auto; margin-right: auto; }
:root .buzz-rte-content .rte-image-wrap[data-position="left"] { margin-left: 0; margin-right: auto; }
:root .buzz-rte-content .rte-image-wrap[data-position="right"] { margin-left: auto; margin-right: 0; }
:root .buzz-rte-content .rte-image-wrap[data-size="small"] { width: 25%; }
:root .buzz-rte-content .rte-image-wrap[data-size="medium"] { width: 50%; }
:root .buzz-rte-content .rte-image-wrap[data-size="large"] { width: 75%; }
:root .buzz-rte-content .rte-image-wrap[data-size="full"] { width: 100%; }
:root .buzz-rte-content .rte-image-wrap a { display: block; }
:root .buzz-rte-content .rte-image-wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border: 0;
}
/* The one caption style. */
:root .buzz-rte-content .rte-image-wrap figcaption {
  margin-top: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--color-text-muted, #97A9BE);
  text-align: center;
}

:root .buzz-rte-content > :last-child { margin-bottom: 0; }