/* ======= SBU Admin Custom Branding ======= */

:root {
  --sbu-red: #990000;
  --sbu-black: #000000;
  --sbu-dark-red: #6B000D;
  --sbu-navy-blue: #002244;
  --sbu-bright-red: #D52027;
  --sbu-royal-blue: #00549A;
  --sbu-dark-gray: #4B4B4B;
  --sbu-turquoise: #1791AD;
  --sbu-medium-gray: #828282;
  --sbu-pear: #F1EA86;
  --sbu-light-gray: #BEBEBE;
  --sbu-celery: #BCCF9D;
  --sbu-forest-green: #104247;
  --sbu-cream: #F8F2C5;
  --sbu-bg-gradient: linear-gradient(70deg, #990000, #6B000D);
}

body {
  background: url('../images/SBU-PRISM-Full-RGB-white.svg');
}

.sbu-header {
  text-align: center;
  padding: 1em 0 0.5em 0;
}

.sbu-logo {
  max-width: 300px;
  height: auto;
}

.sbu-subtitle {
  font-family: "Arial", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #6B000D;
  margin-top: 0.25em;
}

/* Optional: light visual polish */
.signonMain {
  border-top: 5px solid #990000;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
/* === Stony Brook Red Gradient Header Strip === */
.signonMain:before {
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(to right, #990000, #6B000D);
  border-radius: 0.25em 0.25em 0 0;
}

.pserror .signonMain {
 background: transparent !important;
}

/* Sign In Button (Primary Red) */
input[type="submit"].ps-button {
  background-color: var(--sbu-red);
  border: 1px solid var(--sbu-dark-red);
  color: #ffffff;
  font-weight: bold;
  box-shadow: none;
  text-shadow: none;
  transition: background-color 0.2s ease;
}

input[type="submit"].ps-button:hover,
input[type="submit"].ps-button:focus {
  background-color: var(--sbu-dark-red);
  border-color: #000000;
  outline: 2px dotted #000000;
  outline-offset: -2px;
}

/* Add to Favorites Button (Navy Blue) */
input[type="button"].ps-button {
  background-color: var(--sbu-royal-blue);
  border: 1px solid #000;
  color: #ffffff;
  font-weight: bold;
  padding: 0.3em 1.5em;
  width: auto;
  text-shadow: none;
  box-shadow: none;
  transition: background-color 0.2s ease;
}

input[type="button"].ps-button:hover {
  background-color: var(--sbu-navy-blue);
  border-color: #000;
}

/* === Important Notice Styling === */
.psloginerror strong {
  font-size: 1.1em;
}