/* ================================================================
   WALLPAPER — ABSOLUTELY CLEAN
   ================================================================ */

html,
body {
    min-height: 100% !important;
    background-color: #000 !important;
    background-image: url("/author-wallpaper.png?v=final-clean") !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Remove all global tint / blur layers */
html::before,
html::after,
body::before,
body::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* ================================================================
   TOP AREA — TRANSPARENT
   ================================================================ */

header,
.header,
.site-header,
.page-header,
.topbar,
.top-bar,
.navbar,
.nav-bar,
.masthead,
.hero,
.hero-header,
#header,
#top,
#topbar,
#nmtdc-author-header,
#author-clean-header {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Keep only the thin gold line */
header,
.header,
.site-header,
#nmtdc-author-header,
#author-clean-header {
    border-bottom: 2px solid rgba(255,185,0,.95) !important;
}

/* Do not make header taller */
#nmtdc-author-header,
#author-clean-header {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin: 0 !important;
}

/* ================================================================
   ONE LOGO — TOP LEFT OF TITLE AREA
   ================================================================ */

#nmtdc-author-top-logo {
    position: fixed !important;

    top: 77px !important;
    left: 135px !important;

    width: 150px !important;
    height: 105px !important;

    object-fit: contain !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 999999 !important;

    filter:
        drop-shadow(0 0 5px #ffe082)
        drop-shadow(0 0 12px #ffb000)
        drop-shadow(0 0 26px rgba(255,135,0,.75))
        drop-shadow(0 5px 7px rgba(0,0,0,.95))
        !important;

    pointer-events: none !important;
}

/* Hide ALL older injected/logo duplicates */
#author-force-logo,
#nmtdc-author-logo,
#author-clean-logo,
#nmtdc-book-logo,
.nmtdc-author-real-logo,
img[src="logo.png"],
img[src="/logo.png"],
img[src*="screenplay" i],
img[alt*="screenplay" i] {
    display: none !important;
}

/* But never hide the final top logo */
#nmtdc-author-top-logo {
    display: block !important;
}

/* ================================================================
   TITLE/TAGLINE — FLOAT DIRECTLY OVER WALLPAPER
   ================================================================ */

#nmtdc-author-title,
#author-clean-title,
h1 {
    background: transparent !important;
    background-image: none !important;

    color: #ffd363 !important;

    text-shadow:
        0 0 5px rgba(255,225,125,1),
        0 0 12px rgba(255,175,0,.90),
        0 3px 7px rgba(0,0,0,.98)
        !important;
}

/* Remove colored backing from top descriptive text */
header p,
.header p,
.site-header p,
.hero p,
.hero-header p {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* ================================================================
   EVERYTHING ELSE: TRANSPARENT UNLESS IT IS A WORK AREA
   ================================================================ */

main,
section,
.container,
.wrapper,
.content,
.row,
.column,
.col,
.hero-content {
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ================================================================
   WORK AREAS ONLY — DARK GLASS
   ================================================================ */

textarea,
input[type="text"],
input:not([type]),
select,
#conversation,
#bookOutput,
#revisionInstructions,
.output,
.response,
.messages,
.message,
.editor,
.manuscript,
.revision-panel {
    background-color: rgba(0,0,0,.76) !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Main writing panels stay neutral black, never brown/red */
.panel,
.card,
.ai-panel,
.author-panel,
.writer-panel,
.interactive-panel {
    background: rgba(0,0,0,.64) !important;
    background-color: rgba(0,0,0,.64) !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Gold trim only */
textarea,
#conversation,
#bookOutput,
#revisionInstructions,
.panel,
.card {
    border-color: rgba(255,180,0,.90) !important;
}

/* ================================================================
   MOBILE
   ================================================================ */

@media (max-width: 900px) {
    #nmtdc-author-top-logo {
        top: 73px !important;
        left: 18px !important;
        width: 92px !important;
        height: 68px !important;
    }
}