/* ==========================================================================
   === HEADER LOGO IMAGE — delete this block to revert to the text logo ===
   Sizes the new GoodluckSporting logo image in the header and matches the
   header bar to the logo's own background so the logo doesn't look like a
   pasted-on black box. Loads after style.css so it wins without !important.
   ========================================================================== */

/* Match the header bar to the logo's baked-in background (#050a17, a very
   dark navy-black) so there's no visible seam around the logo image. */
#site-header,
#site-header .nav-inner-stacked,
#site-header .nav-logo-row,
#site-header .main-nav {
  background: #050a17 !important;
}

.logo { display: inline-flex; align-items: center; }

/* The logo art is a wide ~8:1 lockup cropped tight to the artwork, so a
   larger height reads clearly without dead space. Cap width so it can't
   overrun the bar on narrow screens. */
.logo-img {
  height: 40px;
  width: auto;
  max-width: min(70vw, 340px);
  object-fit: contain;
  display: block;
}

/* Hide any lingering old text-logo markup. */
.logo .logo-mark,
.logo .logo-text { display: none; }

@media (max-width: 720px) {
  .logo-img { height: 34px; max-width: 66vw; }
}
/* === end header logo image block === */