/* SpoilerMarket current logo, loaded on every public page.
   Keeps PMPro, account, Welcome, subscriptions, reseller, staking and debate pages consistent. */
body .custom-logo-link,
body .wp-block-site-logo a,
body header .site-branding a,
body header .site-logo a,
body header .navbar-brand,
body header .elementor-widget-theme-site-logo a,
body header a.custom-logo-link{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:min(620px,100%) !important;
  min-width:320px !important;
  height:clamp(84px,12vw,128px) !important;
  max-width:100% !important;
  overflow:visible !important;
}
body .custom-logo-link img,
body .wp-block-site-logo img,
body header.site-header img.custom-logo,
body header .site-branding img,
body header .site-logo img,
body header .navbar-brand img,
body header .elementor-widget-theme-site-logo img,
body header img[alt*="SpoilerMarket" i],
body header img[src*="spoilermarket" i]{
  opacity:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
body .custom-logo-link::after,
body .wp-block-site-logo a::after,
body header .site-branding a::after,
body header .site-logo a::after,
body header .navbar-brand::after,
body header .elementor-widget-theme-site-logo a::after,
body header a.custom-logo-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/spoilermarket-header-logo-modern.svg') center / contain no-repeat;
  pointer-events:none;
}
@media (max-width:900px){
  body .custom-logo-link,
  body .wp-block-site-logo a,
  body header .site-branding a,
  body header .site-logo a,
  body header .navbar-brand,
  body header .elementor-widget-theme-site-logo a,
  body header a.custom-logo-link{
    width:min(480px,100%) !important;
    min-width:240px !important;
    height:clamp(62px,13vw,96px) !important;
  }
}
@media (max-width:640px){
  body .custom-logo-link,
  body .wp-block-site-logo a,
  body header .site-branding a,
  body header .site-logo a,
  body header .navbar-brand,
  body header .elementor-widget-theme-site-logo a,
  body header a.custom-logo-link{
    width:min(360px,92vw) !important;
    min-width:180px !important;
    height:clamp(48px,14vw,76px) !important;
  }
}