/**
 * Product booking / add-ons / date selector box
 * (Migrated from Customizer Additional CSS — Phase 2 may move into booking plugins.)
 */

.cart {
  background-color: #fff;
  box-shadow:
    inset 10px 0 15px -10px rgba(0, 0, 0, 0.3),
    inset -10px 0 15px -10px rgba(0, 0, 0, 0.3);
  padding: 20px !important;
}

.wc-pao-addons-container,
#wc-bookings-booking-form,
.content-container {
  width: 100%;
}

form.cart.customize-unpreviewable {
  min-width: 400px;
}

h2.wc-pao-addon-heading {
  font-size: 16px;
}

h2.wc-pao-addon-name {
  font-size: 14px;
}

div.wc-pao-addon-description {
  font-size: 12px;
}

.wc-pao-addon-container input {
  padding: 0 8px;
  margin: 0;
}

.wc-pao-addon-wrap,
div.form-row.form-row-wide.wc-pao-addon-wrap {
  padding-left: 0;
  margin-top: 0;
}

div.form-row.form-row-wide.wc-pao-addon-wrap {
  font-size: 14px;
}

p.form-field.form-field-wide {
  width: 50%;
  float: left;
}

fieldset.wc-bookings-date-picker.wc-bookings-date-picker-booking.wc_bookings_field_start_date {
  width: 100%;
}

/* Bookable-but-unselectable dates */
td.ui-datepicker-unselectable.ui-state-disabled.not_bookable span.ui-state-default {
  background: var(--cs-blue-bookable, #2f69ae);
  color: #fff !important;
}

td.ui-datepicker-unselectable.ui-state-disabled.not_bookable.bookable span.ui-state-default {
  background: #999999;
}

@media screen and (max-width: 767px) {
  .productContentFullBlock {
    width: 100%;
    float: left !important;
    padding-left: 32px;
    padding-right: 32px;
  }

  .cart {
    width: 100% !important;
    float: left !important;
  }

  form.cart.customize-unpreviewable {
    min-width: 250px;
  }
}