/* ============================================================
   Yellowhammer Trader — Yellow Brand Override
   Loaded AFTER yh_brand.css.
   Dark chrome (header, footer, navbar, page bg behind white content)
   + brand gold (#FFD700) accents.
   ============================================================ */

:root {
    --yhy: #FFD700;          /* brand gold */
    --yhy-d: #d4a800;        /* darker gold for hover/borders */
    --yhy-soft: rgba(255,215,0,0.12);  /* gold hover tint (dark-friendly) */
    --yhb: #111111;          /* near-black, page bg behind content */
    --yhb-2: #1a1a1a;        /* panels/footer surface */
    --yhc: #30363d;          /* dividers */
    --yhg: #888888;
    --yhg-l: #c9d1d9;
    --content-bg: #161616;   /* content card — dark, slightly lifted off page bg */
}

/* ============================================================
   Ordinary post/content link color fix
   styles/prosilver_dark/theme/colours/yellow.css sets plain,
   unclassed a:link/a:hover to #fbe91b/#fff151 (a stock phpBB
   "yellow" swatch color, not brand gold). Scoped to #page-body so
   this does not touch nav/button/footer links, which already have
   correct gold styling elsewhere in this file. Semantic phpBB
   colors (.error, report/warning reds, success greens in
   colours.css) are separate, non-anchor selectors and are
   intentionally left untouched.
   ============================================================ */
#page-body a:link,
#page-body a:visited,
#page-body a:active {
    color: var(--yhy) !important;
}
#page-body a:hover {
    color: #FFFFFF !important;
}

/* ============ Page background (BEHIND content card) ============ */
html, body {
    background: var(--yhb) !important;
}

body {
    background:
        radial-gradient(ellipse at top, rgba(255,215,0,0.05) 0%, transparent 50%),
        var(--yhb) !important;
}

/* The "wrap" container — the actual content card */
#wrap {
    background: var(--content-bg) !important;
    border: 1px solid var(--yhc) !important;
    box-shadow: 0 0 24px rgba(0,0,0,0.5) !important;
    border-radius: 4px !important;
    margin-top: 0 !important;
}

/* ============ Header bar (BRAND bar + phpBB headerbar) ============ */
#yh-brand-header {
    background: var(--yhb) !important;
    background-image: none !important;
    border-bottom: 4px solid var(--yhy) !important;
}
#yh-brand-header .inner { background: transparent !important; }
#yh-brand-header .yh-logo-word,
#yh-brand-header .yh-logo-word .yh-logo-first,
#yh-brand-header .yh-logo-word .yh-logo-second {
    color: var(--yhy) !important;
    text-shadow: 0 0 12px rgba(255,215,0,0.3) !important;
}
#yh-brand-header .yh-logo-tag { color: var(--yhg-l) !important; }

#yh-tabs, .yh-tabs-list { background: var(--yhb) !important; border-top: 1px solid var(--yhc) !important; }
#yh-tabs a, .yh-tabs-list a, .yh-tab-link { color: #FFFFFF !important; }
#yh-tabs a:hover, .yh-tabs-list a:hover, .yh-tab-link:hover { color: var(--yhy) !important; }
#yh-tabs a.active, .yh-tabs-list a.active, .yh-tab-link.active {
    color: var(--yhb) !important;
    background: var(--yhy) !important;
    border-bottom: 2px solid var(--yhy-d) !important;
}

/* phpBB headerbar (below brand bar) — keep dark */
.headerbar {
    background: var(--yhb) !important;
    background-image: none !important;
    border-bottom: 3px solid var(--yhy) !important;
    color: #FFFFFF !important;
}
.headerbar a, .headerbar h1, .headerbar .site-description { color: #FFFFFF !important; }
#site-description { color: var(--yhy) !important; }

/* ============ Sub-nav (the row under header) ============ */
.navbar.top, .navbar:not(.top) {
    background: var(--yhb-2) !important;
    background-image: none !important;
    border-top: 1px solid var(--yhc) !important;
    border-bottom: 1px solid var(--yhc) !important;
}
.navbar.top a, .navbar:not(.top) a {
    color: var(--yhg-l) !important;
    font-weight: 500 !important;
}
.navbar.top a:hover, .navbar:not(.top) a:hover {
    color: var(--yhy) !important;
    background: rgba(255,215,0,0.08) !important;
}

/* ============ Page footer ============ */
#page-footer, .page-footer {
    background: var(--yhb) !important;
    background-image: none !important;
    color: var(--yhg-l) !important;
    border-top: 3px solid var(--yhy) !important;
}
#page-footer a, .page-footer a { color: var(--yhy) !important; }
#page-footer a:hover { color: #FFFFFF !important; }
.page-footer .copyright { color: var(--yhg) !important; border-top: 1px solid var(--yhc) !important; padding-top: 10px; font-family: 'IBM Plex Mono', monospace !important; }

