.as-wrap{--bg:#0a0a12;--card:#12121c;--line:#23232f;--mut:#8b8fa3;--pink:#ff3b5c;--grad:linear-gradient(90deg,#ff3b5c,#ff6a3d);background:var(--bg);color:#fff;font-family:Lexend,system-ui,sans-serif;max-width:1100px;margin:20px auto;padding:20px;border-radius:16px;box-sizing:border-box}.as-wrap *{box-sizing:border-box}.as-wrap a{text-decoration:none;color:inherit}.as-sort,.as-nav,.as-episode-links{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.as-sort{justify-content:flex-end;padding:15px;border:1px solid var(--line);border-radius:15px}.as-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 15px;font-size:12px;font-weight:600}.as-btn:hover,.as-active,.as-primary{background:var(--grad);border-color:transparent}.as-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.as-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.as-card:hover{border-color:var(--pink)}.as-poster{position:relative;aspect-ratio:2/3;background:linear-gradient(145deg,#512037,#101525);overflow:hidden}.as-poster img{width:100%;height:100%;object-fit:cover;display:block}.as-epbadge,.as-year{position:absolute;font-size:10px;padding:5px 8px;border-radius:7px;background:#000b;top:8px;right:8px}.as-year{top:auto;right:auto;bottom:8px;left:8px;background:var(--pink)}.as-card-title{font-weight:600;font-size:12px;padding:10px;text-align:right;min-height:48px}.as-card-sub{color:var(--mut);text-align:center;font-size:10px;padding:0 6px 12px}.as-pagination{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.as-crumb{color:var(--mut);font-size:11px;text-align:right;margin-bottom:15px}.as-hero{display:flex;flex-direction:row-reverse;gap:28px;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#1a1a26,#0e0e16)}.as-hero-poster{width:190px;flex:none;border-radius:12px}.as-info{flex:1;text-align:right}.as-pill{color:var(--pink);border:1px solid var(--pink);border-radius:10px;padding:6px 10px;font-size:11px}.as-wrap h1{font-size:25px;line-height:1.4;margin:18px 0}.as-wrap h2{font-size:17px;text-align:right;border-bottom:1px solid var(--line);padding:12px 0;margin:24px 0 14px}.as-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:15px}.as-chips span{background:#ffffff10;padding:6px 9px;border-radius:7px;font-size:11px}.as-desc{color:#c9cbd8;line-height:1.8;font-size:13px;margin-bottom:20px}.as-episodes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;direction:rtl}.as-episode-card{background:var(--card);border:1px solid var(--line);padding:12px;border-radius:9px;font-size:12px;text-align:center}.as-episode-card:hover{border-color:var(--pink)}.as-watch-title{text-align:right}.as-player{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #ff3b5c66;border-radius:15px;overflow:hidden}.as-player iframe{display:block;width:100%;height:100%;border:0}.as-empty{display:grid;place-items:center;height:100%;color:#aaa}.as-nav{justify-content:space-between;margin-top:15px}@media(max-width:900px){.as-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.as-episodes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.as-wrap{padding:12px}.as-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.as-hero{flex-direction:column;align-items:center;padding:16px}.as-hero-poster{width:180px}.as-episodes{grid-template-columns:repeat(2,minmax(0,1fr))}.as-wrap h1{font-size:20px}}

/* Anime Slayer episode availability badges */
.as-episode-card .as-direct,
.as-episode-card .as-app-only {
    display: inline-block;
    padding: 5px 10px;
    margin-inline-start: 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.as-episode-card .as-direct {
    background: #073d32;
    color: #20e3a0;
}

.as-episode-card .as-app-only {
    background: #401427;
    color: #ff648f;
}

/* Final episode badges */
.as-episode-card .as-direct,
.as-episode-card .as-app-only {
    display: inline-block;
    padding: 5px 10px;
    margin-inline-start: 10px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.as-episode-card .as-direct {
    background: #073d32;
    color: #20e3a0;
}
.as-episode-card .as-app-only {
    background: #401427;
    color: #ff648f;
}

/* App Only episode design */
.as-player:has(.as-app-locked) {
    background: radial-gradient(ellipse at center, #300a19 0%, #120910 48%, #08080e 100%);
    border: 1px solid #8b1738;
    border-radius: 18px;
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px 20px;
}

.as-app-locked {
    width: 100%;
    max-width: 760px;
    margin: auto;
    text-align: center;
    color: #fff;
}

.as-lock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #520e29;
    border: 1px solid #fa285c;
    font-size: 32px;
}

.as-app-locked h2 {
    color: #fff;
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 20px;
}

.as-app-locked p {
    color: #c9c3cf;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 28px;
}

.as-app-download-disabled {
    display: inline-block;
    padding: 17px 32px;
    border-radius: 12px;
    background: linear-gradient(110deg, #ff2863, #ff634d);
    color: #fff;
    font-weight: 800;
    font-size: 16px;
    opacity: .7;
    cursor: not-allowed;
}

.as-app-note {
    color: #a6a0ae;
    margin-top: 16px;
    font-size: 13px;
}

@media (max-width: 600px) {
    .as-player:has(.as-app-locked) {
        min-height: 400px;
        padding: 28px 15px;
    }
    .as-app-locked p {
        font-size: 14px;
    }
    .as-app-download-disabled {
        padding: 15px 20px;
        font-size: 14px;
    }
}

/* ==========================================
   ANIME SLAYER - DARK TEXT & TITLE FIX
   ========================================== */

/* Hide duplicate WordPress theme titles */
body.single-as_anime .entry-header,
body.single-as_episode .entry-header,
body.single-as_anime .wp-block-post-title,
body.single-as_episode .wp-block-post-title,
body.single-as_anime .entry-title,
body.single-as_episode .entry-title,
body.single-as_anime .page-title,
body.single-as_episode .page-title {
    display: none !important;
}

/* Dark background on anime pages */
body.single-as_anime .site-main,
body.single-as_episode .site-main {
    background: #080910;
}

/* Main content white text */
body.single-as_anime .as-wrap,
body.single-as_episode .as-wrap {
    color: #ffffff !important;
}

/* All headings */
body.single-as_anime .as-wrap h1,
body.single-as_anime .as-wrap h2,
body.single-as_anime .as-wrap h3,
body.single-as_episode .as-wrap h1,
body.single-as_episode .as-wrap h2,
body.single-as_episode .as-wrap h3 {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Description and episode information */
.as-info,
.as-info h1,
.as-desc,
.as-desc p,
.as-watch-title,
.as-episodes,
.as-episode-card {
    color: #ffffff !important;
}

/* Secondary text */
.as-crumb,
.as-crumb a,
.as-card-sub {
    color: #aab8d0 !important;
}

/* Episode buttons */
.as-episode-card {
    background: #141521;
    border: 1px solid #292b3d;
}

/* Improve readability */
.as-info h1 {
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.35;
}

.as-wrap h2 {
    font-weight: 800;
    margin-top: 30px;
}


/* GLOBAL FULL WIDTH DARK LAYOUT */

html, body {
    background: #0a0a12 !important;
}

body .site,
body #page,
body .site-content,
body #content,
body .content-area,
body .site-main,
body main,
body article,
body .entry-content,
body .wp-site-blocks {
    background-color: #0a0a12 !important;
}

/* Remove white outer gaps */
body .site-content,
body #content,
body .content-area,
body .site-main,
body .entry-content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Anime Slayer content fills available width */
body .as-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    background: #0a0a12 !important;
    color: #ffffff !important;
}

/* White text inside Anime Slayer */
body .as-wrap h1,
body .as-wrap h2,
body .as-wrap h3 {
    color: #ffffff !important;
}

/* Keep internal content spacing */
body .as-wrap {
    padding: 24px !important;
}

/* Mobile */
@media (max-width: 600px) {
    body .as-wrap {
        padding: 14px !important;
    }
}

/* REMOVE EMPTY SPACE BELOW HEADER */

body .site-content,
body #content,
body .content-area,
body .site-main,
body main,
body .entry-content,
body .wp-site-blocks > main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove top spacing from page/article wrappers */
body article,
body .hentry,
body .type-as_anime,
body .type-as_episode,
body .type-page,
body .type-post {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Anime Slayer container starts immediately */
body .as-wrap {
    margin-top: 0 !important;
}

/* Remove empty theme title header spacing */
body.single-as_anime .entry-header,
body.single-as_episode .entry-header {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* WordPress block theme spacing */
body .wp-site-blocks > main {
    margin-block-start: 0 !important;
}


/* Anime Slayer Download App Button */
.as-anime-download-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 24px;
    margin: 8px 12px 8px 0;
    border: 1px solid #405653;
    border-radius: 13px;
    background: linear-gradient(115deg, #20262a, #123a39);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    cursor: default;
}

.as-android-icon {
    color: #12cf9d;
    font-size: 19px;
}

@media (max-width: 600px) {
    .as-anime-download-btn {
        display: flex;
        width: 100%;
        margin: 8px 0;
        font-size: 13px;
        padding: 14px;
    }
}