/* Musas Theme Override — black bg + gold accents + slim header */

html body, html.fd_dark body { background-color: #0f0f1a !important; }

/* HEADER */
.headerbar {
    background: #0f0f1a !important;
    padding: 4px 16px !important;
    margin: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(212,175,55,0.15) !important;
}
.headerbar .forum_header { padding: 0 !important; min-height: 0 !important; }
.headerbar_overlay_container { display: none !important; }
.particles_container { padding: 0 !important; min-height: 0 !important; height: auto !important; }

/* SITE DESCRIPTION: logo far left, text centered */
#site-description {
    padding: 4px 8px !important;
    display: block !important;
    min-height: 56px !important;
    position: relative !important;
}

#site-description > h1 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin: 0 auto !important;
    line-height: 1.2 !important;
    color: #d4af37 !important;
    text-align: center !important;
    display: block !important;
}

#site-description > p {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    margin: 2px auto 0 !important;
    line-height: 1.1 !important;
    color: rgba(255,255,255,0.6) !important;
    text-align: center !important;
    display: block !important;
}

/* LOGO: far left, large, absolute */
#logo {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
}
.site_logo {
    background-image: url("/images/musas/logo.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    width: 280px !important;
    height: 70px !important;
    display: inline-block !important;
}
img.custom_logo { display: none !important; }

/* NAVBAR */
.navbar {
    background: rgba(15,15,26,0.95) !important;
    padding: 2px 12px !important;
    border-bottom: 1px solid rgba(212,175,55,0.1) !important;
    margin: 0 !important;
}
.navbar a { color: rgba(255,255,255,0.7) !important; }
.navbar a:hover { color: #d4af37 !important; }

/* WRAP */
.wrap { background: rgba(15,15,26,0.8) !important; border-radius: 0 !important; padding: 0 0 12px !important; }

/* FORUM CONTAINERS */
.forabg, .forumbg, .panel, .post, .bg1, .bg2, .bg3 {
    background: rgba(30,30,48,0.5) !important;
    border: 1px solid rgba(212,175,55,0.12) !important;
    border-radius: 8px !important;
}
li.header dt, li.header dd { color: #d4af37 !important; }
.forabg .header, .forumbg .header { background: rgba(15,15,26,0.8) !important; border-bottom: 1px solid rgba(212,175,55,0.1) !important; }

/* TEXT */
.post .content, .topiclist dt a { color: #f5f5f5 !important; }
.topiclist dd { color: #a0a0a0 !important; }

/* LINKS */
a, .navbar a, .postlink { color: #d4af37 !important; }
a:hover { color: #f0d060 !important; }

/* INPUTS */
.inputbox, select, textarea {
    background: rgba(15,15,26,0.9) !important;
    border: 1px solid rgba(212,175,55,0.2) !important;
    color: #f5f5f5 !important;
    border-radius: 4px !important;
}

/* BUTTONS */
.button, .button1, input[type="submit"] {
    background: #d4af37 !important;
    color: #0f0f1a !important;
    border: none !important;
    border-radius: 4px !important;
}

/* DROPDOWNS */
.dropdown-contents { background: #1a1a2e !important; border: 1px solid rgba(212,175,55,0.2) !important; }
.dropdown-contents li a { color: #e0e0e0 !important; }
.dropdown-contents li a:hover { background: rgba(212,175,55,0.1) !important; color: #d4af37 !important; }

/* FOOTER */
.navbar_footer { background: #0f0f1a !important; }
.copyright_bar {
    background: #0f0f1a !important;
    color: rgba(255,255,255,0.4) !important;
    text-align: center !important;
    padding: 8px !important;
    font-size: 0.75rem !important;
}
.copyright_bar a { color: rgba(212,175,55,0.6) !important; }

/* ADMIN NAV LINK */
.dropdown-contents li a[href*="musas_admin"] { color: #d4af37 !important; font-weight: 600 !important; }

/* === FRONT PAGE: SORT BUTTONS === */
#musas-main .sort-btn { font-weight: 700 !important; }
#musas-main .sort-btn.active {
    background: #d4af37 !important;
    color: #0f0f1a !important;
    border-color: #d4af37 !important;
    font-weight: 700 !important;
}
#musas-main .sort-label { font-weight: 700 !important; }

/* === FRONT PAGE: SECTION HEADERS — tighter === */
#musas-main .models-section { padding-top: 1.5rem !important; padding-bottom: 2rem !important; }
#musas-main .section-header { margin-bottom: 1.5rem !important; }
#musas-main .section-header h2 { font-weight: 700 !important; margin-bottom: 0.2rem !important; }
#musas-main .section-header p { font-weight: 600 !important; margin-bottom: 0.2rem !important; }
#musas-main .sort-controls { margin-top: 0.8rem !important; }

/* RESPONSIVE */
@media (max-width: 768px) {
    .headerbar { padding: 2px 8px !important; }
    .site_logo { width: 140px !important; height: 36px !important; }
    #site-description > h1 { font-size: 1.1rem !important; }
    #site-description > p { font-size: 0.85rem !important; }
    #logo { left: 8px !important; }
}

/* Kill Milks header animation that interferes with centering __pycache__/ acp_adapter/ acp_registry/ agent/ apps/ assets/ cron/ datagen-config-examples/ docker/ docs/ gateway/ hermes_agent.egg-info/ hermes_cli/ locales/ nix/ node_modules/ optional-mcps/ optional-skills/ packaging/ plugins/ providers/ scripts/ skills/ tests/ tools/ tui_gateway/ ui-tui/ venv/ web/ website/

/* Kill Milk header animation */
#nav-main, #site-description h1, #site-description p, #nav-breadcrumbs, #page-body {
    transform: translateY(0) !important;
    transition: none !important;
    animation: none !important;
}

/* Re-assert logo vertical centering after Milk JS */
#logo { transform: translateY(-50%) !important; top: 50% !important; }


/* === NAV ITEMS: vertical alignment fix === */
#nav-main > li { display: flex !important; align-items: center !important; }
#nav-main > li > a { display: flex !important; align-items: center !important; height: 100% !important; line-height: 1.4 !important; }
#nav-main > li > a span { display: inline-flex !important; align-items: center !important; }

/* Forum + General Info: push to right before Login */
#nav-main > li:nth-last-child(3) { margin-left: auto !important; }
#nav-main > li:nth-last-child(4) { margin-left: 0 !important; }

/* Contact items: same height as Quick links/FAQ */
#nav-main > li a span { vertical-align: middle !important; }


/* === LOGIN PAGE === */
.musas-register-prompt {
    margin-top: 15px;
    padding: 12px 16px;
    background: rgba(212,175,55,0.08);
    border: 1px solid rgba(212,175,55,0.2);
    border-radius: 8px;
    text-align: center;
}
.musas-register-prompt p { margin: 0; font-size: 0.9rem; color: rgba(255,255,255,0.7); }
.musas-register-prompt a { color: #d4af37 !important; font-weight: 600; }
.musas-register-prompt a:hover { color: #f0d060 !important; }

/* Login button: smaller, bolder */
.login_form .specialbutton {
    width: auto !important;
    padding: 6px 20px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}

/* Login title styling */
.login-title { color: #d4af37 !important; }


/* === GUEST NOTICE on topic pages === */
.musas-guest-notice {
    margin: 15px auto;
    padding: 12px 20px;
    background: rgba(212,175,55,0.1);
    border: 1px solid rgba(212,175,55,0.25);
    border-radius: 8px;
    text-align: center;
    font-size: 0.95rem;
    color: rgba(255,255,255,0.7);
    max-width: 600px;
}
.musas-guest-notice a { color: #d4af37 !important; font-weight: 600; }
.musas-guest-notice a:hover { color: #f0d060 !important; }
.musas-guest-notice .icon { color: #d4af37; margin-right: 5px; }


/* === MODEL CARD TAGLINE === */
#musas-main .model-tagline {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.5);
    margin: 2px 0 4px;
    line-height: 1.2;
    font-style: italic;
}


#musas-main .featured-tagline {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.6);
    margin: 2px 0 4px;
    font-style: italic;
}


#musas-main .model-tagline { margin: 0 0 2px !important; }
#musas-main .model-name { margin-bottom: 0 !important; }
#musas-main .featured-tagline { margin: 0 0 2px !important; }
#musas-main .featured-card h3 { margin-bottom: 0 !important; }


/* Hide PlanetStyles credit + TFA */
.planetstyles_credit { display: none !important; }
.footer-row:has(TFA_CP) { display: none !important; }
.copyright_bar .footer-row { display: none !important; }


/* === FIX CARD SPACING: name+tagline tight, pushed to bottom === */
#musas-main .model-info { padding: 0.3rem 0.8rem 0.6rem !important; }
#musas-main .model-name { margin: 0 !important; line-height: 1.15 !important; font-size: 1.1rem !important; }
#musas-main .model-tagline { margin: 1px 0 4px !important; line-height: 1.1 !important; }
#musas-main .model-details { margin-top: auto !important; padding-bottom: 2px !important; }

/* Featured cards same treatment */
#musas-main .featured-card .featured-info { padding: 0.3rem 0.8rem 0.6rem !important; }
#musas-main .featured-card h3 { margin: 0 !important; line-height: 1.15 !important; }
#musas-main .featured-tagline { margin: 1px 0 4px !important; line-height: 1.1 !important; }


/* === NAV BAR: uniform horizontal alignment (final) === */
#nav-main {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}
#nav-main > li,
#nav-main > li > a {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    float: none !important;
}
#nav-main > li > a .icon {
    line-height: 1 !important;
    vertical-align: middle !important;
}
#nav-main > li.rightside,
#nav-main > li[class*='rightside'] {
    margin-left: auto !important;
}

/* === NEW UNIFORM TEXT MENU === */
#nav-main {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 12px !important;
}
#nav-main > li {
    margin: 0 !important;
    padding: 0 4px !important;
    float: none !important;
    line-height: 1.4 !important;
}
#nav-main > li > a {
    display: inline-block !important;
    padding: 4px 8px !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}
#nav-main li.musas-nav-right {
    margin-left: auto !important;
}
#nav-main li.musas-nav-right:first-of-type {
    margin-left: auto !important;
}
#nav-main li.musas-nav-right + li.musas-nav-right {
    margin-left: 0 !important;
}

/* === LOGIN RIGHT-ALIGNED + HOME DROPDOWN === */
#nav-main li.musas-login {
    margin-left: auto !important;
}
#nav-main li.musas-login + li.musas-nav-right,
#nav-main li.musas-nav-right + li.musas-login {
    margin-left: 0 !important;
}
#nav-main li.musas-dropdown-container {
    position: relative !important;
}
.musas-dropdown {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #1a1a2e !important;
    border: 1px solid rgba(212,175,55,0.3) !important;
    border-radius: 6px !important;
    min-width: 180px !important;
    z-index: 1000 !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.5) !important;
}
.musas-dropdown-container:hover > .musas-dropdown {
    display: block !important;
}
.musas-dropdown li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.musas-dropdown li a {
    display: block !important;
    padding: 8px 14px !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.musas-dropdown li a:hover {
    background: rgba(212,175,55,0.15) !important;
}


/* === LOGIN FAR-RIGHT FIX (specificity override) === */
#nav-main > li.musas-login,
#nav-main > li.musas-login.musas-nav-right,
#nav-main li.musas-nav-right:last-child {
    margin-left: auto !important;
}
#nav-main > li.musas-nav-right + li.musas-nav-right:not(.musas-login),
#nav-main > li.musas-login + li {
    margin-left: 0 !important;
}