/* Footer brand logo glow */
.yh-footer-logo img {
    filter: drop-shadow(0 0 12px rgba(255,215,0,0.4)) !important;
}

/* ============ Buttons ============ */
.button, .button2, button, input[type="submit"] {
    background: var(--yhy) !important;
    border: 1px solid var(--yhy-d) !important;
    color: var(--yhb) !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}
.button:hover, .button2:hover, button:hover, input[type="submit"]:hover {
    background: var(--yhy-d) !important;
    color: var(--yhb) !important;
}

/* ============ Forum/topic rows — gold tint hover ============ */
li.row:hover, .forumrow:hover, .topicrow:hover {
    background-color: var(--yhy-soft) !important;
}

/* ============ Tabs ============ */
.tabs .tab > a { background: #21262d; color: #e6edf3; }
.tabs .activetab > a, .tabs .activetab > a:hover {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border-color: var(--yhy-d) !important;
}

/* ============ Blockquote / selection ============ */
blockquote { border-left: 3px solid var(--yhy) !important; }
::selection { background: var(--yhy); color: var(--yhb); }

/* ============ Hero / opt-in / stats (overriding inline navy) ============ */
.yh-hero {
    background: var(--yhb) !important;
    background-image: linear-gradient(135deg, var(--yhb-2) 0%, var(--yhb) 100%) !important;
    border: 1px solid var(--yhy) !important;
}
.yh-hero h1 { color: var(--yhy) !important; text-shadow: 0 0 16px rgba(255,215,0,0.3); }
.yh-hero p { color: #DDDDDD !important; }
.yh-hero a[style*="background:#f5c518"] { background: var(--yhy) !important; color: var(--yhb) !important; }

.yh-stats-bar {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border: 1px solid var(--yhy-d) !important;
}
.yh-stats-bar .yh-stat-num { color: var(--yhb) !important; }
.yh-stats-bar .yh-stat-label { color: var(--yhb-2) !important; font-weight: 600; }

/* .yh-optin is now a plain pill link (styled in yh_brand.css, matching
   .yh-dealer-cta) — no more form/box to re-skin for dark mode here. */

.yh-deal-of-week > div,
.yh-recent-discussions > div {
    background: var(--yhb-2) !important;
    border: 1px solid var(--yhy) !important;
}
.yh-deal-of-week a[style*="background:#d97a2c"],
.yh-deal-of-week a[style*="background: #d97a2c"] {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
}

/* ============ Carousel cards ============ */
.yh-carousel-card {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
}
.yh-carousel-card:hover {
    border-color: var(--yhy) !important;
    box-shadow: 0 2px 8px rgba(255,215,0,0.25) !important;
}
.yh-carousel-card-title { color: #e6edf3 !important; }
.yh-carousel-card-price { color: var(--yhy) !important; }
.yh-carousel-card-meta { color: #8b949e !important; font-family: 'IBM Plex Mono', monospace !important; }

/* ============ Shop & Save block ============ */
.yh-shop-qr-promo > div {
    background: var(--yhb-2) !important;
    border: 1px solid var(--yhy) !important;
}
.yh-shop-qr-promo a[style*="background:#d97a2c"],
.yh-shop-qr-promo a[style*="background: #d97a2c"] {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border-color: var(--yhy-d) !important;
}
.yh-shop-qr-promo a[style*="border:1px solid #d97a2c"],
.yh-shop-qr-promo a[style*="border: 1px solid #d97a2c"] {
    border-color: var(--yhy) !important;
    color: var(--yhy) !important;
}

/* ============ User icons (Messages/Alerts) ============ */
.yh-user-icons a {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border: 1px solid var(--yhy-d) !important;
}
.yh-user-icons a:hover {
    background: var(--yhy-d) !important;
    color: var(--yhb) !important;
}

/* ============ Social bar in footer ============ */
.yh-social-bar a {
    background: var(--yhb-2) !important;
    color: var(--yhy) !important;
    border: 1px solid var(--yhc) !important;
}
.yh-social-bar a:hover {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border-color: var(--yhy-d) !important;
}

/* ============ Footer link columns ============ */
.yh-footer-links a { color: var(--yhg-l) !important; }
.yh-footer-links a:hover { color: var(--yhy) !important; }
.yh-footer-links > div > div {
    color: var(--yhy) !important;
    letter-spacing: 1.2px !important;
}

/* ============ FORUM LIST (subforums) — YHT brand stripe ============ */
.forumbg .header, .forumbg .inner,
ul.forums, ul.topics {
    background: transparent !important;
}

ul.forums li.row,
ul.topics li.row {
    border-bottom: 1px solid #21262d !important;
}

/* Forum list: subtle yellow left accent bar on each forum row */
ul.forums li.row {
    border-left: 3px solid transparent !important;
    transition: border-color 0.15s ease !important;
}
ul.forums li.row:hover {
    border-left-color: var(--yhy) !important;
    background: var(--yhy-soft) !important;
}

/* Forum category title row (the "Firearms & Gear" header) */
li.header dt, li.header dd {
    background: var(--yhb-2) !important;
    color: var(--yhy) !important;
    border-top: 1px solid var(--yhy) !important;
}

/* Sub-forum pill / mini tag inside forum row */
.subforum.read, .subforum.unread {
    background: var(--yhy-soft) !important;
    color: var(--yhb) !important;
    border: 1px solid var(--yhy) !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
    font-size: 0.85em !important;
}

/* Last post byline — supporting/meta text: IBM Plex Mono */
.lastpost {
    color: var(--yhg) !important;
    font-family: 'IBM Plex Mono', monospace !important;
}
.lastpost a {
    color: #aeb8c4 !important;
    font-weight: 600 !important;
}
.lastpost a:hover {
    color: var(--yhy-d) !important;
}

/* ============ POST page (viewtopic) ============ */
.post {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
}
.post:target .postbody,
.post:hover {
    background: #1a2029 !important;
}

/* Post author profile column */
.postprofile {
    background: var(--yhb) !important;
    background-image: linear-gradient(180deg, var(--yhb-2) 0%, var(--yhb) 100%) !important;
    color: var(--yhg-l) !important;
    border-right: 1px solid var(--yhy) !important;
}
.postprofile dt, .postprofile dd, .postprofile a {
    color: var(--yhg-l) !important;
}
.postprofile a:hover { color: var(--yhy) !important; }
.postprofile .username-coloured {
    color: var(--yhy) !important;
    font-weight: 700 !important;
}

/* ============ Forum/topic/announce icons ============ */
.forum_read, .forum_unread, .topic_read, .topic_unread,
.sticky_read, .sticky_unread, .announce_read, .announce_unread {
    /* existing gifs; we just give them a subtle frame */
    background-color: var(--yhy-soft) !important;
    border: 1px solid var(--yhy) !important;
    border-radius: 4px !important;
    padding: 4px !important;
}

/* ============ Breadcrumbs ============ */
.crumbs a, .navlinks a {
    color: var(--yhg) !important;
}
.crumbs a:hover, .navlinks a:hover {
    color: var(--yhy-d) !important;
}

/* ============ Notifications / alerts ============ */
.notice {
    background: var(--yhy-soft) !important;
    border: 1px solid var(--yhy) !important;
    color: var(--yhb) !important;
}

/* ============ Login form ============ */
fieldset.quick-login {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
}

/* ============================================================
   BRAND WATERMARK — Yellowhammer bird, faded, behind content
   ============================================================ */
#wrap {
    position: relative !important;
}
#wrap::before {
    content: '' !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 600px !important;
    height: 600px !important;
    max-width: 80vw !important;
    max-height: 80vh !important;
    background: url('yh_bird_clean.svg') center/contain no-repeat !important;
    opacity: 0.03 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
#wrap > * { position: relative; z-index: 1; }

/* ============================================================
   YHT-BRANDED FORUM/TOPIC ICONS (override prosilver .gifs)
   ============================================================ */

/* ============================================================
   SITE-WIDE BACKGROUND: Use the transparent header banner as the
   page background and make content panels translucent so the
   banner shows through. This preserves readable panels while
   removing white-filled boxes so the header artwork is visible
   on every page.
   ============================================================ */

/* Use the transparent header banner as a fixed background at the top */
body {
    background-image: url('/ext/yellowhammer/core/styles/all/theme/images/yh-header-banner.png'), var(--yhb) !important;
    background-repeat: no-repeat, repeat !important;
    background-position: top center, 0 0 !important;
    background-size: contain, auto !important;
    background-attachment: scroll !important;
}

/* Make main containers transparent so the banner shows behind them */
#wrap, .wrap, .forge-shell, main#page-body, .forge-page-header, .headerbar, .navbar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Keep panels readable by giving them a semi-opaque overlay instead of solid white */
.panel, .forumbg, .post, .stat-block, .forge-forum-card, .yh-carousel-card {
    background: rgba(11,11,11,0.68) !important;
    border: 1px solid rgba(255,215,0,0.06) !important;
}

/* Remove the large ghost bird watermark so banner is primary background */
#wrap::before { display: none !important; }

/* Ensure forum list headers remain distinct */
li.header dt, li.header dd { background: rgba(11,11,11,0.6) !important; }

/* Ensure breadcrumb / nav contrast on top of banner */
.crumbs a, .navlinks a { color: var(--yhg) !important; text-shadow: none !important; }

/* End site-wide background overrides */

/* Dealer logo + opt-in row (footer) */
.yh-optin-row { display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px auto; }
.yh-dealer-logo img { max-width:260px; height:auto; display:block; filter: drop-shadow(0 6px 18px rgba(0,0,0,0.6)); }
@media (max-width:880px) {
    .yh-optin-row { flex-direction:column-reverse; }
    .yh-dealer-logo img { max-width:220px; }
}

/* ============================================================
   YHT-BRANDED FORUM/TOPIC ICONS (override prosilver .gifs)
   ============================================================ */
.forum_read, .forum_unread,
.forum_read_locked, .forum_unread_locked,
.forum_read_subforum, .forum_unread_subforum,
.forum_link,
.topic_read, .topic_unread,
.topic_read_mine, .topic_unread_mine,
.topic_read_hot, .topic_unread_hot,
.topic_read_hot_mine, .topic_unread_hot_mine,
.topic_read_locked, .topic_unread_locked,
.topic_read_locked_mine, .topic_unread_locked_mine,
.topic_moved,
.sticky_read, .sticky_unread,
.sticky_read_locked, .sticky_unread_locked,
.sticky_read_mine, .sticky_unread_mine,
.announce_read, .announce_unread,
.announce_read_locked, .announce_unread_locked,
.announce_read_mine, .announce_unread_mine {
    /* NOTE: width/height/display removed 2026-08-31 — this class list
       (.forum_read, .topic_read, etc.) is applied by phpBB directly to
       the full-width dl.row-item row container, not a small icon-only
       element. Forcing 32x32/inline-block here collapsed every forum
       and topic list row on the entire site to icon size, hiding all
       titles/descriptions/stats. The visible category icons are already
       rendered separately via <span class="forum-image"><img></span>
       (yht-kit icon set), so this sprite now only shows as a small
       background accent, not the primary icon. */
    background-image: url('yh_icons_sprite.svg') !important;
    background-size: 256px 256px !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-color: transparent !important;
}

.forum_read             { background-position:    0 0 !important; }
.forum_unread           { background-position:  -32px 0 !important; }
.forum_read_locked      { background-position:  -64px 0 !important; }
.forum_unread_locked    { background-position:  -96px 0 !important; }
.forum_read_subforum    { background-position: -128px 0 !important; }
.forum_unread_subforum  { background-position: -160px 0 !important; }
.forum_link             { background-position: -192px 0 !important; }

.topic_read             { background-position:    0 -32px !important; }
.topic_unread           { background-position:  -32px -32px !important; }
.topic_read_mine        { background-position:  -64px -32px !important; }
.topic_unread_mine      { background-position:  -96px -32px !important; }
.topic_read_hot         { background-position: -128px -32px !important; }
.topic_unread_hot       { background-position: -160px -32px !important; }
.topic_read_hot_mine    { background-position: -192px -32px !important; }
.topic_unread_hot_mine  { background-position: -224px -32px !important; }
.topic_read_locked      { background-position:    0 -64px !important; }
.topic_unread_locked    { background-position:  -32px -64px !important; }
.topic_moved            { background-position:  -64px -64px !important; }

.sticky_read            { background-position:  -96px -64px !important; }
.sticky_unread          { background-position: -128px -64px !important; }
.announce_read          { background-position: -160px -64px !important; }
.announce_unread        { background-position: -192px -64px !important; }

/* ============================================================
   Header logo (the new SVG) — presentation only: gold halo.
   Sizing/display is owned by yh_brand.css (rebrand pass 2).
   ============================================================ */
#yh-brand-header .logo.yh-logo-pill img,
#yh-brand-header .logo.yh-logo-pill img.yh-header-logo {
    filter: drop-shadow(0 0 8px rgba(255,215,0,0.35)) !important;
}

/* Footer brand logo gets the bird instead of the wordmark */
.yh-footer-logo img {
    max-height: 90px !important;
    width: auto !important;

    filter: drop-shadow(0 0 12px rgba(255,215,0,0.5)) !important;
}

/* Login page / registration page — center the master emblem */
body.section-login #wrap,
body.section-ucp #wrap {
    background: var(--yhb) !important;
}
body.section-login #wrap::after,
body.section-ucp #wrap::after {
    content: '' !important;
    display: block !important;
    width: 180px !important;
    height: 210px !important;
    margin: -40px auto 30px !important;
    background: url('yh_logo_wordmark.svg') center/contain no-repeat !important;
    filter: drop-shadow(0 0 18px rgba(255,215,0,0.45)) brightness(1.15) !important;
    position: relative !important;
    z-index: 5 !important;
}
body.section-login fieldset,
body.section-ucp fieldset {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid var(--yhy) !important;
    color: #FFFFFF !important;
}
body.section-login label,
body.section-login legend,
body.section-ucp label,
body.section-ucp legend {
    color: #FFFFFF !important;
}
body.section-login input[type="text"],
body.section-login input[type="password"],
body.section-login input[type="email"],
body.section-ucp input[type="text"],
body.section-ucp input[type="password"],
body.section-ucp input[type="email"] {
    background: rgba(255,255,255,0.08) !important;
    color: #FFFFFF !important;
    border: 1px solid var(--yhy-d) !important;
}
body.section-login h2,
body.section-ucp h2 {
    color: var(--yhy) !important;
    text-align: center !important;
}

