/* ============================================================
   LOGIN PAGE BOXED LOGO (main logo on login form only)
   ============================================================ */

.background_cover img[src*="/auth/img/logo.png"],
.background_cover img[src*="/assets/auth/img/logo.png"],
.background_cover img[src$="/logo.png"] {
  display: block !important;
  margin: 18px auto !important;
  background: #ffffff !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.45) !important;
  max-width: 320px !important;
  width: auto !important;
  height: auto !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  background-clip: padding-box !important;
  z-index: 9999 !important;
}

/* Prevent distorted logos */
img[style*="width"], 
img[style*="height"] {
  width: 500px !important;
  height: auto !important;
  max-height: 180px !important;
  background: #ffffff !important;
  padding: 2px 2px !important;
  border-radius: 25px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.25) !important;
  margin-bottom: 25px;
}

/* Background overlay for login page */
.background_cover {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(6,14,30,0.85) !important;
  background-image: linear-gradient(145deg, rgba(6,14,30,0.95) 0%, rgba(15,35,65,0.9) 51%, rgba(10,25,45,0.85) 75%) !important;
  backdrop-filter: blur(4px) !important;
}

/* input styling */
.box_flex.box_padding { padding: 18px !important; }
.box_flex.box_padding .button {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
.offline_login_input {
  padding: 8px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 6px !important;
  color: #fff !important;
  width: 100% !important;
}
.offline_login_input::placeholder { color: rgba(255,255,255,0.8) !important; }

/* mobile logo adjustments */
@media (max-width:480px) {
  .background_cover img[src*="/auth/img/logo.png"],
  .background_cover img[src*="/assets/auth/img/logo.png"],
  .background_cover img[src$="/logo.png"] {
    max-width: 220px !important;
    padding: 10px 12px !important;
    margin: 12px auto !important;
  }
  img[style*="width"], img[style*="height"] { max-height: 120px !important; }
}

/* --- Desktop login spacing fix --- */
@media (min-width: 1024px) {
  .box_flex.box_padding { padding-top: 10px !important; padding-bottom: 10px !important; }
  .background_cover { background-position: center top !important; }

  html, body {
    overflow-y: hidden !important;
    height: 100% !important;
  }

  @media (max-height: 700px) {
    html, body { overflow-y: auto !important; }
  }
}

/* allow scrolling on mobile */
@media (max-width: 1023px) {
  html, body { overflow-y: auto !important; }
}

/* ============================================================
   HOME PAGE HEADER LOGO (after login)
   ============================================================ */

body .header img,
body .navbar img {
  max-height: 40px !important;
  height: auto !important;
  padding: 6px 8px !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

/* small screen header logo */
@media (max-width: 480px) {
  body .header img,
  body .navbar img {
    max-height: 34px !important;
    padding: 4px 6px !important;
  }
}

/* fixed navbar logo height control */
.site-logo,
.navbar-brand img,
.header-logo img,
.logo img,
.brand img,
.logo-img,
img.header-logo,
img.site-logo {
  height: 80px !important;
  max-height: 80px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block;
}

/* padding for header containers */
.navbar, .main-header, header, .topbar {
  min-height: 80px;
  align-items: center;
}

.header-logo, .navbar-brand { padding: 6px 12px; }

/* ============================================================
   LOGIN PAGE CUSTOM FIXES (your requirements)
   ============================================================ */

/* 1. REMOVE the login-page top header logo */
.background_cover + div img[src*="logo"] {
  display: none !important;
}

/* 2. REMOVE dotted divider line */
.background_cover + div {
  border: none !important;
  box-shadow: none !important;
}

/* 3. CENTER "Cybergym Labs" text */
.background_cover + div * {
  float: none !important;
  text-align: center !important;
  margin: 0 auto !important;
  font-weight: 500 !important;
  font-size: 2rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}