/*
 * 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;
}

@font-face {
  font-family: "ChamberHive Wordmark";
  src: url("/assets/ChamberHiveWordmark-d8da0b4a.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

.chamberhive-wordmark {
  color: #111827;
  font-family: "ChamberHive Wordmark", "Arial Rounded MT Bold", Arial, sans-serif;
  font-feature-settings: normal;
  font-size: 1.625rem;
  font-variant-numeric: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

/* 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 {
  font-size: 0.9375rem;
  line-height: 1.65;
}

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

.event-rich-text h1,
.event-rich-text h2,
.event-rich-text h3,
.event-rich-text h4,
.event-rich-text h5,
.event-rich-text h6 {
  margin-top: 1.35rem;
  margin-bottom: 0.5rem;
  font-weight: 650;
  line-height: 1.25;
  color: #18181b; /* zinc-900 */
}

.event-rich-text h1 {
  font-size: 1.4rem;
}

.event-rich-text h2 {
  font-size: 1.2rem;
}

.event-rich-text h3 {
  font-size: 1.05rem;
}

.event-rich-text :is(h4, h5, h6) {
  font-size: 1rem;
}

.event-rich-text :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}

.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 strong,
.event-rich-text b {
  font-weight: 650;
}

.event-rich-text a {
  color: #1d4ed8; /* blue-700 */
  text-decoration: underline;
  text-underline-offset: 2px;
}

.event-rich-text blockquote {
  margin: 0 0 1rem;
  padding-left: 0.9rem;
  border-left: 3px solid #e4e4e7; /* zinc-200 */
  color: #52525b; /* zinc-600 */
}

.event-rich-text code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.875em;
  background: #f4f4f5; /* zinc-100 */
  padding: 0.1em 0.35em;
  border-radius: 4px;
}

.event-rich-text pre {
  margin: 0 0 1rem;
  padding: 0.75rem 0.9rem;
  background: #f4f4f5; /* zinc-100 */
  border-radius: 6px;
  overflow-x: auto;
}

.event-rich-text pre code {
  padding: 0;
  background: transparent;
}

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