/* "YHT Verified" / "YHT Featured" badge — mark as brand */
.yh-verified-badge,
.badge.yh-verified {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border: 1px solid var(--yhy-d) !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    text-transform: uppercase !important;
    font-size: 0.72em !important;
}

/* "Featured" forum rows — gold left border + small bird watermark */
li.row.global-announce,
li.row.announce,
li.row.sticky {
    border-left: 3px solid var(--yhy) !important;
    background: linear-gradient(90deg, rgba(255,215,0,0.06) 0%, transparent 50%) !important;
}

/* Sub-forum visual link chips — bird accent */
a.subforum.read, a.subforum.unread,
.subforum.read, .subforum.unread {
    background: var(--yhy-soft) !important;
    color: var(--yhb) !important;
    border: 1px solid var(--yhy) !important;
    border-radius: 3px !important;
    padding: 1px 6px !important;
    font-size: 0.85em !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
a.subforum.read::before, a.subforum.unread::before {
    content: '' !important;
    display: inline-block !important;
    width: 10px !important;
    height: 12px !important;
    margin-right: 4px !important;
    background: url('yh_bird_clean.svg') center/contain no-repeat !important;
    vertical-align: middle !important;
    opacity: 0.6 !important;
}

/* ============================================================
   Brand mark accent strip on the very top of the page
   ============================================================ */
body::before {
    content: '' !important;
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #111111 0%, #FFD700 50%, #111111 100%) !important;
    z-index: 9999 !important;
    pointer-events: none !important;
}

/* ============================================================
   User bar — Log in / Register (and logged-in links) BELOW tabs
   ============================================================ */
.yh-userbar {
    flex: 1 1 100%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: var(--yhb) !important;
    border-top: 1px solid var(--yhc) !important;
    padding: 6px 16px;
    margin-top: 2px;
}
.yh-userbar-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}
.yh-userbar-list .yh-useritem { list-style: none; margin: 0; padding: 0; }
.yh-userbar-list .yh-useritem a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    color: var(--yhg-l) !important;
    background-color: rgba(248, 216, 0, 0.08);
    border: 1px solid var(--yhc);
    border-radius: 6px;
    font-size: 0.9em;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.yh-userbar-list .yh-useritem a:hover { color: var(--yhy) !important; border-color: var(--yhy); }
.yh-userbar-list .yh-useritem-accent a {
    background: var(--yhy) !important;
    color: var(--yhb) !important;
    border-color: var(--yhy) !important;
}
.yh-userbar-list .yh-useritem-accent a:hover { color: var(--yhb) !important; filter: brightness(1.08); }

/* ============================================================
   Page background matches the header (near-black #111111)
   — keeps every dark surface across the site consistent.
   ============================================================ */
.forge-shell, .forge-topbar, .forge-page-header,
#wrap, #wrap .wrap, .wrap.forge-shell {
    background-color: var(--yhb) !important;
    background-image: none !important;
}
.forge-topbar { border-bottom: 1px solid var(--yhc) !important; }
.forge-nav-wrap, .forge-nav-card,
.navbar, .navbar-inner, .navbar .inner,
header#page-header { background-color: var(--yhb) !important; background-image: none !important; }