/* Global styles for the platform.
 *
 * Tailwind is loaded via CDN in index.html with extended brand colours; this
 * file complements it with utilities that aren't easily expressible via
 * inline classes — primarily owner-app specific scrollbar hiding and the
 * dark-theme prose styles used by OwnerNewsArticle.
 */

/* -- Scroll utilities ------------------------------------------------------ */

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* -- Owner news article body ---------------------------------------------- */
/* Renders the WordPress `content_html` payload against the charcoal theme.
 * Targets the wrapper class `owner-article-body` set in OwnerNewsArticle.
 */

.owner-article-body {
  font-size: 15px;
  line-height: 1.7;
}

.owner-article-body > * + * {
  margin-top: 1.1em;
}

.owner-article-body p {
  color: rgba(255, 255, 255, 0.78);
}

.owner-article-body h1,
.owner-article-body h2,
.owner-article-body h3,
.owner-article-body h4 {
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.owner-article-body h2 {
  font-size: 1.4em;
}
.owner-article-body h3 {
  font-size: 1.2em;
}

.owner-article-body a {
  color: #f59e0b;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.owner-article-body a:hover {
  color: #fbbf24;
}

.owner-article-body img,
.owner-article-body figure {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 1.5em 0;
}

.owner-article-body figcaption {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  text-align: center;
  margin-top: 0.5em;
}

.owner-article-body ul,
.owner-article-body ol {
  padding-left: 1.4em;
  color: rgba(255, 255, 255, 0.78);
}

.owner-article-body ul {
  list-style: disc;
}
.owner-article-body ol {
  list-style: decimal;
}

.owner-article-body li + li {
  margin-top: 0.4em;
}

.owner-article-body blockquote {
  border-left: 2px solid rgba(245, 158, 11, 0.6);
  padding-left: 1em;
  font-style: italic;
  color: rgba(255, 255, 255, 0.7);
}

.owner-article-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.1em 0.4em;
  border-radius: 4px;
}

/* -- Line clamp utilities (some browsers need explicit help) -------------- */

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}