/* Loaded after style.css / responsive.css. Holds only what the switch to
   Wedrivit bookings adds, so the legacy stylesheets stay verbatim copies of the
   PHP site. */

/* Primary call to action, in the gold accent of style.css: it is the only
   booking entry point left, so it must not read as a secondary button. */
.bouton_wedrivit {
  background: rgb(160, 149, 106);
  border-color: rgb(160, 149, 106);
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
}

.bouton_wedrivit:hover {
  background: rgb(140, 129, 88);
  border-color: rgb(140, 129, 88);
  color: white;
}

/* The pair under the price table. The label is long, so the reserve button
   takes the wider share to stay on one line; flex centring keeps both boxes the
   same height whatever their number of lines. */
.boutons_location .bouton_wedrivit,
.boutons_location .bouton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
}

.boutons_location .bouton_wedrivit {
  width: 57%;
}

.boutons_location .bouton {
  width: 40%;
}

/* Booking block lower on the page, where the reservation form used to be. */
#formulaire_reservation .bouton_wedrivit {
  display: block;
  width: 100%;
  margin-top: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
}

@media screen and (max-width: 900px) {
  .boutons_location .bouton_wedrivit,
  .boutons_location .bouton {
    width: 100%;
  }

  .boutons_location .bouton_wedrivit {
    margin-bottom: 15px;
  }
}