/* ============================================================
   BUTTONS — BootstrapERA Theme
   Consistent brand buttons, slightly rounded, strong type.
   ============================================================ */

/* Base button style */
.btn {
  border-radius: 0.375rem; /* slightly rounded (6 px) */
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
  transition: all .15s ease-in-out;
}

/* Brand Red (Primary) */
.btn-era {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--era-red);
  --bs-btn-border-color: var(--era-red);
  --bs-btn-hover-bg: #c80026;
  --bs-btn-hover-border-color: #c80026;
  --bs-btn-active-bg: #b00022;
  --bs-btn-active-border-color: #b00022;
  margin-left: 5px;
}

/* Navy */
.btn-navy {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--era-navy);
  --bs-btn-border-color: var(--era-navy);
  --bs-btn-hover-bg: #0f194f;
  --bs-btn-hover-border-color: #0f194f;
}

/* Outline Putty */
.btn-outline-putty {
  --bs-btn-color: var(--era-dark-putty);
  --bs-btn-border-color: var(--era-dark-putty);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--era-dark-putty);
  --bs-btn-hover-border-color: var(--era-dark-putty);
}

/* Secondary / neutral actions */
.btn-light {
  font-weight: 500;
  border-radius: 0.375rem;
}



/* ============================================================
   Button Hover Overrides — Theme-specific button states
   ============================================================ */

/* Custom brand button hover states */
.btn-era:hover,
.btn-era:focus {
  --bs-btn-hover-color: #fff;
  color: #fff;
}

.btn-navy:hover,
.btn-navy:focus {
  --bs-btn-hover-color: #fff;
  color: #fff;
}

.btn-outline-putty:hover,
.btn-outline-putty:focus {
  --bs-btn-hover-color: #fff;
  color: #fff;
}

/* Ensure .btn-light maintains Bootstrap defaults */
.btn-light:hover,
.btn-light:focus {
  /* Let Bootstrap handle this - no override */
}