/* Validation styling for the booking form, and two inherited layout faults.
 *
 * The form's own plugin is gone, so its error styling went with it. These rules
 * match the styling the rest of the site's forms already use: dark red text at
 * the same size, and a red border on the offending field.
 */

.rsdr-field-error {
  color: rgb(153, 0, 0);
  font-size: 15.3px;
  line-height: 1.4;
  margin-top: 4px;
  display: block;
}

.rsdr-invalid {
  border-color: rgb(153, 0, 0) !important;
  outline: none;
}

.rsdr-booking-confirmation {
  padding: 22px 24px;
  border: 1px solid #e8e2df;
  border-radius: 6px;
  background: #faf7f6;
  font-family: Lato, sans-serif;
  font-size: 16px;
  color: #1e1810;
}
.rsdr-booking-confirmation p { margin: 0; }

/* --- Blog index pagination -------------------------------------------------
 * The blog listing plugin writes a literal <br> between every page number, so
 * the pager rendered as a vertical column of numbers instead of a row - it
 * looked broken at every width. The category, tag and search archives use
 * WordPress's own pager, which is already horizontal, so this brings the blog
 * index into line with them rather than inventing a third style.
 */
.bdpp-paging br,
.pagination br,
nav.navigation br { display: none !important; }

.bdpp-paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 34px 0 10px;
}

.bdpp-paging a,
.bdpp-paging span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #e8e2df;
  border-radius: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  text-decoration: none;
  /* The plugin styles these links white, expecting a dark bar behind them. On
     the white pills that made the page numbers invisible - only the current
     page and the ellipsis were readable - so the colour has to be forced. */
  color: #1e1810 !important;
  background: #fff;
}

.bdpp-paging a:hover { border-color: #ff7a3d; color: #ff7a3d !important; }

/* the current page, matching the orange pill the other archives use */
.bdpp-paging .current,
.bdpp-paging span.page-numbers.current {
  background: #ff7a3d;
  border-color: #ff7a3d;
  color: #fff !important;
  font-weight: 600;
}