/* ===================== profile.php ?view=gm ("epp-" prefix) =====================
   Moved out of profile.php's gm-view inline <style> block 2026-08-11. See css/profile-player.css's
   header for why this stays a separate file rather than merged with the player/team views.

   Consolidated 2026-08-22 (User-Frage "noch weitere Klassen, die man globalisieren könnte?"): the
   rules that WERE byte-identical across all 3 epp- files moved to css/dyne.css ("Shared epp-
   profile chrome" section) - see css/profile-player.css's header comment for the full list. This
   file now keeps only what's genuinely unique to the gm view (hero layout, Coach-of-the-Year row
   highlight, All-Star star markers). A few small 2-way matches with profile-team.css
   (.epp-hero-media, .epp-hero-text, base .epp-hero, .epp-award.conf) were deliberately left
   duplicated rather than chased for marginal gain - see project_css_globalization_2026_08_22
   memory for the list of what's still open. */

.mainnav-hamburger-wrap { position: fixed; left: 0; top: 0; z-index: 999999; }
.mainnav-header { max-width: 1360px; margin: 0 auto; position: fixed; display: flex; }
.mainnav-header::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background-color: #2c3e50; z-index: -1; }
.ntf-badge-wrap { position: fixed !important; top: 2px; right: 0; z-index: 999999; }
.ntf-pop { position: fixed !important; top: 40px !important; right: 0 !important; }
.gst-badge-wrap { position: fixed !important; top: 2px !important; right: 0 !important; z-index: 999999 !important; }
.gst-pop { position: fixed !important; top: 40px !important; right: 0 !important; }

.epp-hero { position: relative; padding: 22px 24px 20px; display: flex; align-items: center; gap: 18px; overflow: hidden; }
.epp-hero-media { display: flex; align-items: flex-end; flex: 0 0 auto; }
.epp-logo { width: 54px; height: 54px; border-radius: 10px; background-size: cover; background-position: center; background-color: rgba(255,255,255,.14); border: 2px solid rgba(255,255,255,.35); flex: 0 0 auto; }
.epp-photo { width: 84px; height: 84px; border-radius: 12px; background-size: cover; background-position: center top; background-color: rgba(255,255,255,.14); border: 3px solid rgba(255,255,255,.85); margin-left: -14px; flex: 0 0 auto; }
.epp-hero-text { min-width: 0; }

.epp-award.conf { background: #e7f2ff; border-color: #85b7eb; color: #0c447c; }
.epp-award.conf .ic { background: #c7e2fb; }

.epp-allstar-star { color: #d7a32e; margin-left: 2px; }
.epp-allstar-star.silver { color: #a9b0b8; }
.epp-allstar-star.green { color: #2e9e44; }
.epp-legend .star.silver { color: #a9b0b8; }
.epp-legend .star.green { color: #2e9e44; }
.epp-table td.epp-coty-season { background: #fdf3c7; }
.epp-table td.epp-coty-season { color: #7a5d00; font-weight: 800; }

/* .epp-hero's mobile override muss hier bleiben (nicht in dyne.css) - .epp-hero selbst ist pro
   Ansicht unterschiedlich und bleibt deshalb page-eigen; die Override-Regel muss textuell NACH
   der eigenen Basisregel oben stehen, um sie zu gewinnen (siehe Kommentar in dyne.css bei der
   "Shared epp- profile chrome"-Sektion). */
@media (max-width: 720px) {
	.epp-hero { flex-wrap: wrap; padding: 18px 16px; }
}