/* =========================================================
   ADULT THEME — Dark/Orange Premium Style
   Inspired by popular adult site aesthetics
   ========================================================= */

:root {
    /* ===== Core Colors - Black/Orange ===== */
    --bg: #000000;
    --bg2: #1a1a1a;
    --surface: #1a1a1a;
    --surface2: #2d2d2d;
    --text: #ffffff;
    --muted: #b3b3b3;
    --faint: #808080;
    --border: #333333;
    --shadow: rgba(0, 0, 0, 0.8);

    /* Orange accent (signature color) */
    --primary: #ff9000;
    --primary-hover: #ffa500;
    --primary-dark: #cc7300;
    --primary2: #ff6600;
    --danger: #ff3333;

    /* Accent overrides for premium feel */
    --accent-primary: #ff9000;
    --accent-secondary: #ff6600;

    --radius: 4px;
    --radius-sm: 2px;

    color-scheme: dark;
}

/* Force dark mode always */
:root[data-theme="light"] {
    --bg: #000000;
    --bg2: #1a1a1a;
    --surface: #1a1a1a;
    --surface2: #2d2d2d;
    --text: #ffffff;
    --muted: #b3b3b3;
    --faint: #808080;
    --border: #333333;
    color-scheme: dark;
}

/* ===== BODY ===== */
body {
    background: #000000 !important;
    background-image: none !important;
    font-family: 'Arial', 'Helvetica Neue', sans-serif;
}

/* ===== HEADER - Signature Black Bar ===== */
.site-header {
    background: #000000 !important;
    backdrop-filter: none;
    border-bottom: 1px solid #333;
}

.brand {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Orange highlight effect on brand */
.brand:hover {
    color: var(--primary);
}

/* ===== NAVIGATION ===== */
.nav-menu a,
.nav-links a {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 0;
}

.nav-menu a:hover,
.nav-links a:hover {
    background: transparent;
    color: var(--primary);
    border-color: transparent;
}

.nav-menu a.active,
.nav-links a.active {
    background: transparent;
    color: var(--primary);
    border-color: transparent;
    border-bottom: 2px solid var(--primary);
}

/* ===== BUTTONS ===== */
.btn {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.btn-primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #000000 !important;
}

.btn-primary:hover {
    background: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* ===== CARDS / TILES ===== */
.card,
.persona-card,
.cyber-panel,
.cyber-tile {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
}

.card:hover,
.persona-card:hover {
    border-color: var(--primary);
    box-shadow: 0 0 20px rgba(255, 144, 0, 0.15);
}

/* ===== PERSONA CARDS - Grid Style ===== */
.persona-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3/4;
}

.persona-card .persona-bg {
    transition: transform 0.3s ease;
}

.persona-card:hover .persona-bg {
    transform: scale(1.05);
}

.persona-card .persona-name {
    font-weight: 700;
    font-size: 14px;
    text-transform: none;
}

.persona-card .persona-description {
    font-size: 12px;
    color: #b3b3b3;
    line-height: 1.4;
}

/* ===== CATEGORY HEADER ===== */
.category-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.category-count {
    color: #808080;
    font-size: 12px;
}

/* ===== FILTER CHIPS ===== */
.filter-chip {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ffffff;
    font-size: 13px;
    border-radius: 4px;
    padding: 8px 16px;
    text-transform: uppercase;
}

.filter-chip:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.filter-chip.active {
    background: var(--primary);
    border-color: var(--primary);
    color: #000000;
}

/* ===== SEARCH BAR ===== */
.input,
input[type="text"],
input[type="search"] {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    color: #ffffff;
}

.input:focus,
input:focus {
    border-color: var(--primary);
    outline: none;
}

/* ===== SELECT DROPDOWN ===== */
select {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ffffff;
    border-radius: 4px;
}

select:focus {
    border-color: var(--primary);
}

/* ===== FOOTER ===== */
.site-footer {
    background: #000000;
    border-top: 1px solid #333;
}

.footer-links a {
    color: #808080;
}

.footer-links a:hover {
    color: var(--primary);
}

/* ===== MODAL OVERLAY ===== */
.modal-overlay,
.install-overlay {
    background: rgba(0, 0, 0, 0.9);
}

.modal-content {
    background: #1a1a1a;
    border: 1px solid #333;
}

/* ===== TAGS ===== */
.tag {
    background: #333;
    border-color: #444;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* ===== HERO SECTION ===== */
.hero {
    padding: 60px 0 30px;
}

.h1 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.lead {
    color: #b3b3b3;
}

/* ===== CALLOUT/PROMO BANNERS ===== */
.callout {
    background: linear-gradient(90deg, rgba(255, 144, 0, 0.15), rgba(255, 102, 0, 0.1));
    border: 1px solid rgba(255, 144, 0, 0.3);
}

/* ===== LOAD MORE BUTTON ===== */
.load-more-btn {
    background: #1a1a1a;
    border: 1px solid #333;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

.load-more-btn:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #000000;
}

/* ===== CARD ACTION BUTTONS ===== */
.card-action-btn {
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid #333;
}

.card-action-btn:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* ===== LOGIN BUTTON SPECIAL ===== */
.btn-login,
.header-actions .btn-primary {
    background: var(--primary) !important;
    color: #000000 !important;
    font-weight: 900;
    padding: 8px 20px;
}

/* ===== ANIMATIONS ===== */
@keyframes pulse-orange {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 144, 0, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(255, 144, 0, 0); }
}

.pulse {
    animation: pulse-orange 2s infinite;
}

/* ===== PREMIUM BADGE ===== */
.premium-badge {
    background: linear-gradient(135deg, #ff9000, #ff6600);
    color: #000000;
    font-weight: 900;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 2px;
    text-transform: uppercase;
}

/* ===== HIDE THEME TOGGLE (always dark) ===== */
#themeToggle {
    display: none;
}