/* --- FibiMed skin override --- */

/* Logo: hide the original image, its box becomes a text mark instead */
.login-header img {
  display: none;
}
.login-header::after {
  content: "FibiMed";
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 600;
  color: #0d3b42;
  letter-spacing: .01em;
}

/* Headline: "Global" / "Messenger" -> replaced via JS below,
   this just restyles the container since the two lines collapse to one */
.title-container .main:nth-of-type(2) {
  margin-top: 0 !important;
}

/* Background carousel photos -> solid brand color instead of the falcon images */
.carousel .img,
.carousel .img1,
.carousel .img2,
.carousel .img3,
.carousel .img4,
.carousel .img5,
.carousel .img6 {
  background-image: none !important;
  background-color: #0d3b42 !important;
}

/* Footer credit line gets a bit more room for the longer attribution text */
.el-login-footer {
  line-height: 1.5;
  padding: 8px 0;
}

/* Hide the "Logging in to European server, switching to Asia / North America"
   line and its links — no dedicated class, so match on the inline style
   Vue renders it with, plus the shared .server-select class on both links */
span[style*="rgba(0, 0, 0, 0.45)"],
.server-select {
  display: none !important;
}