/*
 * Wideshot unified noir palette — v3.10.16
 * One neutral dark foundation, the original vivid Wideshot gold, no decorative glow.
 * Loaded last so the same visual language is used on desktop, tablet and mobile.
 */

:root {
    --wsh-noir-bg: #090b0d;
    --wsh-noir-surface: #111315;
    --wsh-noir-surface-raised: #15181b;
    --wsh-noir-text: #f2f0ea;
    --wsh-noir-muted: #a2a8ad;
    --wsh-noir-accent: #f4b400;
    --wsh-noir-accent-rgb: 244, 180, 0;
    --wsh-noir-line: rgba(255, 255, 255, .085);
    --wsh-bg: var(--wsh-noir-bg);
    --wsh-panel: var(--wsh-noir-surface);
    --wsh-panel-2: var(--wsh-noir-surface-raised);
    --wsh-text: var(--wsh-noir-text);
    --wsh-muted: var(--wsh-noir-muted);
    --wsh-accent: var(--wsh-noir-accent);
    --wsh-accent-2: var(--wsh-noir-accent);
    --wsh-line: var(--wsh-noir-line);
    --wshs-bg: var(--wsh-noir-bg);
    --wshs-panel: var(--wsh-noir-surface);
    --wshs-panel2: var(--wsh-noir-surface-raised);
    --wshs-text: var(--wsh-noir-text);
    --wshs-muted: var(--wsh-noir-muted);
    --wshs-gold: var(--wsh-noir-accent);
    --wshs-gold2: var(--wsh-noir-accent);
    --wshs-line: var(--wsh-noir-line);
    --wshm-bg: var(--wsh-noir-bg);
    --wshm-panel: var(--wsh-noir-surface);
    --wshm-panel-soft: var(--wsh-noir-surface-raised);
    --wshm-text: var(--wsh-noir-text);
    --wshm-muted: var(--wsh-noir-muted);
    --wshm-gold: var(--wsh-noir-accent);
    --wshm-line: var(--wsh-noir-line);
}

body.wsh-site-skin-active,
body.wsh-cinematic-home-active,
body.wsh-oscar-records-active,
body.wsh-suggestions-page,
body.wsh-profile-page,
.wsh-article-builder-active {
    background: var(--wsh-noir-bg) !important;
    color: var(--wsh-noir-text);
}

.wsh-home,
.wsh-site-main,
.wsh-ab-page,
.wsh-membership-main,
.wsh-auth-page-shell,
.wsh-suggestions-main,
.wsh-user-suggestions,
.wsh-comments,
.wsh-reactions,
.wsh-oscar-page,
.wsh-about-main,
.wsh-contact-main {
    background: var(--wsh-noir-bg) !important;
}

.wsh-home,
.wsh-user-suggestions,
.wsh-suggestions-main,
.wsh-profile-chat-layout,
.wsh-suggestion-article-credit {
    --wsh-sg-gold: var(--wsh-noir-accent) !important;
    --wsh-sg-gold-soft: var(--wsh-noir-accent) !important;
    --wsh-sg-bg: var(--wsh-noir-bg) !important;
    --wsh-sg-card: var(--wsh-noir-surface) !important;
    --wsh-sg-line: var(--wsh-noir-line) !important;
    --wsh-sg-muted: var(--wsh-noir-muted) !important;
}

.wsh-article-builder-active,
.wsh-ab-page,
.wsh-ab-standard-extras,
.wsh-movie-recommendation-article {
    --wsh-ab-accent: var(--wsh-noir-accent) !important;
}

.wsh-comments {
    --wsh-cm-gold: var(--wsh-noir-accent) !important;
    --wsh-cm-gold-soft: var(--wsh-noir-accent) !important;
    --wsh-cm-card: var(--wsh-noir-surface) !important;
    --wsh-cm-line: var(--wsh-noir-line) !important;
}

.wsh-reactions {
    --wsh-rx-gold: var(--wsh-noir-accent) !important;
    --wsh-rx-line: var(--wsh-noir-line) !important;
}

