/*
 * AnimeFLV redesign: listing pages and legacy-markup pages (auth, account,
 * profile, news, search, 404) under the new header and footer.
 */

/* Listing pages (latest episodes / latest anime): title row with period tabs. */
.afl-latest-page .Brdcrmb { margin: 0 0 10px; }
.afl-latest__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.afl-latest__head .afl-latest__tabs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; line-height: 1; }
.afl-latest__head .afl-latest__tabs a { display: inline-block; padding: 7px 10px; border-radius: 3px; background-color: #fff; border: 1px solid #ddd; color: #333; font-weight: 400; text-transform: uppercase; }
.afl-latest__head .afl-latest__tabs a:hover { color: var(--afl-primary, #01bcf3); border-color: rgba(1, 188, 243, .45); }
.afl-latest__head .afl-latest__tabs a.Active { background-color: var(--afl-primary, #01bcf3); border-color: var(--afl-primary, #01bcf3); color: #fff; }
.afl-latest-page .home-recent-episodes { margin-top: 2px; }
.afl-latest__empty { margin-top: 10px; }

/* Legacy-markup pages keep their breathing room under the new header. */
#site-page > .Body > .Container { padding-top: 20px; }

/* Auth screens (sign in / sign up / password): light page instead of the old dark backdrop. */
.de-auth { padding: 20px 0 50px; }
.de-auth .auth-page-header h2 { color: #121216; font-size: 24px; line-height: 1.25; letter-spacing: -0.02em; }
.de-auth .auth-page-header a { color: #121216; }
.de-auth .box { border-radius: 5px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1); }
.de-auth label { color: #3b4248; }
.de-auth .form-control { border-color: #e9e9e9; border-radius: 3px; }
.de-auth .form-control:focus { border-color: var(--afl-primary, #01bcf3); }
.de-auth .btn { border-radius: 3px; }
.de-auth .btn-primary,
.Body .afl-disc-box .btn-primary { background-color: var(--afl-primary, #01bcf3); border-color: var(--afl-primary, #01bcf3); font-weight: 700; }
.de-auth .btn-primary:hover,
.de-auth .btn-primary:focus,
.Body .afl-disc-box .btn-primary:hover,
.Body .afl-disc-box .btn-primary:focus { background-color: #01a8db; border-color: #01a8db; }
.de-auth .auth-page-footer a { color: var(--afl-primary, #01bcf3); }
.de-auth .auth-page-footer a:hover { color: #0b7fa5; }