/* Shared header styles for all clients. */
.btn.create-account {background-color: #262626; color: #FFFFFF;}
.btn.create-account:hover {background-color: #161616;}
.btn.sign-in {background-color: #FFFFFF; color: #0A0A0A;}
.btn.sign-in:hover {background-color: #DDDDDD;}
.page_header {padding: 16px 24px; position: relative;}
.logo-shield {display: block; height: 32px; width: 38px; background: url(/img/logo_ingage.svg) no-repeat; background-size: contain !important;}
.global-search--expanded {position: absolute; right: 24px; top: 17px; width: 420px; z-index: 9999;}
.global-search .form_container.global-search__input-wrap {position: relative; margin-bottom: 0;}
.global-search .search-input {padding-left: 40px; padding-right: 36px; font-size: 14px;}
.global-search__close {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #888; font-size: 16px; cursor: pointer; padding: 4px; line-height: 1; display: flex; align-items: center; justify-content: center;}
.global-search__close:hover {color: #fff;}
.global-search__overlay {position: absolute; top: 100%; left: 0; right: 0; margin-top: 4px; background: #1a1a1a; border: 1px solid #333; border-radius: 8px; max-height: 400px; overflow-y: auto; z-index: 9999; box-shadow: 0 8px 24px rgba(0,0,0,0.6);}
.global-search__section {padding: 8px 0;}
.global-search__section + .global-search__section {border-top: 1px solid #2a2a2a;}
.global-search__caption {padding: 4px 16px; font-size: 11px; font-weight: 600; color: #666; text-transform: uppercase; letter-spacing: 0.05em;}
.global-search__item {display: flex; align-items: center; gap: 10px; padding: 8px 16px; color: #ccc; text-decoration: none; font-size: 14px; cursor: pointer; transition: background 0.15s;}
.global-search__item:hover {background: #262626; color: #fff; text-decoration: none;}
.global-search__thumb {width: 28px; height: 28px; border-radius: 4px; object-fit: cover; background: #222; flex-shrink: 0;}
.global-search__thumb--round {border-radius: 50%;}
.global-search__person {align-items: flex-start;}
.global-search__person-copy {min-width: 0; flex: 1;}
.global-search__person-name {overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap;}
.global-search__person-links {display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 4px;}
.global-search__person-links a {color: #aeb4bd; font-size: 12px; text-decoration: none;}
.global-search__person-links a:hover {color: #fff; text-decoration: underline;}
.notification_bell {position: relative; z-index: 1101; flex: 0 0 40px;}
.header_icon_button {display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #ffffff; cursor: pointer;}
.header_icon_button[aria-expanded="true"] {color: #df41a7;}
.header_icon_button:hover,.header_icon_button:focus-visible {outline: none;}
.notification_bell_button {position: relative; width: 40px; height: 40px;}
.notification_bell_badge {position: absolute; top: 0px; right: 0px; min-width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; padding: 0 5px; border-radius: 10px; background: #df41a7; color: #ffffff; font-size: 10px; font-weight: 700; line-height: 1;}
.notification_bell_panel {position: absolute; top: 48px; right: 0; width: min(360px, calc(100vw - 32px)); max-height: min(540px, calc(100vh - 92px)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #404040; border-radius: 8px; background: #171717; box-shadow: 0 18px 48px rgba(0,0,0,.5); color: #ffffff;}
.notification_bell_panel_header {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #333; background: #171717; font-size: 15px;}
.notification_bell_panel_actions {display: flex; align-items: center; gap: 4px; max-width: 100%; margin-left: auto;}
.notification_bell_mark_all {min-width: 0; min-height: 32px; padding: 4px 6px; gap: 6px; color: #df41a7; font-size: 12px; font-weight: 650;}
.notification_bell_mark_all svg {flex-shrink: 0;}
.notification_bell_mark_all:focus-visible {outline: 2px solid #df41a7; outline-offset: 2px;}
.notification_bell_mark_all:disabled {opacity: .5; cursor: default;}
.notification_bell_close {display: none; width: 40px; height: 40px; flex-shrink: 0;}
.notification_bell_close:focus-visible {outline: 2px solid #df41a7; outline-offset: 2px;}
.notification_bell_items {overflow-y: auto;}
.notification_bell_item {width: 100%; display: flex; flex-direction: column; gap: 4px; padding: 13px 16px; border: 0; border-bottom: 1px solid #2d2d2d; background: #171717; color: #b8b8b8; text-align: left;}
.notification_bell_item:hover,.notification_bell_item:focus-visible {background: #222; outline: none;}
.notification_bell_item.unread {border-left: 3px solid #df41a7; background: #1c2421;}
.notification_bell_item_title {color: #ffffff; font-weight: 650;}
.notification_bell_item span:not(.notification_bell_item_title) {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; font-size: 13px; line-height: 18px;}
.notification_bell_item time {color: #737373; font-size: 11px;}
.notification_action_state {display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.notification_readers {display: inline-flex; flex-wrap: wrap; gap: 4px;}
.notification_reader {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #737373; border-radius: 50%; overflow: hidden; background: #333; color: #fff; font-size: 11px;}
.notification_reader img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.notification_bell_item span.notification_action_state,.notification_bell_item span.notification_readers,.notification_bell_item span.notification_reader {display: inline-flex; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset;}
.notification_bell_item span.notification_reader {overflow: hidden; flex-shrink: 0; font-size: 11px;}
.notification_bell_empty {margin: 0; padding: 28px 16px; color: #a1a1a1; text-align: center;}
.notification_bell_all {padding: 12px 16px; border-top: 1px solid #404040; color: #df41a7; font-size: 13px; font-weight: 650; text-align: center; text-decoration: none;}
.notification_bell_all:hover {color: #EB2F12;}
.notification_stack {border-bottom: 1px solid #2d2d2d;}
.notification_stack_toggle {width: 100%; display: flex; flex-direction: column; gap: 6px; padding: 13px 16px; border: 0; background: #171717; color: #fff; text-align: left; font: inherit; cursor: pointer;}
.notification_stack_toggle:hover {background: #222;}
.notification_stack_toggle:focus-visible,.notification_stack_more:focus-visible,.notification_stack_error button:focus-visible {outline: 2px solid #df41a7; outline-offset: -2px;}
.notification_stack_toggle.unread {border-left: 3px solid #df41a7; background: #1c2421;}
.notification_stack_toggle strong {font-size: 14px; line-height: 20px; overflow-wrap: anywhere;}
.notification_stack_preview {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; color: #b8b8b8; font-size: 13px; line-height: 18px; overflow-wrap: anywhere;}
.notification_stack_meta {width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: #a1a1a1; font-size: 11px;}
.notification_stack_count {padding: 2px 7px; border-radius: 10px; background: #303030; color: #eee;}
.notification_stack_meta svg {margin-left: auto; flex-shrink: 0;}
.notification_stack_members {margin: 6px 12px 12px; border-left: 2px solid #404040;}
.notification_stack_members > p {padding: 10px 12px; color: #b8b8b8; font-size: 13px;}
.notification_stack_more {width: 100%; min-height: 40px; padding: 8px 12px; border: 0; background: transparent; color: #df41a7; font-size: 13px;}
.notification_stack_more:disabled {opacity: .5; cursor: wait;}
.notification_stack_error {display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px 16px; color: #ffb8be; font-size: 13px;}
.notification_stack_error button {padding: 3px 8px; border: 1px solid #737373; border-radius: 4px; background: transparent; color: #fff; font: inherit;}
.navbar-nav .nav-link {color: #f7f7f7; font-family: 'PPNeueYork', Arial, sans-serif; font-weight: 500; font-size: 18px; text-transform: uppercase; line-height: 1; text-decoration: none;}
.navbar-nav .nav-link.active {color: #df41a7;}
.navbar .navbar-toggler:focus, .navbar .navbar-toggler:focus-visible {outline: 0; box-shadow: none;}
.fantasy_league .page_header {border-bottom: 1px solid #262626; box-sizing: border-box; position: fixed; width: var(--ref-screen-size-fantasy-league); z-index: 1200;}
.wp-site-blocks > .page_header, #ewrc-react-header > .page_header {border-bottom: 1px solid #262626;}
.page_header .hr {height: 1px; width: 100%; position: relative; background-color: #404040; text-align: center;}
.page_header .btn {border-radius: 4px;}
.global-search .form_container input {width: 100%; height: 42px; border: 1px solid #404040; background-color: #262626; border-radius: 4px; box-shadow: none; outline: none; color: #ffffff;}
.global-search .search-icon {position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: none; color: #df41a7; pointer-events: none;}
.fantasy_league .page_header .dropdown {position: relative; z-index: 1300;}
.fantasy_league .page_header .dropdown-menu {z-index: 1400;}
.header-wordmark {display: block; flex-shrink: 0; font-family: 'PPNeueYork', Arial, sans-serif; font-style: normal; font-weight: 800; font-stretch: condensed; font-size: 34px; line-height: 1; white-space: nowrap; color: #ffffff;}
.navbar-brand .logo-shield {flex-shrink: 0;}
.header-wordmark:hover, .header-wordmark:focus {color: #ffffff; text-decoration: none;}
.ewrc-lang-switcher {min-width: 44px; justify-content: center; align-items: center; font-family: Satoshi, Arial, sans-serif; font-size: 12px; font-weight: 600; color: #a1a1a1; border-radius: 4px; min-height: 36px;}
@media (max-width: 640px) {
    .notification_bell_panel {position: fixed; top: 62px; right: 12px; left: 12px; width: auto; max-height: calc(100dvh - 76px);}
}
@media (max-width: 575px) {
    .notification_bell_panel_header {padding: 8px 12px 8px 16px;}
    .notification_bell_close {display: flex;}
    .page_header {padding: 10px 20px;}
    .content.player-profile .page_header {background-color: rgb(86, 206, 235, 0.4);}
    .content.team-profile .page_header {background-color: rgb(86, 206, 235, 0.4);}
    .community .community_header {position: relative; z-index: 1100;}
    .community .page_container > .community_header {z-index: 1099;}
    .page_header {z-index: 1100; background-color: #0a0a0a;}
    .page_header .navbar-collapse {position: absolute; width: 100vw; margin-left: -20px; top: 100%; left: 0; right: 0; z-index: 2; padding: 16px 20px; box-sizing: border-box; background-color: #171717; border-bottom: 1px solid #262626; box-shadow: 0 12px 24px rgba(0,0,0,0.45);}
    .settings .page_header {height: 62px;}
    .global-search--expanded {right: 20px; top: 14px; width: calc(100vw - 40px);}
    .fantasy_league .page_header {position: fixed; top: 0; width: 100vw; background-color: #0a0a0a; z-index: 999999;}
    .header-wordmark {font-size: 28px;}
    .navbar-brand .logo-shield {height: 29px; width: 35px;}
}