/* The platform's plain message pages before signing in (nothing here, not allowed, a link that no longer works, a message) as one
   atlys card: the atlys Online lockup, the brand's type, a green way on. Light or Dark follows the device (nobody is signed in). */
@font-face { font-family: "Figtree"; src: url("/assets/atlys_online/fonts/figtree.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("/assets/atlys_online/fonts/bricolage-grotesque.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }

body:has(.error-page) {
  --wp-bg: #f4f7f4; --wp-card: #ffffff; --wp-ink: #17291f; --wp-muted: #55675c; --wp-line: #dbe5dd; --wp-green: #308f6f; --wp-on: #ffffff;
  background: var(--wp-bg) !important; color: var(--wp-ink); font-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  body:has(.error-page) { --wp-bg: #1a383f; --wp-card: #28444b; --wp-ink: #f0f7f5; --wp-muted: #b4cdc9; --wp-line: #355056; --wp-green: #5ad1a6; --wp-on: #04161a;
    --atlys-ink: #f0f7f5; --atlys-logo-green: #5ad1a6; }
}
body:has(.error-page) .page-breadcrumbs, body:has(.error-page) .page-header-wrapper, body:has(.error-page) .page-footer { display: none; }
body:has(.error-page) .page-content-wrapper { min-height: 100vh; box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; padding: 16px; }
body:has(.error-page) main.container { max-width: 460px; width: 100%; padding: 0; margin: 0; }
body:has(.error-page) .page_content { min-height: 0 !important; }
.error-page { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.error-page > div { background: var(--wp-card); border: 1px solid var(--wp-line); border-top: 3px solid var(--wp-green); border-radius: 16px; padding: 26px 28px 28px;
  box-shadow: 0 1px 2px rgba(28, 36, 51, 0.06), 0 12px 32px rgba(28, 36, 51, 0.08); text-align: left; width: 100%; }
.error-page .atlys-lockup { display: flex; align-items: center; --lk-h: 30px; margin-bottom: 22px; }
.error-page .atlys-lockup img { height: var(--lk-h); width: auto; }
.error-page h4::after, .error-page h4::before, .error-page .page-card-head::after { display: none !important; content: none !important; }
.error-page h4, .error-page .page-card-head { font: 700 22px/1.25 "Bricolage Grotesque", "Figtree", system-ui, sans-serif !important; color: var(--wp-ink) !important; letter-spacing: -0.01em;
  border: 0 !important; padding: 0 !important; margin: 0 0 8px !important; text-align: left !important; }
.error-page .details { border-top: 0 !important; padding-top: 0 !important; }
.error-page .details, .error-page p { color: var(--wp-muted); font-size: 15px; line-height: 1.55; margin: 0 0 18px; text-align: left; }
.error-page .details a.text-muted, .error-page .btn-primary, .error-page a.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 18px;
  border-radius: 10px; background: var(--wp-green) !important; border: 0 !important; color: var(--wp-on) !important; font: 600 15px/1.2 "Figtree", system-ui, sans-serif; text-decoration: none !important;
  width: auto !important; margin-top: 4px; box-shadow: none !important; }
.error-page .details a.text-muted:hover, .error-page .btn-primary:hover { filter: brightness(1.06); }