.wsh-oscar-page,
.wsh-oscar-article {
    --gold: var(--wsh-noir-accent) !important;
    --gold-2: var(--wsh-noir-accent) !important;
    --line: var(--wsh-noir-line) !important;
}

/* Flat page chrome */
.wsh-global-header,
.wsh-top-strip,
.wsh-brand-header {
    background: rgba(9, 11, 13, .96) !important;
    border-color: var(--wsh-noir-line) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22) !important;
}

.wsh-global-header__ticker,
.wsh-global-footer,
.wsh-global-footer__bottom,
.wsh-profile-hero {
    background: var(--wsh-noir-bg) !important;
    border-color: var(--wsh-noir-line) !important;
}

.wsh-global-menu,
.wsh-global-search,
.wsh-live-search__panel,
.wsh-inline-search,
.wsh-side-box,
.wsh-article-content,
.wsh-page-content,
.wsh-author-box,
.wsh-auth-card,
.wsh-profile-menu summary,
.wsh-profile-menu > div,
.wsh-profile-nav,
.wsh-settings-section,
.wsh-avatar-modal > section {
    background: var(--wsh-noir-surface) !important;
    border-color: var(--wsh-noir-line) !important;
}

/* Homepage surfaces: quiet hierarchy instead of competing colour washes */
.wsh-site-header__inner,
.wsh-site-header__panel,
.wsh-card,
.wsh-category-tile,
.wsh-academy-shell,
.wsh-card--academy,
.wsh-newsletter__inner,
.wsh-continue-card,
.wsh-profile-post,
.wsh-suggestion-submit,
.wsh-suggestion-card,
.wsh-suggestion-empty,
.wsh-weekly-suggestion,
.wsh-comment-compose,
.wsh-comment-card,
.wsh-comments__panel,
.wsh-reactions__panel,
.wsh-reaction,
.wsh-profile-chat,
.wsh-profile-chat__thread,
.wsh-profile-chat__message,
.wsh-profile-suggestions-list > article {
    background: var(--wsh-noir-surface) !important;
    border-color: var(--wsh-noir-line) !important;
    box-shadow: none !important;
}

.wsh-academy-shell {
    color: var(--wsh-noir-text) !important;
}

.wsh-academy-intro .wsh-section__eyebrow,
.wsh-academy-intro p {
    color: var(--wsh-noir-muted) !important;
}

.wsh-academy-intro .wsh-section__eyebrow {
    color: var(--wsh-noir-accent) !important;
}

.wsh-hero__content,
.wsh-brand-search,
.wsh-hero__dots {
    background: rgba(9, 11, 13, .86) !important;
    background-image: none !important;
    border-color: var(--wsh-noir-line) !important;
    box-shadow: none !important;
}

.wsh-card__body,
.wsh-suggestion-card__body,
.wsh-comment-card__body,
.wsh-profile-post__body {
    background: transparent !important;
}

.wsh-site-header::before,
.wsh-site-header::after,
.wsh-site-hero::before,
.wsh-brand-header__beam,
.wsh-about-beam,
.wsh-contact-glow,
.wsh-user-suggestions::before,
.wsh-ab-news-summary::after,
.wsh-mr-film::after,
.wsh-film-block::after {
    display: none !important;
}

