/* Ladidu high-priority overrides loaded after Tailwind and website bundles */

/* Reduce white space below navbar on public pages */
.hero-section {
  padding-top: 1.5rem !important;
  padding-bottom: 3rem !important;
}

.page-content-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Auth pages (signup, login, forgot-pin) - reduce top spacing */
.ladidu-signup-container,
.ladidu-login-container,
.ladidu-forgot-container {
  margin-top: 1.5rem !important;
}

/* Override Frappe's InterVariable font to prevent render blocking */
/* Force font-display: swap so text is visible immediately */
@font-face {
  font-family: 'InterVariable';
  font-display: swap;
  src: local('Inter'), local('InterVariable');
}

@font-face {
  font-family: 'Inter';
  font-display: swap;
  src: local('Inter');
}

/* Use system fonts as fallback while Inter loads */
body, html, .frappe-control, .form-control, input, button, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Inter', 'InterVariable', sans-serif !important;
}

/* Force navbar visibility on desktop */
@media (min-width: 992px) {
  .navbar-collapse,
  .navbar-collapse.collapse,
  .collapse:not(.show) {
    display: flex !important;
    flex-basis: auto !important;
    visibility: visible !important;
  }
  .navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }
  .navbar-nav .nav-item {
    display: block !important;
  }
  .navbar-nav .nav-link {
    display: block !important;
    color: #133650 !important;
    font-weight: 500;
    padding: 0.5rem 1rem !important;
  }
  .navbar-nav .nav-link:hover {
    color: #ff9f1c !important;
    text-decoration: none;
  }
}

/* Daftar button - outlined style */
.navbar .nav-link-login {
  border: 1px solid #133650 !important;
  border-radius: 6px !important;
  padding: 0.4rem 1.25rem !important;
  color: #133650 !important;
  background-color: transparent !important;
}
.navbar .nav-link-login:hover {
  background-color: #f8f9fa !important;
}

/* Masuk button - filled style */
.navbar .nav-link-signup {
  background-color: #133650 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 0.4rem 1.25rem !important;
  border: 1px solid #133650 !important;
}
.navbar .nav-link-signup:hover {
  background-color: #0f2a3f !important;
  color: #ffffff !important;
}

/* Signup title */
.ladidu-signup-container h2.page-title {
  color: #133650 !important; /* prussian blue */
  font-weight: 700 !important;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 10px; /* spacing to subtitle */
}

/* Signup container border/shadow (ensure visible) */
.ladidu-signup-container,
div.ladidu-signup-container {
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 30px !important;
  max-width: 400px !important;
  width: 100% !important;
}

/* Step indicator spacing under title */
.ladidu-signup-container .step-indicator {
  margin-top: 2px;
  margin-bottom: 14px; /* spacing from inputs */
}

/* Form buttons (CTA) */
.btn-primary-ladidu,
button.btn-primary-ladidu {
  background-color: #133650 !important; /* prussian blue */
  border-color: #133650 !important;
  color: #ffffff !important;
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #133650;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-primary-ladidu:hover,
button.btn-primary-ladidu:hover {
  background-color: #0f2a3f !important;
  border-color: #0f2a3f !important;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(19, 54, 80, 0.2);
}

/* Ensure auth help link stays orange */
.auth-help a,
.auth-help p a,
.auth-help a.link-orange {
  color: #ff9f1c !important; /* orange-peel */
  font-weight: 600;
}
.auth-help a:hover,
.auth-help p a:hover,
.auth-help a.link-orange:hover {
  text-decoration: underline;
}