/* ============================================================
   MONSTER-CLUB — Hero photo + brand logo overlay
   Added 2026-06-15. Additive override (loaded after theme-sports.css).
   Revert = remove the <link> in index.html and delete this file.
   ============================================================ */

/* --- Header: swap CSS pseudo-logo for the SVG logo --- */
.site-header .brand-mark,
.site-header .brand-name { display: none !important; }
.site-header .brand {
  width: 160px;
  height: 36px;
  background: url("images/brand/logo.svg") left center / contain no-repeat;
}

/* --- Hero: generated horse visual as full-bleed background --- */
body.t-sports .hero {
  background:
    linear-gradient(90deg, rgba(11,18,28,0.94) 0%, rgba(11,18,28,0.6) 42%, rgba(11,18,28,0) 64%),
    url("images/hero-monster.jpg") center right / cover no-repeat,
    var(--sp-bg);
}
.hero-device-wrap { display: none !important; }

@media (max-width: 760px) {
  body.t-sports .hero {
    background:
      linear-gradient(180deg, rgba(11,18,28,0.82) 0%, rgba(11,18,28,0.45) 55%, rgba(11,18,28,0.88) 100%),
      url("images/hero-monster.jpg") center top / cover no-repeat,
      var(--sp-bg);
    min-height: auto;
    padding-top: 108px;
    padding-bottom: 72px;
  }
  .site-header .brand { width: 142px; height: 32px; }
}