.wsh-site-header__title {
    background: none !important;
    color: var(--wsh-noir-text) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

/* Article, recommendation and special-page cards */
.wsh-ab-hero,
.wsh-ab-section,
.wsh-ab-news-summary,
.wsh-ab-list-item,
.wsh-ab-toc,
.wsh-ab-side-card,
.wsh-ab-related-links,
.wsh-ab-details,
.wsh-ab-score,
.wsh-ab-stat,
.wsh-ab-mini-card,
.wsh-ab-special-cards article,
.wsh-mr-intro,
.wsh-mr-summary,
.wsh-mr-conclusion,
.wsh-mr-film,
.wsh-mr-job-card,
.wsh-film-block,
.wsh-oscar-intro,
.wsh-oscar-section,
.wsh-oscar-toc__box,
.wsh-oscar-stat,
.wsh-oscar-poll,
.wsh-related-reading a,
.wsh-faq details,
.wsh-oscar-sources,
.wsh-about-story__card,
.wsh-about-value,
.wsh-contact-card,
.wsh-contact-method,
.wsh-contact-note {
    background: var(--wsh-noir-surface) !important;
    border-color: var(--wsh-noir-line) !important;
    box-shadow: none !important;
}

.wsh-about-hero,
.wsh-about-story,
.wsh-about-frame {
    background-color: var(--wsh-noir-bg) !important;
    background-image: none !important;
}

.wsh-contact-method__icon,
.wsh-contact-social-icon {
    color: #15120d !important;
    background: linear-gradient(145deg, #ffd85c, #f4b400 58%, #b97800) !important;
    box-shadow: 0 10px 26px rgba(244, 180, 0, .18) !important;
}

.wsh-contact-method--telegram:hover,
.wsh-contact-method--telegram:focus-visible,
.wsh-contact-method--instagram:hover,
.wsh-contact-method--instagram:focus-visible {
    background: rgba(var(--wsh-noir-accent-rgb), .07) !important;
    border-color: rgba(var(--wsh-noir-accent-rgb), .34) !important;
    box-shadow: none !important;
}

.wsh-ab-table-wrap table,
.wsh-mr-table-scroll table,
.wsh-oscar-table,
.wsh-ratings,
.wsh-rating,
.wsh-oscar-stat__numbers > div,
.wsh-comparison__grid > div,
.wsh-oscar-poll button,
.wsh-avatar-choice,
.wsh-member-form input,
.wsh-settings-form input,
.wsh-danger-zone input,
.wsh-library-tools input,
.wsh-library-tools select,
.wsh-suggestion-submit input,
.wsh-suggestion-submit textarea,
.wsh-profile-chat__form textarea {
    background: var(--wsh-noir-bg) !important;
    border-color: var(--wsh-noir-line) !important;
}

/* Restore the original vivid gold for actions and essential emphasis. */
.wsh-site-kicker,
.wsh-site-header__eyebrow,
.wsh-archive-card__cat,
.wsh-single-meta a,
.wsh-article-content a,
.wsh-global-footer h3,
.wsh-global-brand__copy small,
.wsh-suggestions-heading > a,
.wsh-suggestions-rail-head > a,
.wsh-suggestion-card__top span,
.wsh-comment-card__meta a,
.wsh-reactions__head strong,
.wsh-form-link,
.wsh-profile-identity small,
.wsh-home-section header > a,
.wsh-profile-post__actions > a,
.wsh-inbox-pagination a,
.wsh-ab-main-content a,
.wsh-ab-related-links a,
.wsh-ab-score strong,
.wsh-ab-stat strong,
.wsh-mr-section-heading > span,
.wsh-oscar-heading > span,
.wsh-film-medal,
.wsh-wideshot-pick strong,
.wsh-about-kicker,
.wsh-contact-kicker {
    color: var(--wsh-noir-accent) !important;
}

.wsh-live-search__section-head,
.wsh-live-search__meta span:first-child,
.wsh-live-search__message.is-empty strong,
.wsh-search-fallback h3,
.wsh-global-search-toggle,
.wsh-comment-login small,
.wsh-comments__head > b,
.wsh-reaction.is-selected .wsh-reaction__label,
.wsh-suggestion-empty > span,
.wsh-weekly-suggestion b,
.wsh-suggestion-quick-compose summary > b,
.wsh-profile-chat__message > a,
.wsh-profile-suggestions__head > a,
.wsh-profile-suggestions-list > article > span,
.wsh-profile-suggestions-list footer a,
.wsh-profile-nav a.is-active,
.wsh-library-tabs a.is-active,
.wsh-inbox-tabs a.is-active,
.wsh-verification-box button,
.wsh-current-avatar button {
    color: var(--wsh-noir-accent) !important;
}

.wsh-badge,
.wsh-profile-nav a.is-active,
.wsh-library-tabs a.is-active,
.wsh-inbox-tabs a.is-active,
.wsh-reaction.is-selected,
.wsh-weekly-suggestion,
.wsh-unread-callout,
.wsh-verification-box,
.wsh-check--news,
.wsh-mr-method,
.wsh-ab-news-impact,
.wsh-wideshot-pick {
    background: rgba(var(--wsh-noir-accent-rgb), .075) !important;
    border-color: rgba(var(--wsh-noir-accent-rgb), .28) !important;
}

.wsh-global-menu a:hover,
.wsh-live-search__result:hover,
.wsh-live-search__result.is-active,
.wsh-search-fallback__item:hover,
.wsh-reaction:hover,
.wsh-comment-action:hover,
.wsh-avatar-choice.is-selected {
    background: rgba(var(--wsh-noir-accent-rgb), .07) !important;
    border-color: rgba(var(--wsh-noir-accent-rgb), .34) !important;
}

.wsh-login-link,
.wsh-account-link,
.wsh-save-button,
.wsh-comments__head > b,
.wsh-comment-login,
.wsh-suggestion-submit,
.wsh-film-block {
    border-color: rgba(var(--wsh-noir-accent-rgb), .24) !important;
}

.wsh-global-search.is-open,
.wsh-brand-search:focus-within,
.wsh-inline-search:focus-within,
.wsh-member-form input:focus,
.wsh-settings-form input:focus,
.wsh-library-tools input:focus,
.wsh-library-tools select:focus,
.wsh-suggestion-submit input:focus,
.wsh-suggestion-submit textarea:focus,
.wsh-profile-chat__form textarea:focus,
.wsh-comment-compose textarea:focus {
    border-color: rgba(var(--wsh-noir-accent-rgb), .58) !important;
    box-shadow: 0 0 0 3px rgba(var(--wsh-noir-accent-rgb), .08) !important;
}

.wsh-about-lens {
    filter: none !important;
}

/* The hamburger is intentionally absent on every page and viewport. */
.wsh-global-menu-toggle {
    display: none !important;
}

/* Keep imagery readable, but remove coloured tinting from overlays. */
.wsh-card__shade,
.wsh-category-tile__overlay,
.wsh-oscar-hero__overlay {
    filter: saturate(.82) !important;
}

.wsh-hero__nav,
.wsh-hero__dot,
.wsh-load-zone,
.wsh-copy-checklist,
.wsh-ab-copy-checklist {
    background-color: var(--wsh-noir-surface) !important;
    border-color: var(--wsh-noir-line) !important;
}

.wsh-hero__dot.is-active {
    background-color: var(--wsh-noir-accent) !important;
}

/* Same palette on narrow layouts and touch devices. */
@media (max-width: 1050px) {
    .wsh-global-menu {
        display: none !important;
    }

    .wsh-global-header:not(.wsh-global-header--article) .wsh-global-header__main {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        grid-template-areas: "actions brand" !important;
        direction: ltr;
        align-items: center;
        gap: 10px;
    }

    .wsh-global-header:not(.wsh-global-header--article) .wsh-global-header__brand {
        grid-area: brand;
        direction: rtl;
        justify-self: end;
    }

    .wsh-global-header:not(.wsh-global-header--article) .wsh-global-header__actions {
        grid-area: actions;
        direction: rtl;
        justify-self: start;
        margin: 0 !important;
    }
}

@media (max-width: 700px) {
    .wsh-home,
    .wsh-site-main,
    .wsh-ab-page,
    .wsh-membership-main,
    .wsh-suggestions-main,
    .wsh-comments,
    .wsh-reactions {
        background: var(--wsh-noir-bg) !important;
    }

    .wsh-card,
    .wsh-category-tile,
    .wsh-ab-section,
    .wsh-comment-card,
    .wsh-reaction,
    .wsh-suggestion-card {
        background: var(--wsh-noir-surface) !important;
    }
}

@media (forced-colors: active) {
    .wsh-button,
    .wsh-member-submit,
    .wsh-ab-button,
    .wsh-save-button {
        border: 1px solid ButtonText !important;
    }
}
