/* styles_login.css - Custom styling for the login page */

.hero-img {
  object-fit: cover;
  object-position: center;
}

.hero-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.bg-login-side {
  background: linear-gradient(to right, #1e4b85, #3a6fa9) !important;
  color: white;
}

.bg-login-side .text-muted {
  color: #d1d5db !important;
  /* Lighter gray for dark background */
}

/* Custom round carousel indicators */
.carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  margin: 0 5px !important;
}

/* Custom login button */
.btn-login-custom {
  background-color: #1e4b85 !important;
  border-color: #1e4b85 !important;
  color: white !important;
}

.btn-login-custom:hover {
  background-color: #225598 !important;
  /* Slightly darker shade for hover */
  border-color: #225598 !important;
  color: white !important;
}

/* Add nice drop shadow to transparent logos */
.logo-shadow {
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
}

/* Background wrapper z-index */
.bg-wrapper {
  z-index: -1;
}

/* Minimum height for the login card row */
.login-card-row {
  min-height: 500px;
}

/* Carousel logo image styles */
.carousel-logo {
  height: 120px;
  width: auto;
  object-fit: contain;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 18px;
  /* Bingkai kotak melengkung halus */
}

/* Minimum height for carousel description text to prevent jumping */
.carousel-desc {
  min-height: 48px;
}