/* Footer matching the current tennisnet platform footer. */
.site-footer {
  color: #f5f5f5;
  background:
    radial-gradient(circle at 50% 0%, rgba(216, 201, 90, .1) 0%, rgba(0, 0, 0, 0) 36%),
    linear-gradient(#202020 0%, #121212 100%);
  font-family: Montserrat, sans-serif;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(260px, 1.25fr) minmax(0, 2.75fr);
  column-gap: 72px;
  row-gap: 28px;
  padding-top: 38px;
  padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
}

.site-footer a { color: #f5f5f5; text-decoration: none; }
.site-footer a:hover, .site-footer a:focus { color: #d8c95a; text-decoration: none; }
.site-footer__brand > a { display: inline-block; }
.site-footer__brand img { display: block; width: 154px; height: auto; }
.site-footer__brand p { max-width: 250px; margin: 23px 0 24px; color: #d7d8da; font-size: 13px; line-height: 1.55; }
.site-footer__brand p strong { display: inline-block; margin-bottom: 5px; color: #fff; font-size: 14px; font-weight: 600; }
.site-footer h2 { margin: 0 0 15px; padding: 0; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; }
.site-footer__regions { grid-column: 1 / -1; }
.site-footer__regions nav { display: flex; flex-wrap: wrap; gap: 8px; }
.site-footer__regions nav a { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 999px; background: #30343a; font-size: 11px; font-weight: 600; }
.site-footer__regions svg { width: 16px; height: 16px; border-radius: 50%; }
.site-footer__columns { display: grid; grid-template-columns: 1.35fr 1.55fr 1fr; gap: 28px; }
.site-footer__columns section { display: flex; flex-direction: column; align-items: flex-start; }
.site-footer__columns a { margin-bottom: 11px; color: #d7d8da; font-size: 13px; line-height: 1.25; }
.site-footer__social-icon { display: inline-flex; width: 20px; margin-right: 4px; color: #d8c95a; font-family: "Material Symbols Outlined"; font-size: 17px; line-height: 1; vertical-align: -4px; }

/* Slightly lighter main navigation typography. */
nav.main ul.mega-nav a.mega-nav-link { font-size: 13.5px; font-weight: 400; }

/* Keep the active marker the width of the complete navigation label. */
@media (min-width: 769px) {
  nav.main ul.mega-nav > li.active > a.mega-nav-link::after {
    right: 17px;
    left: 17px;
  }

  /* News has no left link padding, so its marker must start at the label. */
  nav.main ul.mega-nav > li:first-child.active > a.mega-nav-link::after {
    left: 0;
  }
}

@media (max-width: 980px) {
  .site-footer__inner { grid-template-columns: 1fr; gap: 36px; }
  .site-footer__brand p { margin-bottom: 30px; }
}

@media (max-width: 600px) {
  .site-footer__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 20px; row-gap: 30px; padding: 30px 20px calc(32px + env(safe-area-inset-bottom, 0px)); }
  .site-footer__brand { grid-column: 1 / -1; margin-bottom: 0; }
  .site-footer__columns { display: contents; }
  .site-footer__columns section { min-width: 0; }
  .site-footer__regions { grid-column: auto; }
}