/*
Theme Name: AnimeStars Snapshot White
Theme URI: https://animestars.tv/
Author: Snapshot conversion
Description: WordPress homepage theme displaying the supplied AnimeStars 2024 HTML snapshot without the Wayback Machine toolbar. Archived visual assets are requested from Internet Archive.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: animestars-snapshot-white
License: GNU General Public License v2 or later
*/

/* White first-page styling. The archived original styles load first; these rules
   establish the requested light scheme and provide an independent layout fallback. */
:root {
  color-scheme: light;
  --as-bg: #ffffff;
  --as-panel: #ffffff;
  --as-text: #262a32;
  --as-muted: #858b96;
  --as-border: #e7e9ee;
  --as-subtle: #f5f6f8;
  --as-accent: #ff772d;
}
* {box-sizing: border-box}
html {scroll-behavior: smooth}
body, body.design1, body.design2, body.design3, body.design4, body.design5, body.design6, body.design7 {
  background: var(--as-bg) !important;
  color: var(--as-text) !important;
  margin: 0;
  font-family: 'PFDinDisplayPro', 'PF DinDisplay Pro', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}
a {color: inherit; text-decoration: none}
a:hover {color: var(--as-accent)}
img {max-width: 100%; display: block}
button, input, select {font: inherit}
button {cursor: pointer}
button, input {outline-offset: 2px}
button:not(.btn-without-bg) {border: 0}
input[type="text"], input[type="password"] {background:#fff; color:var(--as-text)}
.wrapper {width: 100%; min-height: 100vh; background: var(--as-bg)}
.wrapper__container--main {margin: 0 auto; width: min(100% - 40px, 1320px)}
.d-flex {display: flex}
.fd-column {flex-direction: column}
.ai-center {align-items: center}
.ai-flex-end {align-items: flex-end}
.jc-center {justify-content: center}
.flex-grow-1 {flex-grow: 1}
.p-relative {position: relative}
.d-none {display: none}
.ws-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.line-clamp {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.header {gap: 20px; min-height: 86px; padding: 14px 0; border-bottom: 1px solid var(--as-border); background:#fff!important}
.header__logo {display:flex;align-items:center;gap:8px; font-size:27px; font-weight:800; white-space:nowrap; flex-shrink:0}
.header__logo img, .footer__logo img {height: 36px; width: 36px; object-fit: contain}
.header__logo span {color:var(--as-accent)}
.header__soc-link {display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px}
.header__search {min-width: 125px; max-width: 480px; margin-left:auto}
.header__search form {display:flex; width:100%;position:relative}
.search-block__input {width:100%;height:43px;padding:9px 46px 9px 16px;border:1px solid var(--as-border);border-radius:9px;background:var(--as-subtle)!important}
.search-block__btn {position:absolute;right:3px;top:3px;bottom:3px;width:38px;border:0;background:transparent}
.header__settings-btn,.header__btn-login,.header__btn-menu {padding:11px; border:0; border-radius:8px; background:transparent; color:var(--as-text)}
.header__btn-login span {margin-left:4px}
.header__settings-list {position:absolute;top:100%;right:0;z-index:10;width:280px;background:#fff;border:1px solid var(--as-border);padding:14px;box-shadow:0 12px 28px #10182820}
.sb__design {padding:0;list-style:none; flex-wrap:wrap}
.sb__design li button {padding:6px;min-width:31px;background:var(--as-subtle)}
.carousel {margin:22px 0 27px}
.sect__header {display:flex;align-items:center;gap:14px;margin-bottom:17px}
.sect__title {font-size:24px;line-height:1.2;font-weight:700;margin:0}
.sect__link {color:var(--as-accent);font-size:14px}
.carousel__content {display:flex;gap:17px;overflow-x:auto;padding:4px 1px 10px;scrollbar-width:thin}
.carou {flex:0 0 162px;min-width:0;max-width:162px;gap:9px}
.carou__img {width:100%;aspect-ratio:2 / 2.77;border-radius:8px;overflow:hidden;background:#f2f2f2}
.carou__img img {width:100%;height:100%;object-fit:cover}
.carou__title {font-weight:650;font-size:15px}
.carou__category {font-size:13px;color:var(--as-muted)}
.wrapper__cols {display:grid;grid-template-columns:255px minmax(0,1fr);gap:28px;align-items:start}
.content {grid-row:1;grid-column:2;min-width:0}
.sidebar {grid-row:1;grid-column:1;min-width:0}
.sidebar .sb {margin-bottom:23px;background:#fff!important;border:1px solid var(--as-border);border-radius:11px;overflow:hidden}
.sb__title {font-size:18px;font-weight:700;padding:13px 17px;border-bottom:1px solid var(--as-border);background:var(--as-subtle)!important}
.sb__content {list-style:none;margin:0;padding:11px 17px}
.menu-block li {display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 0;font-size:15px}
.menu-block li a {min-width:0}
.menu-block li span {font-size:13px;color:var(--as-muted)}
.menu-block--main li {font-weight:600}
.sect {margin-bottom:27px}
.sect__header--mb {margin-bottom:18px}
.sect__btn-filter {background:var(--as-subtle);color:var(--as-text);border-radius:7px;padding:9px 15px;border:1px solid var(--as-border)}
.d-grid-items--main {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
.grid-item {min-width:0}
.card {display:flex;flex-direction:column;min-width:0;border:1px solid var(--as-border);border-radius:9px;overflow:hidden;background:#fff!important}
.card__img {aspect-ratio:2/2.85;overflow:hidden;background:var(--as-subtle)}
.card__img img {width:100%;height:100%;object-fit:cover}
.card__desc {padding:10px 11px 6px}
.card__title {font-weight:650;font-size:16px;line-height:1.24;margin:0 0 5px;min-height:39px}
.card__meta {font-size:13px;color:var(--as-muted)}
.card__meta2 {gap:6px;flex-wrap:wrap;padding:4px 10px 10px;color:var(--as-muted);font-size:12px}
.card__quality,.card__series {border-radius:4px;padding:2px 6px;background:var(--as-subtle)}
.card__footer {margin-top:auto;padding:0 10px 10px}
.card__btn-trailer {width:100%;padding:7px 9px;border-radius:5px;background:#fff4eb;color:var(--as-accent)}
.pagination {grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 4px}
.pagination__pages {display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap}
.pagination__pages > a,.pagination__pages > span,.pagination__btn {min-width:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--as-border);border-radius:5px}
.pagination__pages > span:first-child {background:var(--as-accent);color:#fff}
.ftop-item {gap:10px;padding:10px 0;border-bottom:1px solid var(--as-border)}
.ftop-item:last-child {border-bottom:0}
.ftop-item__img {width:58px;flex:0 0 58px;height:74px;overflow:hidden;border-radius:5px}
.ftop-item__img img {width:100%;height:100%;object-fit:cover}
.ftop-item__desc {min-width:0}
.ftop-item__title {font-weight:650;font-size:14px}
.ftop-item__meta {font-size:12px;color:var(--as-muted)}
.lcomm {padding:9px 0;border-bottom:1px solid var(--as-border)}
.lcomm:last-child {border:0}
.lcomm__meta {gap:7px;margin-bottom:5px}
.lcomm__av,.lcomm__av img {width:27px;height:27px;border-radius:50%;object-fit:cover}
.lcomm__author {font-weight:600;font-size:14px}
.lcomm__date {color:var(--as-muted);font-size:12px}
.lcomm__text,.lcomm__link {font-size:13px}
.lcomm__link {display:block;color:var(--as-accent);margin-top:5px}
.descr {font-size:15px;line-height:1.7;color:#4e5560;margin:18px 0}
.descr h1 {font-size:24px;color:var(--as-text);margin:0 0 12px}
.descr p {margin:0 0 12px}
.descr a {color:var(--as-accent)}
.order-last {order:10}
.footer {gap:16px;min-height:95px;margin-top:34px;padding:20px 0;border-top:1px solid var(--as-border);font-size:13px;color:var(--as-muted);flex-wrap:wrap}
.footer__logo {display:flex;align-items:center;gap:6px;color:var(--as-text);font-size:18px;font-weight:700}
.footer__text {flex:1 1 100px}
.footer__link {white-space:nowrap}
.footer__counter {margin-left:auto}
.login {position:fixed;top:90px;right:25px;z-index:99;background:#fff;color:var(--as-text);max-width:min(360px,calc(100vw - 30px));border-radius:10px;padding:22px;box-shadow:0 10px 35px #0002}
.login__title {font-weight:700;font-size:22px}
.login__close {float:right;background:transparent;border:0}
.login__row {margin-top:12px}
.login__input input {padding:9px;width:100%;border:1px solid var(--as-border);border-radius:5px}
.login__row button[type=submit] {padding:10px 16px;background:var(--as-accent);color:white;border-radius:6px}
@media(max-width:1100px){.wrapper__cols{grid-template-columns:215px minmax(0,1fr);gap:20px}.d-grid-items--main{grid-template-columns:repeat(3,minmax(0,1fr))}.header{gap:10px}.header__soc-link span{display:none}}
@media(max-width:800px){.wrapper__container--main{width:min(100% - 24px, 760px)}.header{min-height:74px;flex-wrap:wrap}.header__logo{font-size:22px}.header__search{order:5;flex-basis:100%;max-width:none}.wrapper__cols{grid-template-columns:minmax(0,1fr)}.content{grid-row:1;grid-column:1}.sidebar{grid-row:2;grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sidebar .sb{margin:0}.d-grid-items--main{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.sidebar{grid-template-columns:1fr}.d-grid-items--main{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.carousel__content{gap:11px}.carou{flex-basis:126px;max-width:126px}.header__btn-login span{display:none}.footer{gap:12px}.sect__title{font-size:21px}}