/*
 * apiJAV — Neon Tokyo
 * Electric dark Japanese-inspired skin. Ink-black backgrounds, vivid magenta
 * & electric cyan duotone, Japanese-aesthetic typography. Cinematic and bold.
 * Loaded after wpst-style — cascades cleanly, never breaks layout.
 */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap&font-display=swap');

/* ============================================================
   CSS VARIABLES — Neon Tokyo
   ============================================================ */
:root {
    --aj-bg:              #050508;
    --aj-bg2:             #08080e;
    --aj-surface:         #0e0e18;
    --aj-surface2:        #141422;
    --aj-border:          rgba(255, 0, 180, 0.11);
    --aj-border-hot:      rgba(255, 0, 180, 0.50);
    --aj-accent:          #ff00b4;
    --aj-accent-dim:      rgba(255, 0, 180, 0.15);
    --aj-accent-glow:     rgba(255, 0, 180, 0.60);
    --aj-accent2:         #00f5ff;
    --aj-accent2-dim:     rgba(0, 245, 255, 0.14);
    --aj-accent3:         #ff66cc;
    --aj-text:            #dce0f0;
    --aj-text-dim:        #656880;
    --aj-text-bright:     #f5f0ff;
    --aj-glow-top:        rgba(255, 0, 180, 0.07);
    --aj-glow-btm:        rgba(0, 245, 255, 0.05);
    --aj-grad-btn:        linear-gradient(135deg, #c0006e 0%, #ff00b4 50%, #00f5ff 100%);
    --aj-grad-btn-hover:  linear-gradient(135deg, #e0008a 0%, #ff33cc 50%, #33f8ff 100%);
    --aj-grad-nav-hover:  linear-gradient(180deg, rgba(255,0,180,0.10) 0%, rgba(255,0,180,0.03) 100%);
    --aj-nav-active-line: #ff00b4;
    --aj-grad-meter:      linear-gradient(90deg, #c0006e 0%, #ff00b4 50%, #00f5ff 100%);
    --aj-title-grad:      linear-gradient(135deg, #fff 25%, #ff00b4 55%, #00f5ff 85%);
    --aj-logo-grad:       linear-gradient(135deg, #fff 15%, #ff00b4 50%, #00f5ff 100%);
    --aj-sep-grad:        linear-gradient(90deg, transparent 0%, #c0006e 35%, #ff00b4 50%, #00f5ff 75%, transparent 100%);
    --aj-footer-sep:      linear-gradient(90deg, transparent 0%, #00f5ff 35%, #ff00b4 65%, transparent 100%);
    --aj-radius:          4px;
    --aj-radius-lg:       8px;
    --aj-transition:      0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   GLOBAL FOUNDATION
   ============================================================ */
body {
    background-color: var(--aj-bg) !important;
    background-image:
        radial-gradient(ellipse 80% 40% at 50% 0%, var(--aj-glow-top) 0%, transparent 65%),
        radial-gradient(ellipse 55% 30% at 90% 100%, var(--aj-glow-btm) 0%, transparent 60%),
        radial-gradient(ellipse 40% 25% at 5% 60%, rgba(0,245,255,0.04) 0%, transparent 50%);
    background-attachment: fixed;
    color: var(--aj-text) !important;
    font-family: 'DM Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 14px;
}

/* Grid scanline texture */
body::before {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image:
        linear-gradient(rgba(255,0,180,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,0,180,0.015) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title a,
.title-block h1.entry-title {
    font-family: 'Rajdhani', 'DM Sans', sans-serif !important;
    letter-spacing: 0.04em;
    font-weight: 700 !important;
}

a {
    color: var(--aj-accent3);
    transition: color var(--aj-transition), text-shadow var(--aj-transition);
}
a:hover {
    color: #fff;
    text-shadow: 0 0 14px var(--aj-accent-glow);
}

/* ============================================================
   TOP BAR
   ============================================================ */
.top-bar {
    background: linear-gradient(90deg, #030306 0%, #06060d 50%, #030306 100%) !important;
    border-bottom: 1px solid var(--aj-border) !important;
    box-shadow: 0 1px 22px rgba(255,0,180,0.12) !important;
}
.top-bar small { color: var(--aj-text-dim) !important; }
.top-bar .social-share a {
    background: rgba(255,0,180,0.08) !important;
    border: 1px solid var(--aj-border) !important;
    border-radius: var(--aj-radius) !important;
    transition: all var(--aj-transition) !important;
}
.top-bar .social-share a:hover {
    background: var(--aj-accent-dim) !important;
    border-color: var(--aj-border-hot) !important;
    box-shadow: 0 0 14px var(--aj-accent-dim) !important;
}
.top-bar .social-share i { color: var(--aj-text-dim) !important; }
.top-bar .social-share a:hover i { color: var(--aj-accent) !important; }

.top-bar .membership { color: var(--aj-text-dim) !important; }
.top-bar .membership .welcome,
.top-bar .membership .or { color: var(--aj-text-dim) !important; }
.top-bar .membership a {
    color: var(--aj-accent2) !important;
    display: inline-block !important;
    margin: 0 8px !important;
    font-weight: 600 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    letter-spacing: 0.05em !important;
    transition: color var(--aj-transition), text-shadow var(--aj-transition) !important;
}
.top-bar .membership a:hover {
    color: #fff !important;
    text-shadow: 0 0 12px rgba(0,245,255,0.7) !important;
    background: none !important;
}
.top-bar .membership a i { color: inherit !important; margin-right: 4px !important; }

/* ============================================================
   SITE BRANDING / HEADER
   ============================================================ */
.site-branding {
    background: linear-gradient(180deg, #040408 0%, #07070f 100%) !important;
    border-bottom: 1px solid var(--aj-border) !important;
    position: relative;
    overflow: visible;
}
.site-branding::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0; right: 0;
    height: 1px;
    background: var(--aj-sep-grad);
    opacity: 0.8;
}
.site-title,
.site-title a {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    background: var(--aj-logo-grad) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.site-description { color: var(--aj-text-dim) !important; }

.site-branding .header-search input,
input[type="search"],
input[type="text"] {
    background: var(--aj-surface2) !important;
    border: 1px solid var(--aj-border) !important;
    color: var(--aj-text) !important;
    border-radius: var(--aj-radius) !important;
    transition: border-color var(--aj-transition), box-shadow var(--aj-transition) !important;
}
.site-branding .header-search input:focus,
input[type="search"]:focus,
input[type="text"]:focus {
    border-color: var(--aj-border-hot) !important;
    box-shadow: 0 0 0 3px var(--aj-accent-dim), 0 0 22px var(--aj-accent-dim) !important;
    outline: none !important;
}

/* ============================================================
   NAVIGATION
   ============================================================ */
#site-navigation {
    background: linear-gradient(180deg, #0c0c18 0%, #08080e 100%) !important;
    border-bottom: 1px solid var(--aj-border) !important;
    box-shadow: 0 4px 28px rgba(0,0,0,0.8) !important;
}
#site-navigation > ul > li > a {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.84em !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--aj-text-dim) !important;
    transition: color var(--aj-transition), background var(--aj-transition) !important;
}
#site-navigation > ul > li:hover > a,
#site-navigation ul li.current-menu-item > a {
    color: var(--aj-accent) !important;
    text-shadow: 0 0 16px var(--aj-accent-glow) !important;
}
#site-navigation > ul > li:hover,
#site-navigation ul li.current-menu-item {
    background: var(--aj-grad-nav-hover) !important;
    box-shadow: inset 0 -2px 0 var(--aj-accent) !important;
}
#site-navigation ul ul {
    background: rgba(5, 5, 12, 0.97) !important;
    border: 1px solid var(--aj-border) !important;
    border-top: 2px solid var(--aj-accent) !important;
    box-shadow: 0 8px 36px rgba(0,0,0,0.9), 0 0 24px var(--aj-accent-dim) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 0 0 var(--aj-radius) var(--aj-radius) !important;
}
#site-navigation ul ul li a {
    color: var(--aj-text-dim) !important;
    font-size: 0.82em !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    transition: all var(--aj-transition) !important;
}
#site-navigation ul ul li:hover > a,
#site-navigation ul ul li a:hover {
    color: var(--aj-accent2) !important;
    background: var(--aj-accent2-dim) !important;
    padding-left: 20px !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */
button, .button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.label, .label:visited,
.pagination ul li a {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    background: var(--aj-grad-btn) !important;
    border: 1px solid rgba(255,0,180,0.30) !important;
    border-radius: var(--aj-radius) !important;
    color: #fff !important;
    transition: all var(--aj-transition) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
button:hover, .button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.label:hover,
.pagination ul li a:hover {
    background: var(--aj-grad-btn-hover) !important;
    box-shadow: 0 0 22px var(--aj-accent-dim), 0 0 14px rgba(0,245,255,0.2), 0 4px 14px rgba(0,0,0,0.5) !important;
    transform: translateY(-1px) !important;
}

/* ============================================================
   PAGE HEADER
   ============================================================ */
.page-header {
    background: linear-gradient(135deg, var(--aj-surface) 0%, var(--aj-surface2) 100%) !important;
    border-left: 3px solid var(--aj-accent) !important;
    border-bottom: 1px solid var(--aj-border) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.6), inset 0 0 40px rgba(255,0,180,0.03) !important;
    border-radius: var(--aj-radius) !important;
    padding: 0.8em 1.2em !important;
}
.page-header .page-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--aj-accent) !important;
    text-shadow: 0 0 22px var(--aj-accent-glow) !important;
    margin: 0 !important;
}

/* ============================================================
   THUMBNAIL BLOCK
   ============================================================ */
.thumb-block {
    transition: transform var(--aj-transition) !important;
    will-change: transform;
}
.thumb-block:hover {
    transform: translateY(-4px) scale(1.005) !important;
    z-index: 2;
    position: relative;
}
.thumb-block .entry-header {
    background: linear-gradient(180deg, var(--aj-surface) 0%, #0a0a14 100%) !important;
    border: 1px solid var(--aj-border) !important;
    border-top: none !important;
    border-radius: 0 0 var(--aj-radius) var(--aj-radius) !important;
    color: var(--aj-text) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 0.82em !important;
    font-weight: 500 !important;
    padding: 0.55em 0.6em 0.45em !important;
    transition: background var(--aj-transition), color var(--aj-transition), border-color var(--aj-transition) !important;
}
.thumb-block:hover .entry-header {
    background: linear-gradient(180deg, var(--aj-surface2) 0%, #0e0e1c 100%) !important;
    color: var(--aj-text-bright) !important;
    border-color: rgba(255,0,180,0.25) !important;
}
.thumb-block .post-thumbnail {
    background-color: var(--aj-surface) !important;
    border: 1px solid var(--aj-border) !important;
    border-radius: var(--aj-radius) var(--aj-radius) 0 0 !important;
    overflow: hidden !important;
    transition: border-color var(--aj-transition), box-shadow var(--aj-transition) !important;
}
.thumb-block:hover .post-thumbnail {
    border-color: rgba(255,0,180,0.5) !important;
    box-shadow:
        0 0 0 1px rgba(255,0,180,0.25),
        0 0 28px rgba(255,0,180,0.22),
        0 0 14px rgba(0,245,255,0.10),
        0 10px 36px rgba(0,0,0,0.8) !important;
}
.thumb-block .post-thumbnail img {
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1), filter 0.4s ease !important;
    filter: brightness(0.85) saturate(0.85) !important;
}
.thumb-block:hover .post-thumbnail img {
    transform: scale(1.05) !important;
    filter: brightness(1.0) saturate(1.15) !important;
}
/* Neon gradient overlay at bottom of thumb */
.thumb-block .post-thumbnail::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 55%;
    background: linear-gradient(to top,
        rgba(5,3,12,0.92) 0%,
        rgba(20,0,40,0.30) 60%,
        transparent 100%);
    z-index: 15;
    pointer-events: none;
    transition: opacity var(--aj-transition);
}
.thumb-block:hover .post-thumbnail::after { opacity: 0.65; }

/* ============================================================
   PLAY ICON HOVER OVERLAY
   ============================================================ */
.play-icon-hover {
    background: radial-gradient(ellipse at center,
        rgba(255,0,180,0.20) 0%,
        rgba(0,245,255,0.08) 40%,
        rgba(0,0,0,0.40) 80%) !important;
    transition: opacity var(--aj-transition) !important;
    border-radius: var(--aj-radius) var(--aj-radius) 0 0 !important;
}
.play-icon-hover i {
    color: #fff !important;
    text-shadow:
        0 0 22px var(--aj-accent-glow),
        0 0 50px rgba(0,245,255,0.4),
        0 4px 10px rgba(0,0,0,0.9) !important;
    filter: drop-shadow(0 0 14px var(--aj-accent)) drop-shadow(0 0 6px var(--aj-accent2)) !important;
    transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;
}

/* ============================================================
   DURATION / VIEWS / HD BADGES
   ============================================================ */
span.views,
span.duration {
    background: rgba(5, 3, 12, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    color: #d5d8ee !important;
    font-family: 'DM Sans', monospace !important;
    font-size: 0.72em !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    letter-spacing: 0.04em !important;
    z-index: 25 !important;
    transition: all var(--aj-transition) !important;
}
span.duration {
    color: var(--aj-accent2) !important;
    border-color: rgba(0,245,255,0.22) !important;
}
.thumb-block:hover span.views,
.thumb-block:hover span.duration {
    background: rgba(255,0,180,0.18) !important;
    border-color: rgba(255,0,180,0.35) !important;
}
span.hd-video {
    background: linear-gradient(135deg, #cc0088 0%, #ff00b4 50%, #00c8ff 100%) !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.60em !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    box-shadow: 0 0 12px rgba(255,0,180,0.6), 0 2px 6px rgba(0,0,0,0.6) !important;
    z-index: 25 !important;
}

/* ============================================================
   CATEGORY LABELS
   ============================================================ */
.category-label {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.67em !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    z-index: 25 !important;
    transition: all var(--aj-transition) !important;
}
.category-label:hover { transform: scale(1.08) translateY(-1px) !important; }
.category-label.censored    { background: linear-gradient(135deg, #aa0060 0%, #cc0080 100%) !important; }
.category-label.uncensored  { background: linear-gradient(135deg, #003320 0%, #005535 100%) !important; color: #88ddaa !important; }
.category-label.uncensored-leaked,
.category-label.reducing-mosaic { background: linear-gradient(135deg, #001844 0%, #002a6e 100%) !important; }
.category-label.english-subtitle { background: linear-gradient(135deg, #440055 0%, #7700aa 100%) !important; }
.category-label.combined-label   { background: linear-gradient(135deg, #880044 0%, #cc0066 100%) !important; }

/* ============================================================
   VIDEO DEBOUNCE BAR
   ============================================================ */
.video-debounce-bar {
    background: var(--aj-grad-meter) !important;
    height: 3px !important;
    box-shadow: 0 0 10px var(--aj-accent-glow) !important;
}

/* ============================================================
   RATING BAR
   ============================================================ */
.rating-bar-meter {
    background: var(--aj-grad-meter) !important;
    box-shadow: 0 0 8px var(--aj-accent-dim) !important;
}
.rating-bar {
    background: rgba(255,255,255,0.05) !important;
    border-radius: 2px !important;
    border: 1px solid var(--aj-border) !important;
}

/* ============================================================
   SIDEBAR & WIDGETS
   ============================================================ */
#secondary { background: transparent !important; }
.widget {
    background: var(--aj-surface) !important;
    border: 1px solid var(--aj-border) !important;
    border-radius: var(--aj-radius-lg) !important;
    padding: 1em !important;
    margin-bottom: 1.2em !important;
    box-shadow: 0 4px 22px rgba(0,0,0,0.6) !important;
    transition: border-color var(--aj-transition), box-shadow var(--aj-transition) !important;
}
.widget:hover {
    border-color: rgba(255,0,180,0.25) !important;
    box-shadow: 0 4px 22px rgba(0,0,0,0.6), 0 0 20px rgba(255,0,180,0.07) !important;
}
.widget-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.80em !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--aj-accent) !important;
    text-shadow: 0 0 16px var(--aj-accent-glow) !important;
    border-bottom: 1px solid var(--aj-border) !important;
    padding-bottom: 0.6em !important;
    margin-bottom: 0.8em !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination ul li a,
.pagination ul li span {
    background: var(--aj-surface) !important;
    border: 1px solid var(--aj-border) !important;
    color: var(--aj-text-dim) !important;
    border-radius: var(--aj-radius) !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    transition: all var(--aj-transition) !important;
}
.pagination ul li a:hover,
.pagination ul li.active a,
.pagination ul li span.current {
    background: linear-gradient(135deg, var(--aj-accent-dim) 0%, var(--aj-accent2-dim) 100%) !important;
    border-color: var(--aj-border-hot) !important;
    color: var(--aj-accent2) !important;
    box-shadow: 0 0 16px var(--aj-accent-dim), 0 0 8px var(--aj-accent2-dim) !important;
    transform: translateY(-1px) !important;
}

/* ============================================================
   CATEGORIES on grid pages
   ============================================================ */
.categories-list .thumb-block .entry-header,
.actors-list .thumb-block .entry-header {
    background: linear-gradient(180deg, rgba(255,0,180,0.10) 0%, rgba(255,0,180,0.03) 100%) !important;
    color: var(--aj-text-bright) !important;
}
.categories-list .thumb-block:hover .entry-header,
.actors-list .thumb-block:hover .entry-header {
    background: linear-gradient(180deg, rgba(255,0,180,0.18) 0%, rgba(0,245,255,0.06) 100%) !important;
    border-color: var(--aj-border-hot) !important;
}

/* ============================================================
   SINGLE VIDEO PAGE
   ============================================================ */
.title-block {
    background: linear-gradient(135deg, var(--aj-surface) 0%, var(--aj-surface2) 100%) !important;
    border-left: 3px solid var(--aj-accent) !important;
    border-radius: var(--aj-radius) !important;
    box-shadow: 0 4px 28px rgba(0,0,0,0.7) !important;
    padding: 0.8em 1.2em !important;
    margin-bottom: 0.8em !important;
}
.title-block h1.entry-title {
    color: var(--aj-text-bright) !important;
    font-family: 'Rajdhani', sans-serif !important;
    letter-spacing: 0.05em !important;
    text-shadow: 0 0 30px rgba(255,0,180,0.2) !important;
}
#video-buttons a,
#video-buttons button,
span.post-like {
    background: var(--aj-surface2) !important;
    border: 1px solid var(--aj-border) !important;
    color: var(--aj-text-dim) !important;
    border-radius: var(--aj-radius) !important;
    transition: all var(--aj-transition) !important;
}
#video-buttons a:hover,
#video-buttons button:hover,
span.post-like:hover {
    background: var(--aj-accent-dim) !important;
    border-color: var(--aj-border-hot) !important;
    color: var(--aj-accent2) !important;
    box-shadow: 0 0 16px var(--aj-accent-dim) !important;
}
.entry-content #video-views span {
    color: var(--aj-accent2) !important;
    font-weight: 700 !important;
}

/* ============================================================
   VIDEO PLAYER
   ============================================================ */
.video-player,
.responsive-player {
    border-radius: var(--aj-radius-lg) !important;
    overflow: hidden !important;
    box-shadow:
        0 0 0 1px var(--aj-border),
        0 0 45px rgba(255,0,180,0.18),
        0 0 25px rgba(0,245,255,0.10),
        0 14px 56px rgba(0,0,0,0.9) !important;
}
.video-js .vjs-big-play-button {
    background: linear-gradient(135deg, rgba(5,3,12,0.75) 0%, rgba(255,0,180,0.20) 100%) !important;
    border: 2px solid rgba(255,0,180,0.65) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 35px rgba(255,0,180,0.5), 0 0 18px rgba(0,245,255,0.2) !important;
    transition: all var(--aj-transition) !important;
}
.video-js .vjs-big-play-button:hover {
    background: rgba(255,0,180,0.28) !important;
    box-shadow: 0 0 55px rgba(255,0,180,0.7), 0 0 28px rgba(0,245,255,0.3) !important;
    transform: scale(1.1) !important;
}
.video-js .vjs-control-bar {
    background: linear-gradient(to top, rgba(3,0,8,0.97) 0%, rgba(3,0,8,0.70) 100%) !important;
}
.video-js .vjs-play-progress,
.video-js .vjs-play-progress::before {
    background: var(--aj-accent) !important;
    box-shadow: 0 0 8px var(--aj-accent-glow) !important;
}

/* ============================================================
   FEATURED CAROUSEL
   ============================================================ */
.bx-wrapper {
    border: 1px solid var(--aj-border) !important;
    border-radius: var(--aj-radius-lg) !important;
    box-shadow: 0 8px 48px rgba(0,0,0,0.8) !important;
    background: transparent !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: var(--aj-text-dim) !important;
    border-radius: 50% !important;
    transition: all var(--aj-transition) !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--aj-accent) !important;
    box-shadow: 0 0 12px var(--aj-accent-glow), 0 0 6px rgba(0,245,255,0.4) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
    background: linear-gradient(180deg, #040408 0%, #020205 100%) !important;
    border-top: 1px solid var(--aj-border) !important;
    color: var(--aj-text-dim) !important;
    font-family: 'DM Sans', sans-serif !important;
    position: relative;
}
.site-footer::before {
    content: '';
    position: absolute;
    top: -1px; left: 0; right: 0;
    height: 1px;
    background: var(--aj-footer-sep);
    opacity: 0.7;
}
.site-footer a { color: var(--aj-text-dim) !important; }
.site-footer a:hover { color: var(--aj-accent2) !important; text-shadow: 0 0 10px rgba(0,245,255,0.5) !important; }
.logo-footer a {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    background: var(--aj-logo-grad) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ============================================================
   FILTERS
   ============================================================ */
#content, .site-content { background: transparent !important; }
.content-filters {
    background: var(--aj-surface) !important;
    border: 1px solid var(--aj-border) !important;
    border-radius: var(--aj-radius) !important;
    padding: 0.5em 1em !important;
    margin-bottom: 0.8em !important;
}
.content-filters a,
.content-filters .active {
    color: var(--aj-text-dim) !important;
    border-radius: 4px !important;
    padding: 0.2em 0.6em !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.80em !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    transition: all var(--aj-transition) !important;
}
.content-filters a:hover,
.content-filters .active {
    color: var(--aj-accent) !important;
    background: var(--aj-accent-dim) !important;
    text-shadow: 0 0 10px var(--aj-accent-glow) !important;
}

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--aj-bg); }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #c0006e 0%, #ff00b4 50%, #00f5ff 100%);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--aj-accent);
    box-shadow: 0 0 8px var(--aj-accent-glow);
}
::selection {
    background: rgba(255,0,180,0.28);
    color: #fff;
}

/* ============================================================
   ALERTS
   ============================================================ */
.alert-success, .notice-success {
    background: rgba(0,180,100,0.08) !important;
    border: 1px solid rgba(0,200,100,0.30) !important;
    color: #80e8b0 !important;
    border-radius: var(--aj-radius) !important;
}
.alert-info, .notice-info {
    background: var(--aj-accent2-dim) !important;
    border: 1px solid rgba(0,245,255,0.28) !important;
    color: var(--aj-accent2) !important;
    border-radius: var(--aj-radius) !important;
}
.alert-danger, .notice-error {
    background: var(--aj-accent-dim) !important;
    border: 1px solid rgba(255,0,180,0.35) !important;
    color: var(--aj-accent3) !important;
    border-radius: var(--aj-radius) !important;
}

/* ============================================================
   MISC / PERFORMANCE
   ============================================================ */
.widget, .under-video-block, .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: 0 200px;
}
.thumb-block .post-thumbnail img,
.thumb-block,
.play-icon-hover {
    will-change: transform;
    contain: layout style;
}
.no-thumb {
    background: linear-gradient(135deg, var(--aj-surface) 0%, var(--aj-surface2) 100%) !important;
    border: 1px dashed var(--aj-border) !important;
}

/* ============================================================
   FADE-IN ANIMATION
   ============================================================ */
@keyframes aj-fadein {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.thumb-block { animation: aj-fadein 0.4s ease both; }
.thumb-block:nth-child(1)  { animation-delay: 0.02s; }
.thumb-block:nth-child(2)  { animation-delay: 0.05s; }
.thumb-block:nth-child(3)  { animation-delay: 0.08s; }
.thumb-block:nth-child(4)  { animation-delay: 0.11s; }
.thumb-block:nth-child(5)  { animation-delay: 0.14s; }
.thumb-block:nth-child(6)  { animation-delay: 0.17s; }
.thumb-block:nth-child(7)  { animation-delay: 0.20s; }
.thumb-block:nth-child(8)  { animation-delay: 0.23s; }
.thumb-block:nth-child(9)  { animation-delay: 0.26s; }
.thumb-block:nth-child(10) { animation-delay: 0.29s; }
.thumb-block:nth-child(11) { animation-delay: 0.32s; }
.thumb-block:nth-child(12) { animation-delay: 0.35s; }

/* ============================================================
   MOBILE
   ============================================================ */
@media screen and (max-width: 768px) {
    body { font-size: 13px; }
    .thumb-block:hover { transform: none !important; }
    .thumb-block:hover .post-thumbnail img { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .thumb-block, .thumb-block .post-thumbnail img, * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}