/* ============================================================
   Prometheon document base
   ============================================================

   What is left here after the generic document and framework rules moved to
   Elioplus.DesignSystem: the brand wordmark face, and the global rules that name
   Prometheon's own classes. The system cannot own either - one loads a Prometheon
   asset, the others are about Prometheon's layouts.

   Linked after the system's base.css, so anything here wins a tie.
   ============================================================ */

/* --- Brand wordmark face ---------------------------------------------------
   Used only by .prometheon-brand-name (styles/shared/public-pages.css), the
   wordmark in PrometheonLayout's header and PrometheonFooter.
   The URL is relative to this stylesheet (wwwroot/styles/foundations/), so it
   follows whatever path base the app is served under. A root-absolute /fonts/
   URL only reaches this app locally; in production the host root belongs to
   the main elioplus.com site. */
@font-face {
    font-family: 'Nexa Heavy';
    src: url('../../fonts/Nexa-Heavy.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* --- Page background -------------------------------------------------------
   Deliberately global: guarantees no route introduces a background image, and
   forces true white behind the landing page so MudBlazor's grey surface does
   not show through. */
body,
.page,
.prometheon-page,
.prometheon-landing,
.sidebar {
    background-image: none !important;
}

.prometheon-landing {
    background: var(--ds-surface) !important;
}

/* --- Hosted (embedded) pages -----------------------------------------------
   HostedLayout pages are shown inside third-party iframes, so the document must
   never scroll sideways. This came from a style block in HostedLayout, which
   applied only while that layout was mounted; :has() keeps exactly that reach. */
html:has(.hosted-layout),
body:has(.hosted-layout) {
    overflow-x: hidden;
    max-width: 100%;
    margin: 0;
    padding: 0;
}