/* * VA CLAIM BUSTER — ISOLATED GLOBAL HEADER * Separate stylesheet to prevent malformed legacy CSS from swallowing it. * Generated: 20260713-222759 */ /* VCB ISOLATED GLOBAL HEADER START */ /* * Approved VACB header isolated from legacy page header rules. * Old .site-header and header nav patches cannot affect this wrapper. */ #vcb-global-header { position: relative !important; isolation: isolate !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 244px !important; min-height: 244px !important; max-height: 244px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; background: #000 !important; border-bottom: 0 !important; } /* Final wide Buster banner. */ #vcb-global-header::before { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; background-color: #000 !important; background-image: url("../assets/buster/wider.buster.banner.png") !important; background-size: 70% auto !important; background-position: center 50% !important; background-repeat: no-repeat !important; opacity: 1 !important; filter: brightness(.96) contrast(1.06) saturate(.92) !important; -webkit-mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.5) 10%, #000 20%, #000 80%, rgba(0,0,0,.5) 90%, transparent 100% ) !important; mask-image: linear-gradient( 90deg, transparent 0%, rgba(0,0,0,.5) 10%, #000 20%, #000 80%, rgba(0,0,0,.5) 90%, transparent 100% ) !important; pointer-events: none !important; z-index: 1 !important; } /* Hide obsolete duplicate header artwork. */ #vcb-global-header #vcb-onion-scene-layer, #vcb-global-header .vcb-header-banner-bg, #vcb-global-header .vcb-logo-zone, #vcb-global-header .vcb-hero-zone { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Approved left logo. */ #vcb-global-header .vcb-header-logo-home-link { position: absolute !important; left: 28px !important; top: 50% !important; transform: translateY(-50%) !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 305px !important; max-width: 305px !important; height: auto !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; z-index: 30 !important; } #vcb-global-header .vcb-header-logo-final { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; } /* Navigation mirrored against the logo around Buster. */ #vcb-global-header #vcb-clean-nav-mount { position: absolute !important; left: 1099.5px !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 300px !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: auto !important; z-index: 40 !important; } #vcb-global-header .vcb-precision-nav { display: block !important; width: 100% !important; height: auto !important; overflow: visible !important; } #vcb-global-header .vcb-nav-button { filter: url(#vcbButtonDepth); cursor: pointer; text-decoration: none !important; outline: none !important; } #vcb-global-header .vcb-nav-button .vcb-shell { fill: url(#vcbFaceSteel) !important; stroke: #74787d !important; stroke-width: 3 !important; } #vcb-global-header .vcb-nav-button .vcb-red { fill: none !important; stroke: #9b1117 !important; stroke-width: 3 !important; transition: stroke .15s ease !important; } #vcb-global-header .vcb-nav-button .vcb-face { fill: transparent !important; stroke: rgba(0,0,0,.55) !important; stroke-width: 1 !important; } #vcb-global-header .vcb-nav-button text { fill: #d7d9dc !important; stroke: none !important; stroke-width: 0 !important; text-anchor: middle !important; dominant-baseline: middle !important; font-family: "Bahnschrift Condensed", "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; font-stretch: condensed !important; letter-spacing: .6px !important; filter: drop-shadow(0 1.5px 0 #000) !important; pointer-events: none !important; } #vcb-global-header .vcb-nav-wide text { font-size: 39px !important; } #vcb-global-header .vcb-nav-narrow text { font-size: 36px !important; } #vcb-global-header .vcb-center-diamond { fill: #000 !important; pointer-events: none !important; } #vcb-global-header .vcb-nav-button:hover .vcb-red, #vcb-global-header .vcb-nav-button:focus-visible .vcb-red { stroke: #123f73 !important; filter: drop-shadow(0 0 2px rgba(10,38,76,.72)) !important; } #vcb-global-header .vcb-nav-button:hover .vcb-face, #vcb-global-header .vcb-nav-button:focus-visible .vcb-face { fill: rgba(7,19,35,.72) !important; } #vcb-global-header .vcb-nav-button:hover .vcb-shell, #vcb-global-header .vcb-nav-button:focus-visible .vcb-shell { stroke: #29496c !important; } @media (max-width: 780px) { #vcb-global-header #vcb-clean-nav-mount { display: none !important; } } /* VCB ISOLATED GLOBAL HEADER END */ /* VCB HOME-PARITY EDGE START */ /* * Alpha Point header must begin at the left viewport edge * and continue uninterrupted to the scrollbar. */ #vcb-global-header { width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; margin: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border-bottom: 0 !important; } /* * Exact Home divider: * red through 58%, then Home's transition into #001f4f. */ #vcb-header-divider-rail { display: block !important; position: relative !important; z-index: 90 !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 2px !important; margin: 0 0 -2px 0 !important; padding: 0 !important; pointer-events: none !important; background: linear-gradient( 90deg, rgba(255,46,50,.94) 0%, rgba(255,46,50,.94) 58%, rgba(190,30,45,.94) 64%, rgba(70,34,80,.96) 69%, rgba(0,31,79,.99) 74%, rgba(0,31,79,1) 100% ) !important; box-shadow: 0 0 8px rgba(255,46,50,.20), 0 0 14px rgba(0,31,79,.42) !important; } /* VCB HOME-PARITY EDGE END */ /* VCB OPEN DOCK CANVAS START */ /* * Keep the canonical site background visible through the quick-action dock. * Border widths remain intact but transparent so geometry cannot shift. */ html body.home-header-final-mode .vcb-home-header-dock, html body.home-header-final-mode .vcb-home-header-dock .vcb-home-dock-grid { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } html body.home-header-final-mode .vcb-home-header-dock::before, html body.home-header-final-mode .vcb-home-header-dock::after, html body.home-header-final-mode .vcb-home-header-dock .vcb-home-dock-grid::before, html body.home-header-final-mode .vcb-home-header-dock .vcb-home-dock-grid::after { content: none !important; display: none !important; background: none !important; border-color: transparent !important; box-shadow: none !important; } html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card, html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card:hover, html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card:focus, html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card:focus-visible, html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card:active { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; filter: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; clip-path: none !important; } html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card::before, html body.home-header-final-mode .vcb-home-header-dock a.vcb-dock-card::after { content: none !important; display: none !important; background: none !important; border-color: transparent !important; box-shadow: none !important; } /* VCB OPEN DOCK CANVAS END */ /* VCB HOME-MATCHED SUBPAGE DOCK START */ /* * Match Home on Alpha Point, Loadout, and Intel Center by removing the * redundant quick-action links. The dock and calculator geometry are untouched. */ html body.home-header-final-mode.vcb-shared-calculator-only-page .vcb-home-dock-grid .vcb-dock-card { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; pointer-events: none !important; } /* VCB HOME-MATCHED SUBPAGE DOCK END */ /* VCB HOME-PARITY SERVICE BRANCH RAIL START */ /* * Compact branch rail shared by Home, Alpha Point, Loadout, and Intel Center. * The source emblems are preserved; only their bottom label area is cropped. * Calculator and dock geometry are not modified. */ html body.home-header-final-mode.vcb-home-page .vcb-home-header-dock, html body.home-header-final-mode.vcb-shared-calculator-only-page .vcb-home-header-dock { position: relative !important; } html body.home-header-final-mode.vcb-home-page #vcb-service-branch-rail, html body.home-header-final-mode.vcb-shared-calculator-only-page #vcb-service-branch-rail { position: absolute !important; top: 10px !important; left: 18px !important; right: calc( 292px + 18px + max(72px, calc(50vw - 593px)) ) !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 138px !important; min-height: 138px !important; max-height: 138px !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important; z-index: 190 !important; } html body.home-header-final-mode.vcb-home-page #vcb-service-branch-strip, html body.home-header-final-mode.vcb-shared-calculator-only-page #vcb-service-branch-strip { display: block !important; width: 102.4% !important; min-width: 102.4% !important; max-width: 102.4% !important; height: auto !important; min-height: 0 !important; max-height: 138px !important; margin: 0 -1.2% !important; padding: 0 !important; aspect-ratio: 1024 / 144 !important; object-fit: contain !important; object-position: center top !important; transform: translateX(38px) !important; transform-origin: center top !important; background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; filter: drop-shadow(0 3px 5px rgba(0,0,0,.76)) !important; } @media (max-width: 980px) { html body.home-header-final-mode.vcb-home-page #vcb-service-branch-rail, html body.home-header-final-mode.vcb-shared-calculator-only-page #vcb-service-branch-rail { display: none !important; } } /* VCB HOME-PARITY SERVICE BRANCH RAIL END */