/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Self-hosted Inter Variable.
 *
 * Applied to product surfaces (staff app, member portal, auth, mailer-free pages) via the
 * body { font-family } rule below. Public website pages set their own font stack on
 * `.public-site` in public_site.css (and per-theme stylesheets), which has higher specificity
 * than the body selector here, so tenant-themed sites are unaffected. */
@font-face {
  font-family: "Inter Variable";
  src: url("/assets/InterVariable-884c49a1.woff2") format("woff2-variations"),
       url("/assets/InterVariable-884c49a1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Variable";
  src: url("/assets/InterVariable-Italic-0aa7a4b3.woff2") format("woff2-variations"),
       url("/assets/InterVariable-Italic-0aa7a4b3.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: var(--font-sans);
  text-rendering: optimizeLegibility;
}

/* Restore native <dialog> centering that Tailwind's preflight strips */
dialog::backdrop {
  background-color: rgb(15 23 42 / 0.5);
}

dialog[open] {
  margin: auto;
}

.directory-rich-text p,
.directory-rich-text div {
  margin-top: 0;
  margin-bottom: 1rem;
}

.directory-rich-text ul,
.directory-rich-text ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.35rem;
}

.directory-rich-text ul {
  list-style: disc outside;
}

.directory-rich-text ol {
  list-style: decimal outside;
}

.directory-rich-text li + li {
  margin-top: 0.25rem;
}

.directory-rich-text :is(p, div, ul, ol):last-child {
  margin-bottom: 0;
}

.event-rich-text p,
.event-rich-text div {
  margin-top: 0;
  margin-bottom: 1rem;
}

.event-rich-text ul,
.event-rich-text ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 1.35rem;
}

.event-rich-text ul {
  list-style: disc outside;
}

.event-rich-text ol {
  list-style: decimal outside;
}

.event-rich-text li + li {
  margin-top: 0.25rem;
}

.event-rich-text :is(p, div, ul, ol):last-child {
  margin-bottom: 0;
}