/* === LOGIN FAR RIGHT — float approach (works in block+flex) === */
#nav-main > li.musas-login {
    float: right !important;
    margin-left: 0 !important;
}
/* keep dropdown hover working above other items */
#nav-main > li.musas-dropdown-container:hover {
    z-index: 1001;
}


/* === HOME DROPDOWN v2 — bulletproof === */
#nav-main > li.musas-dropdown-container > ul.musas-dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
}
#nav-main > li.musas-dropdown-container:hover > ul.musas-dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #1a1a2e !important;
    border: 1px solid rgba(212,175,55,0.3) !important;
    border-radius: 6px !important;
    min-width: 200px !important;
    z-index: 9999 !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.5) !important;
}
#nav-main > li.musas-dropdown-container > ul.musas-dropdown > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}
#nav-main > li.musas-dropdown-container > ul.musas-dropdown > li a {
    display: block !important;
    padding: 8px 14px !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
}
#nav-main > li.musas-dropdown-container > ul.musas-dropdown > li a:hover {
    background: rgba(212,175,55,0.15) !important;
}


/* ============================================
   FORUM PAGES — dark luxury unification
   (index, viewforum, viewtopic, ucp)
   ============================================ */

/* Page background everywhere */
#inner-wrap,
#page-body,
.forabg,
.forumbg,
.panel {
    background-color: #0f0f1a !important;
}

