/* -----------------------------------------------------------------
   3. BUTTONS — squared, letter-spaced, fill-on-hover
   Covers theme buttons + MotoPress book / view-details / reserve.
   ----------------------------------------------------------------- */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.more-link,
.mphb-book-button,
.mphb-view-details-button,
.mphb-booking-form .mphb-reserve-btn,
.mphb_sc_search-form .mphb_sc_search-submit-button {
  display: inline-block;
  background-color: var(--lux-primary);
  border: 1px solid var(--lux-primary);
  color: #fff;
  border-radius: 2px;                 /* almost sharp = upscale */
  padding: 1em 2.4em;
  font-family: "Poppins", sans-serif;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  line-height: 1.4;
  transition: background-color .35s var(--lux-ease),
              border-color .35s var(--lux-ease),
              color .35s var(--lux-ease);
}

.button:hover,  .button:focus,
button:hover,   button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
.more-link:hover, .more-link:focus,
.mphb-book-button:hover, .mphb-book-button:focus,
.mphb-booking-form .mphb-reserve-btn:hover {
  background-color: var(--lux-accent);
  border-color: var(--lux-accent);
  color: #fff;
}

/* "View Details" reads as the quieter, secondary action: outline → fill */
.mphb-view-details-button {
  background-color: transparent;
  color: var(--lux-primary);
  border-color: var(--lux-primary);
}
.mphb-view-details-button:hover,
.mphb-view-details-button:focus {
  background-color: var(--lux-primary);
  color: #fff;
}