/*
======================================================================
NMTDC AUTHOR — CLEAN VISUAL OVERRIDE
======================================================================
*/

/*
 * FULL PAGE:
 * Show the beautiful Author artwork directly.
 */
html,
body {
    min-height: 100% !important;

    background-color: #000 !important;

    background-image:
        url("/author-wallpaper.png?v=no-mud-final") !important;

    background-position:
        center top !important;

    background-size:
        cover !important;

    background-repeat:
        no-repeat !important;

    background-attachment:
        fixed !important;
}


/*
 * REMOVE FULL-SCREEN / PAGE-WIDE COLOR WASHES.
 */
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;

    pointer-events: none !important;
}


/*
 * TOP HEADER AREA:
 * Completely transparent.
 * No brown, orange, red, blur, haze, or frosted rectangle.
 */
header,
.header,
.site-header,
.page-header,
.topbar,
.top-bar,
.navbar,
.nav-bar,
.masthead,
.hero-header,
.hero,
#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;

    border:
        0 !important;
}


/*
 * Keep only the thin gold divider.
 */
#nmtdc-author-header,
#author-clean-header,
header,
.header,
.site-header {

    border-bottom:
        2px solid rgba(255,183,0,.96) !important;

    box-shadow:
        0 2px 7px rgba(255,166,0,.28) !important;
}


/*
 * DON'T MAKE THE HEADER TALLER.
 */
#nmtdc-author-header,
#author-clean-header {

    min-height:
        0 !important;

    height:
        auto !important;

    padding-top:
        2px !important;

    padding-bottom:
        3px !important;

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;
}


/*
 * LARGE AUTHOR LOGO.
 *
 * Physical layout footprint stays modest.
 * Transform makes the artwork visually much larger
 * without creating a huge navigation/header row.
 */
#nmtdc-author-logo,
#author-clean-logo,
#nmtdc-book-logo,
.nmtdc-author-real-logo {

    display:
        block !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    width:
        135px !important;

    height:
        88px !important;

    max-width:
        none !important;

    max-height:
        none !important;

    object-fit:
        contain !important;

    transform:
        scale(1.55) !important;

    transform-origin:
        center center !important;

    position:
        relative !important;

    z-index:
        999999 !important;

    margin:
        0 28px !important;

    filter:
        drop-shadow(0 0 4px #ffe28a)
        drop-shadow(0 0 10px #ffb000)
        drop-shadow(0 0 22px rgba(255,143,0,.80))
        drop-shadow(0 5px 7px rgba(0,0,0,.95))
        !important;
}


/*
 * Hide any leftover cloned Screenplay logo.
 */
#author-force-logo,
img[src="logo.png"],
img[src="/logo.png"],
img[src*="screenplay" i],
img[alt*="screenplay" i] {

    display:
        none !important;
}


/*
 * Main AUTHOR.NMTDC.COM title:
 * floating over artwork instead of sitting in a colored rectangle.
 */
#nmtdc-author-title,
#author-clean-title {

    background:
        transparent !important;

    color:
        #ffd263 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    line-height:
        .93 !important;

    text-shadow:
        0 0 5px rgba(255,224,125,1),
        0 0 12px rgba(255,178,0,.90),
        0 0 26px rgba(255,132,0,.40),
        0 4px 7px rgba(0,0,0,.98)
        !important;
}


/*
 * Hero/tagline also floats directly over artwork.
 */
#nmtdc-author-header p,
#author-clean-header p,
header p,
.header p,
.hero p {

    background:
        transparent !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;

    text-shadow:
        0 2px 5px rgba(0,0,0,1) !important;
}


/*
 * IMPORTANT:
 * Only actual WORK areas keep dark glass.
 *
 * This is where we WANT contrast.
 */
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 interaction cards:
 * Neutral BLACK glass only.
 * Absolutely no brown/red/orange tint.
 */
.panel,
.card,
.ai-panel,
.author-panel,
.writer-panel,
.interactive-panel {

    background:
        rgba(0,0,0,.66) !important;

    background-color:
        rgba(0,0,0,.66) !important;

    background-image:
        none !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}


/*
 * Kill likely inherited brown/red gradients.
 */
main,
section,
.container,
.wrapper,
.content {

    background-image:
        none !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}


/*
 * Keep the gold trim around useful work areas.
 */
textarea,
#conversation,
#bookOutput,
#revisionInstructions,
.panel,
.card {

    border-color:
        rgba(255,179,0,.88) !important;
}


/*
 * Mobile.
 */
@media (max-width: 900px) {

    #nmtdc-author-logo,
    #author-clean-logo,
    #nmtdc-book-logo,
    .nmtdc-author-real-logo {

        width:
            92px !important;

        height:
            66px !important;

        transform:
            scale(1.30) !important;

        margin:
            0 12px !important;
    }
}