/* ==========================================================================
   AE UNLTD JIU JITSU — GymDesk Custom Styles
   ========================================================================== */


/* --------------------------------------------------------------------------
   TYPOGRAPHY — Gabarito font applied globally across key elements
   -------------------------------------------------------------------------- */

body a,
body #header #logo em,
body #header .more-links em,
.width h1,
.member-form .explanation h3,
#footer .meta li p,
#footer .bottom li:first-child {
  font-family: "Gabarito", sans-serif;
}

.width h1 {
  text-transform: uppercase;
}


/* --------------------------------------------------------------------------
   BRAND COLOR — Crimson applied to all button types
   -------------------------------------------------------------------------- */

.button,
button,
.hollow-button,
.maonrails-lead-form-button,
.maonrails-form button,
.maonrails-form .button,
input[type="submit"],
button[type="submit"],
.grey-button {
  background: #6a1314 !important;
  border-color: #6a1314 !important;
}


/* --------------------------------------------------------------------------
   FORM ELEMENTS — White text for labels and inputs
   -------------------------------------------------------------------------- */

.maonrails-lead-form form label,
.maonrails-lead-form-button,
.maonrails-popup form .buttons button,
input,
select {
  color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   UTILITY — Inline white text override (use class="whitetext" in markup)
   -------------------------------------------------------------------------- */

whitetext {
  color: #ffffff !important;
}


/* --------------------------------------------------------------------------
   TOP BAR — Dark background to replace the default navy
   -------------------------------------------------------------------------- */

.topbar {
  background-color: rgb(15, 15, 15) !important;
}


/* --------------------------------------------------------------------------
   LOGIN CARD — Replace GymDesk circle graphic with AE UNLTD logotype.

   Logo asset is now hosted on our VPS alongside this stylesheet. Post-cutover
   it'll resolve via aeujj.com as well (same DocumentRoot served by Traefik
   on both hostnames). No further change needed when DNS flips.
   -------------------------------------------------------------------------- */

.access-form em.circles {
  background-image: url('https://aeu.g5labs.io/logo-text.png') !important;
  width: 260px !important;
  height: 52px !important;
  border-radius: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  display: block !important;
}