/* Topic/forum list rows: deep charcoal instead of mid-gray */
.forabg .topiclist li.row,
.forumbg .topiclist li.row,
ul.topiclist li.row {
    background-color: rgba(26, 26, 46, 0.85) !important;
    border-color: rgba(212,175,55,0.1) !important;
}
ul.topiclist li.row:hover {
    background-color: rgba(40, 40, 66, 0.95) !important;
}

/* Row text contrast */
ul.topiclist li.row .topictitle {
    color: #e8e8f0 !important;
    font-weight: 600 !important;
}
ul.topiclist li.row dd {
    color: #a0a0b0 !important;
}

/* List header bar */
ul.topiclist li.header {
    background: rgba(15,15,26,0.9) !important;
}
ul.topiclist li.header dt,
ul.topiclist li.header dd {
    color: #d4af37 !important;
    font-weight: 700 !important;
}

/* Buttons: refined gold */
.button,
.button1,
.button2,
input[type="submit"].button,
a.button {
    background: linear-gradient(180deg, #e6c14d 0%, #d4af37 100%) !important;
    border: 1px solid #b8942e !important;
    color: #0f0f1a !important;
    font-weight: 700 !important;
}
.button:hover,
.button1:hover,
.button2:hover {
    background: linear-gradient(180deg, #f0d060 0%, #e6c14d 100%) !important;
}

/* Search input on dark */
.search-box .inputbox,
input.inputbox {
    background: rgba(20,20,36,0.9) !important;
    border: 1px solid rgba(212,175,55,0.25) !important;
    color: #e8e8f0 !important;
}

/* Panels (login, faq etc) */
.panel {
    border: 1px solid rgba(212,175,55,0.12) !important;
    border-radius: 8px !important;
}
.panel h2, .panel h3 {
    color: #d4af37 !important;
}

/* Content text */
.postbody .content, .content {
    color: #e0e0e8 !important;
}

/* Breadcrumbs + action bars */
.breadcrumbs, .action-bar {
    background: transparent !important;
}

/* Kill white gaps between rounded rows */
.forumbg .topiclist { background: transparent !important; }


/* Smaller topic list thumbnails */
.topictitle + img[style*="musas"], a.topictitle ~ img {
    max-width: 12px !important;
    max-height: 16px !important;
}


/* === INNER-WRAP + FORUM TEXT FIX (final) === */
#inner-wrap {
    background-color: #0f0f1a !important;
}
.forum_description,
ul.topiclist li.row .forum_description,
ul.topiclist li.row dt div,
ul.topiclist li.row dt p,
ul.topiclist li.row dd,
#page-body p, #page-body span, #page-body li, #page-body dt, #page-body dd,
#page-body td, #page-body label, #page-body time, .content, .postbody {
    color: #e8e8f0 !important;
}
ul.topiclist li.row dt a,
#page-body a { color: #d4af37 !important; }
li.header dt, li.header dd { color: #d4af37 !important; }
.button, .button1, input[type="submit"] { color: #0f0f1a !important; }