/* ==========================================================================
   Buttons — Ultra Modern Dark
   ========================================================================== */

/* Primary Button */
.btn-primary,
.btn.btn-primary,
.btn-custom,
.btn-location,
input[type="submit"],
button[type="submit"] {
  background-color: var(--text-primary) !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: var(--radius-pill) !important;
  padding: 14px 28px !important;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--text-body);
  letter-spacing: 0.02em;
  min-height: 48px;
  cursor: pointer;
  transition: var(--transition) !important;
  text-transform: none;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: 1.4;
  display: inline-block;
  text-align: center;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.btn-custom:hover,
.btn-location:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: var(--accent-red) !important;
  color: #fff !important;
}

/* Secondary Button */
.btn-secondary,
.btn.btn-secondary,
.btn-white {
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--radius-pill) !important;
  padding: 14px 28px !important;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--text-body);
  transition: var(--transition) !important;
  min-height: 48px;
  display: inline-block;
  text-align: center;
}

.btn-secondary:hover,
.btn.btn-secondary:hover,
.btn-white:hover {
  background-color: var(--surface-elevated) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: var(--text-primary) !important;
}