/* =====================================================
   Theme: GALACTIC (Remastered)
   Palette: "Navy Red Space"
   Colors: #050E3C (Deep), #002455 (Nebula), #DC0000 (Red), #FF3838 (Nova)
   ===================================================== */

/* Imports removed to fix 404s */

gitea-theme-meta-info {
    --theme-display-name: "Galactic";
    --theme-color-scheme: "dark";
}

:root {
    --is-dark-theme: true;

    /* --- PALETTE DEFINITIONS --- */
    --void-blue: #050E3C;
    --nebula-blue: #002455;
    --crimson-core: #DC0000;
    --nova-red: #FF3838;

    /* --- REFINEMENT VARIABLES --- */
    --galactic-signal: rgba(255, 56, 56, 0.12);
    --galactic-signal-strong: rgba(255, 56, 56, 0.25);
    --galactic-glow-soft: 0 0 6px rgba(255, 56, 56, 0.35);
    --galactic-glow-strong: 0 0 16px rgba(255, 56, 56, 0.55);

    /* --- CORE MAPPINGS --- */
    --color-primary: var(--nova-red);
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: var(--crimson-core);
    --color-primary-light-1: #ff6b6b;

    --color-primary-alpha-10: rgba(255, 56, 56, 0.1);
    --color-primary-alpha-20: rgba(255, 56, 56, 0.2);

    /* --- SURFACES --- */
    --color-body: var(--void-blue);
    --color-box-body: var(--nebula-blue);
    --color-box-header: #020926;

    --color-menu: var(--nebula-blue);
    --color-card: var(--nebula-blue);
    --color-nav-bg: var(--nebula-blue);
    --color-nav-hover-bg: #003680;
    --color-footer: var(--void-blue);

    /* --- TEXT --- */
    --color-text: #f0f6fc;
    --color-text-light: #8b949e;
    --color-text-light-2: #c9d1d9;

    /* --- UI ELEMENTS --- */
    --color-red: var(--nova-red);
    --color-border: #003680;
    --color-secondary: #002455;
    --color-active: var(--galactic-signal-strong);
    --color-hover: var(--galactic-signal);

    /* --- INPUTS --- */
    --color-input-background: #020926;
    --color-input-text: #ffffff;
    --color-input-border: #003680;
    --color-input-border-hover: var(--nova-red);

    --border-radius: 6px;
}

/* =========================
   GLOBAL STYLES
   ========================= */
body {
    background-color: var(--color-body) !important;
    background-image:
        radial-gradient(circle at 50% 0%, #002455 0%, transparent 70%),
        radial-gradient(circle at 80% 90%, #1a0000 0%, transparent 50%);
    background-attachment: fixed;
    font-family: 'Exo 2', 'Inter', system-ui, sans-serif !important;
}

/* Smooth Transitions for Interactive Elements */
.ui.button,
.ui.dropdown .item,
.ui.vertical.menu .item,
.repository .menu.tabular .item,
.ui.menu.navbar .item {
    transition: background-color 0.15s ease, color 0.12s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

a {
    color: #5090ff;
}

a:hover {
    color: var(--nova-red);
    text-decoration: none;
}

/* =========================
   NAVBAR (Starfleet Style)
   ========================= */
.ui.menu.navbar {
    background: rgba(5, 14, 60, 0.9) !important;
    backdrop-filter: blur(8px);
    border-bottom: 2px solid var(--crimson-core) !important;
}

.ui.menu.navbar .item {
    color: #a0b0c0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.ui.menu.navbar .item:hover {
    background: transparent !important;
    color: var(--nova-red) !important;
    text-shadow: 0 0 8px var(--nova-red);
}

/* =========================
   SIDEBAR & SETTINGS (The Fix)
   ========================= */
.ui.vertical.menu,
.ui.settings.menu {
    background: linear-gradient(180deg, #020926 0%, #002455 100%) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
}

.ui.vertical.menu .item,
.ui.settings.menu .item {
    color: var(--color-text-light) !important;
    font-weight: 600;
    padding: 14px 18px !important;
    border-radius: 4px;
}

.ui.vertical.menu .item:hover,
.ui.settings.menu .item:hover {
    background: var(--galactic-signal) !important;
    color: var(--nova-red) !important;
}

.ui.vertical.menu .active.item,
.ui.settings.menu .active.item {
    background: linear-gradient(90deg, rgba(255, 56, 56, 0.15), transparent) !important;
    color: var(--nova-red) !important;
    border-left: 3px solid var(--nova-red) !important;
}

/* =========================
   PANELS & LISTS
   ========================= */
.ui.card,
.ui.segment,
.ui.attached.segment,
.ui.repo-header {
    background: var(--color-box-body) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.ui.segment.header {
    background: linear-gradient(90deg, #020926 0%, #002455 100%) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.ui.table tbody tr:hover,
.feeds .list ul li:hover {
    background: rgba(255, 255, 255, 0.02) !important;
    box-shadow: inset 0 0 0 1px var(--galactic-signal);
}

/* =========================
   BUTTONS (Launch & Danger)
   ========================= */
.ui.primary.button,
.ui.green.button {
    background: linear-gradient(135deg, var(--crimson-core) 0%, #b30000 100%) !important;
    color: #fff !important;
    border: 1px solid #ff5555 !important;
    box-shadow: 0 0 10px rgba(220, 0, 0, 0.4);
    text-transform: uppercase;
    font-weight: 800 !important;
}

.ui.primary.button:hover,
.ui.green.button:hover {
    background: var(--nova-red) !important;
    box-shadow: 0 0 20px var(--nova-red) !important;
    transform: translateY(-1px) scale(1.02);
}

.ui.red.button {
    background: transparent !important;
    border: 1px solid var(--nova-red) !important;
    color: var(--nova-red) !important;
}

.ui.red.button:hover {
    background: var(--nova-red) !important;
    color: #fff !important;
    box-shadow: var(--galactic-glow-soft);
}

/* =========================
   INPUTS & SEARCH
   ========================= */
.ui.input,
.ui.action.input {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px;
}

.ui.input input,
.ui.action.input input,
.ui.form input {
    background: transparent !important;
    color: #fff !important;
}

.ui.input input:focus,
.ui.form input:focus {
    border-color: var(--nova-red) !important;
    box-shadow: 0 0 0 3px rgba(255, 56, 56, 0.25) !important;
}

.ui.action.input>.ui.button {
    background: transparent !important;
    border-left: 1px solid var(--color-border) !important;
    color: var(--color-text-light);
}

/* =========================
   DROPDOWNS & SELECTS
   ========================= */
.ui.dropdown .menu,
.ui.popup {
    background: linear-gradient(180deg, #020926 0%, #002455 100%) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6) !important;
}

.ui.dropdown .menu .item {
    color: var(--color-text-light) !important;
    border-left: 2px solid transparent;
}

.ui.dropdown .menu .item:hover {
    background: var(--galactic-signal) !important;
    color: var(--nova-red) !important;
    border-left-color: var(--nova-red);
}

.ui.dropdown .menu .active.item {
    color: var(--nova-red) !important;
    font-weight: 700;
    border-left-color: var(--nova-red);
}

/* Native Select Fix */
.ui.form select {
    background: var(--color-input-background) !important;
    color: #fff !important;
    border: 1px solid var(--color-border) !important;
}

/* =========================
   TABS
   ========================= */
.repository .menu.tabular .item {
    color: var(--color-text-light) !important;
}

.repository .menu.tabular .active.item {
    color: var(--nova-red) !important;
    border-bottom: 2px solid var(--nova-red) !important;
    font-weight: 700;
    text-shadow: var(--galactic-glow-soft);
}