/*
 * animeflv-misc.css — owned by the misc area. Loaded on every page after
 * animeflv-bridge.css (and, as a static file, by the standalone pages:
 * errors/partials/standalone, maintenance, coming-soon), so every rule is
 * scoped to its page. Everything else is animeflv's css.css / bootstrap.css.
 * /schedule lives in animeflv-schedule.css; the landing in animeflv-home.css.
 */

/* ==========================================================================
   1. Error pages (errors/partials/error-page) — animeflv's .Page404: the
      CMS's own art in animeflv's 426x370 illustration box (the reference
      image's own size; css.css's img max-width:100% shrinks it on phones,
      the aspect ratio keeps the box's proportions).
   ========================================================================== */
.Page404 img.af-404-art { width: 426px; height: auto; aspect-ratio: 426 / 370; object-fit: contain; }

/* ==========================================================================
   2. /pages/{slug} (frontend/page.blade.php) — the archived static pages'
      own inline <style> (`.Main p{background:#000;padding:30px;
      border-radius:5px;color:#fff}` `.Main p a{color:#fff;font-weight:bold}`),
      extended to the other blocks the admin editor writes. main.Main carries
      .af-page-body, so the editor's blocks are main's children as on
      animeflv. h2 is css.css's own (25px/400/25px #9da1a4), restated.
   ========================================================================== */
.af-page-body > p,
.af-page-body > ul,
.af-page-body > ol,
.af-page-body > blockquote,
.af-page-body > table,
.af-page-body > pre { background: #000; padding: 30px; border-radius: 5px; color: #fff; margin-bottom: 15px; }
.af-page-body > ul,
.af-page-body > ol { padding-left: 50px; margin-left: 0; list-style-position: outside; }
.af-page-body > ul { list-style-type: disc; }
.af-page-body > ol { list-style-type: decimal; }
.af-page-body > ul li,
.af-page-body > ol li { margin-bottom: 5px; }
.af-page-body > ul li:last-child,
.af-page-body > ol li:last-child { margin-bottom: 0; }
.af-page-body > blockquote p { margin-bottom: 0; }
.af-page-body a { color: #fff; font-weight: 700; }
.af-page-body a:hover { color: #01bcf3; }
.af-page-body > h2,
.af-page-body > h3,
.af-page-body > h4 { font-size: 25px; font-weight: 400; line-height: 25px; color: #9da1a4; margin-bottom: 15px; }
.af-page-body > h3,
.af-page-body > h4 { font-size: 20px; }
.af-page-body > hr { border: 0; background-color: transparent; margin: 0; }
.af-page-body > table { width: 100%; display: block; overflow-x: auto; border-collapse: collapse; }
.af-page-body th,
.af-page-body td { padding: 5px 15px 5px 0; vertical-align: top; text-align: left; }
.af-page-body code { background: rgba(255, 255, 255, .15); color: #fff; padding: 0 4px; border-radius: 3px; }
.af-page-body > pre { overflow: auto; }
.af-page-body > pre code { background: none; padding: 0; }
.af-page-body img,
.af-page-body iframe,
.af-page-body video { max-width: 100%; border-radius: 5px; }
.af-page-body img { height: auto; }

/* ==========================================================================
   3. /contact (frontend/contact.blade.php) — a .WdgtCn form with css.css's
      native 40px fields (the header login's), labels `af-lbl` (bridge), a
      field error = .Form-Error wrapper (css.css: red border + text) +
      span.af-err under it.
   ========================================================================== */
.af-form > .Description p { font-size: 12px; line-height: 20px; }
.af-form .af-err { margin: -10px 0 15px; }
.af-form .af-accept { display: flex; align-items: flex-start; font-size: 12px; line-height: 20px; color: #666; }
.af-form .af-accept [type=checkbox] { flex: none; margin: 4px 0 0; }
.af-form .af-accept label { display: block; margin: 0 0 0 7px; font-weight: 400; }
/* Help links: the glyphs differ in width, so give them one column. */
.af-help .ListSdbr li a:before { display: inline-block; width: 13px; text-align: center; }
.af-form .af-accept.Form-Error { margin-bottom: 15px; }
.af-form .af-captcha { margin-bottom: 15px; }
.af-form button.StylB { margin-bottom: 0; }
.af-help .ListSocial { font-size: 0; padding: 15px; margin: 0; }
.af-help .ListSocial > li { display: inline-block; vertical-align: top; padding-right: 10px; }
.af-help .ListSocial a { display: block; background-color: #3b4248; color: #fff; }
.af-help .ListSocial a:hover { background-color: #01bcf3; }
.af-help .ListSocial a:before { margin-right: 0; line-height: 40px; vertical-align: top; }

/* ==========================================================================
   4. Maintenance and coming soon (standalone, served 503; they load only the
      vendored sheets + this file): the error page's .Page404 frame with a
      faint FA4 glyph in the art's place, a countdown of white tiles and the
      socials as animeflv's round buttons.
   ========================================================================== */
.af-hold .Page404 .af-hold-icon { display: block; font-size: 150px; line-height: 200px; color: #3b4248; opacity: .15; margin: 0 auto 20px; }
.af-hold .Page404 .af-hold-icon:before { margin-right: 0; }
.af-hold .Page404 h1.Title { margin-bottom: 0; }
.af-hold .af-cd { font-size: 0; margin: 0 0 20px; }
.af-hold .af-cd > li { display: inline-block; vertical-align: top; width: 80px; margin: 0 5px 10px; background: #fff; border-radius: 5px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); padding: 12px 0 10px; }
.af-hold .af-cd strong { display: block; font-size: 30px; line-height: 35px; font-weight: 300; color: #3b4248; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.af-hold .af-cd span { display: block; font-size: 10px; line-height: 15px; font-weight: 700; text-transform: uppercase; color: #9da1a4; }
.af-hold .ListSocial { font-size: 0; margin: 20px 0 0; }
.af-hold .ListSocial > li { display: inline-block; vertical-align: top; padding: 0 5px; }
.af-hold .ListSocial a { display: block; background-color: #3b4248; color: #fff; }
.af-hold .ListSocial a:hover { background-color: #01bcf3; }
.af-hold .ListSocial a:before { margin-right: 0; line-height: 40px; vertical-align: top; }
.af-hold .Footer p { margin-bottom: 0; padding: 20px 0; }
/* FA6 brands (Telegram, Discord: FA 4.5 has neither) next to css.css's
   [class*=fa-]:before rule, which would force the FA4 font on them. */
.af-hold .ListSocial a.fa-brands:before { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }