/*
 * BoostMasterPro Landing - Dark top/bottom, white middle, smooth login
 */

/* ============================================
   NAVBAR - Dark
   ============================================ */
body[data-spy="scroll"] .navbar-custom {
  background: #1a1e2e !important;
  border-bottom: 1px solid #2a3048;
}
body[data-spy="scroll"] .navbar-custom .navbar-nav .nav-link { color: #b0b7c5 !important; }
body[data-spy="scroll"] .navbar-custom .navbar-nav .nav-link:hover { color: #fff !important; }
body[data-spy="scroll"] .btn-outline-sm { border-color: #10b981 !important; color: #10b981 !important; }
body[data-spy="scroll"] .btn-outline-sm:hover { background: #10b981 !important; color: #fff !important; }
body[data-spy="scroll"] .navbar-toggler { border-color: #343a52 !important; }
body[data-spy="scroll"] .navbar-toggler .navbar-toggler-awesome { color: #b0b7c5; }

/* ============================================
   HERO HEADER - Dark
   ============================================ */
body[data-spy="scroll"] .header {
  background: linear-gradient(160deg, #1a1e2e 0%, #1e2540 50%, #1a1e2e 100%) !important;
}
body[data-spy="scroll"] .header h1 { color: #fff; }
body[data-spy="scroll"] .header .p-large { color: #c0c5d4; }

/* SVG wave - match transition to white middle */
body[data-spy="scroll"] > svg path { fill: #fff !important; }

/* ============================================
   LOGIN FORM - Smooth, modern, floating
   ============================================ */
body[data-spy="scroll"] .form-container {
  background: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 36px 32px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
}

body[data-spy="scroll"] .form-container .form-control {
  background: #f4f5f7 !important;
  border: 1px solid #e2e4e9 !important;
  color: #333 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  transition: all 0.2s ease !important;
}

body[data-spy="scroll"] .form-container .form-control:focus {
  background: #fff !important;
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

body[data-spy="scroll"] .form-container .form-control::placeholder { color: #999; }

body[data-spy="scroll"] .form-container label,
body[data-spy="scroll"] .form-container .checkbox label {
  color: #555 !important;
}

body[data-spy="scroll"] .form-container .checkbox a {
  color: #10b981 !important;
  text-decoration: none;
}

body[data-spy="scroll"] .form-container .btn-solid-lg {
  background: #10b981 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
}

body[data-spy="scroll"] .form-container .btn-solid-lg:hover {
  background: #059669 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3) !important;
}

body[data-spy="scroll"] .form-container p {
  color: #666;
}

body[data-spy="scroll"] .form-container p a {
  color: #10b981 !important;
  font-weight: 600;
  text-decoration: none;
}

body[data-spy="scroll"] .form-container .form-group {
  margin-bottom: 18px !important;
}

/* Sign up button outline in form area */
body[data-spy="scroll"] .form-container .btn-outline-sm,
body[data-spy="scroll"] .header .btn-outline-sm {
  border-radius: 12px !important;
}

/* ============================================
   FOOTER - Dark
   ============================================ */
body[data-spy="scroll"] .footer-bg,
body[data-spy="scroll"] .footer-sec {
  background: #1a1e2e !important;
  border-top: 1px solid #2a3048;
}
body[data-spy="scroll"] .footer-bg h4,
body[data-spy="scroll"] .footer-sec h4 { color: #f0f2f5 !important; }
body[data-spy="scroll"] .footer-bg .list-unstyled a,
body[data-spy="scroll"] .footer-sec .list-unstyled a { color: #b0b7c5 !important; text-decoration: none; }
body[data-spy="scroll"] .footer-bg .list-unstyled a:hover,
body[data-spy="scroll"] .footer-sec .list-unstyled a:hover { color: #34d399 !important; }
body[data-spy="scroll"] .footer-bg i,
body[data-spy="scroll"] .footer-sec i { color: #10b981; }

body[data-spy="scroll"] footer.copyright,
body[data-spy="scroll"] footer.footer {
  background: #151829 !important;
  border-top: 1px solid #2a3048;
  color: #7a8098;
}
body[data-spy="scroll"] .icon-container a { color: #b0b7c5 !important; text-decoration: none; }
body[data-spy="scroll"] .icon-container a:hover { color: #34d399 !important; }
/* Newsletter section - dark */
body[data-spy="scroll"] .subscriber {
  background: #1a1e2e !important;
  background-image: none !important;
}
body[data-spy="scroll"] .subscriber h2 { color: #fff !important; }
body[data-spy="scroll"] .subscriber p { color: #b0b7c5; }
body[data-spy="scroll"] .subscriber .form-control {
  background: #242940 !important;
  border: 1px solid #343a52 !important;
  color: #f0f2f5 !important;
  border-radius: 12px !important;
}
body[data-spy="scroll"] .subscriber .btn {
  background: #10b981 !important;
  border-color: #10b981 !important;
  border-radius: 12px !important;
}