/* BU Beacon — public pages (subscription forms, archive, unsubscribe)
 * Overrides the stock blue palette with BU Red + BU Black. Fonts unchanged.
 */

body {
  color: #2D2926;
}

/* Match the admin navbar's logo height (45px). Listmonk's stock public CSS
 * caps the header logo via `.header .logo img { max-width: 150px }`, which
 * at our 380:80 SVG aspect ratio comes out to ~31px tall. Override to 45px
 * so the public pages and admin look like they're wearing the same uniform.
 */
.header .logo img {
  height: 45px !important;
  max-height: 45px !important;
  max-width: none !important;
  width: auto !important;
}

a {
  color: #CC0000;
  text-decoration-color: #f3c2c2;
}
a:hover {
  color: #2D2926;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus {
  border-color: #CC0000 !important;
  outline: none;
}

.button,
button.button {
  background: #CC0000 !important;
  color: #ffffff !important;
}
.button:hover,
button.button:hover {
  background: #2D2926 !important;
}
.button.button-outline {
  background: #ffffff !important;
  border: 1px solid #CC0000 !important;
  color: #CC0000 !important;
}
.button.button-outline:hover {
  border-color: #2D2926 !important;
  background-color: #2D2926 !important;
  color: #ffffff !important;
}

.error {
  color: #CC0000;
}

/* Login page — local "Login" button (red + white) */
.login button[type="submit"],
.login a.button {
  background: #CC0000 !important;
}
.login button[type="submit"]:hover,
.login a.button:hover {
  background: #2D2926 !important;
}

/* Entra OIDC button: re-skin from outlined to solid BU Red, swap label to
 * "BU Login", hide the Microsoft logo. The native label is rendered by
 * Listmonk's server template as "Login with " + provider_name, which we
 * can't change without rebuilding the binary — so we collapse the text
 * with font-size:0 and inject the new label via ::after.
 */
form[action="/auth/oidc"] button.button,
form[action="/auth/oidc"] button.button.button-outline {
  background: #CC0000 !important;
  color: #ffffff !important;
  border: 1px solid #CC0000 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  padding: 15px 30px !important;
  position: relative;
}
form[action="/auth/oidc"] button.button:hover,
form[action="/auth/oidc"] button.button.button-outline:hover {
  background: #2D2926 !important;
  border-color: #2D2926 !important;
  color: #ffffff !important;
}
form[action="/auth/oidc"] button.button img {
  display: none !important;
}
form[action="/auth/oidc"] button.button::after {
  content: "BU Login";
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #ffffff;
  line-height: 1.3;
}