/* Minecraft Page Theme: Banner gradient black → purple → white (top to bottom) */

/* Target the shared hosting banner used on Minecraft page */
.rts-hosting-banner.rts-hosting-banner-bg,
.rts-hosting-banner.rts-hosting-banner-bg.banner-style-home-one {
  background-image: linear-gradient(
    180deg,
    rgba(15, 15, 20, 0.96) 0%,  /* near-black top to blend with header */
    #6B46FF 38%,                /* deep purple mid-start */
    #A78BFA 60%,                /* soft purple */
    #FFFFFF 100%                /* white toward bottom */
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* Remove default overlay/shape backgrounds that may mask our gradient */
.rts-hosting-banner.rts-hosting-banner-bg::before,
.rts-hosting-banner.rts-hosting-banner-bg::after {
  background: transparent !important;
  background-image: none !important;
}

/* Keep content vertically centered within banner */
.rts-hosting-banner .row.align-items-center {
  align-items: center !important;
}

/* Mobile: slightly reduce top padding if banner height feels cramped */
@media (max-width: 576px) {
  .rts-hosting-banner.rts-hosting-banner-bg { padding-top: 72px !important; }
}