/*
 * Club Locker brand overrides for the password-reset pages.
 * Loaded only when isClubLocker is true and no custom/white-label
 * stylesheet is active. Like brand.css, this file is fully
 * self-contained and uses raw values rather than CSS custom properties.
 */

/* -- Fonts --------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
  font-family: 'Funnel Sans', 'Roboto', 'Arial', sans-serif;
  background-color: #fff8ee; /* brand-court */
}

/* -- Typography ---------------------------------------------------- */

h1 {
  font-family: 'Funnel Display', Georgia, serif;
  color: #060e27; /* brand-dark-night */
}

/* -- Modal card ---------------------------------------------------- */

.modal-content {
  border-radius: 12px; /* brand-border-radius */
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-backdrop {
  background-color: #fff8ee; /* blend with page */
}

/* -- Logo swap ----------------------------------------------------- */

.modal-header img {
  display: none;
}

.modal-header .text-center {
  background-image: url('/static/images/cl-logo/cl-logo-wordmark-long.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 60px;
  margin: 10px 0;
}

/* -- Form controls ------------------------------------------------- */

.form-control {
  border-radius: 8px;
}

/* -- Buttons ------------------------------------------------------- */

.loginModal .modal-footer .btn.btn-default {
  background-color: #07184f; /* brand-navy */
  color: white;
  border-color: #07184f;
  border-radius: 8px;
}

.loginModal .modal-footer .btn.btn-default:hover,
.loginModal .modal-footer .btn.btn-default:focus {
  background-color: #0a2070;
  border-color: #0a2070;
  color: white;
}

/* -- Links --------------------------------------------------------- */

a {
  color: #243a82; /* brand-mid-navy */
}

/* -- Warning panel ------------------------------------------------- */

.loginModal .panel.panel-warning {
  background-color: #fef0ee;
  color: #c0392b;
  border: 1px solid #fcd5cf;
  border-radius: 8px;
}