/* Conf plugin: keep booking form contained and avoid affecting footer width */
#conf-booking-form {
  max-width: 980px;
  margin: 0 auto 2.5rem;
  box-sizing: border-box;
}

/* Ensure total is prominent but doesn't break layout */
#conf-booking-form #conf-total {
  font-weight: 700;
}

/* Prevent plugin styles from unintentionally constraining footer area */
footer, .site-footer, #colophon {
  width: 100% !important;
  max-width: 100% !important;
}

/* (Optional) make sure button appearance doesn't break theme */
#conf-booking-form .button {
  display: inline-block;
}
/* Booking form container */
#conf-booking-form {
  max-width: 980px;
  margin: 0 auto 2.5rem;
  box-sizing: border-box;
  background: #fff;
  padding: 18px;
  border-radius: 6px;
  border: 1px solid #efefef;
}

/* Catering qty field */
.conf-catering-item .conf-catering-qty {
  display: inline-block;
  width: 70px;
  margin-left: .6rem;
  padding: 6px;
}

/* Total styling and subtle animation */
#conf-booking-form #conf-total {
  font-weight: 700;
  color: #0a66a3;
  transition: color .18s ease;
}

/* visual emphasis when updating */
#conf-booking-form[data-conf-total-changing="true"] #conf-total {
  color: #0073aa;
}

/* make sure footer stays full width */
footer, .site-footer, #colophon {
  width: 100% !important;
  max-width: 100% !important;
}

/* minor responsive */
@media (max-width:720px) {
  #conf-booking-form { padding: 12px; }
  .conf-catering-item { display:block; margin-bottom:.5rem; }
}