/*
 * Mobox-specific branding, loaded on every page after the plugin's shared
 * css/style.css and (on the checkout page) css/checkout-style.css, which
 * read these same custom property names with Adams' colors/font as their
 * fallback defaults.
 */
:root {
  --slc-font-family: 'Kumbh Sans';
  --slc-hero-padding-x: 4vw;
  --slc-bg-tint: #fffbf5;
  --slc-bg-tint-alpha: #fffbf580;
  --slc-panel-bg: transparent;
  --slc-brand-color: #5e0659;
  --slc-brand-color-hover: #83067b;
  --slc-brand-color-active: #3f0339;
}

/* Unit-listing page: Mobox hides the shared space-calculator widget and
   uses a differently-structured one instead, so these selectors are
   redeclared wholesale rather than just swapping colors. */
.location_listing_page {
  margin-top: 0;
}
.facility_calculator_container {
  display: none;
}
.space_calculator_inside {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.space_calculator_text {
  margin: 0;
  padding: 0;
  margin-bottom: 0px !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #525252;
}
.space_calculator_btn {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  color: var(--slc-brand-color);
}
.space_calculator_btn:hover {
  color: var(--slc-brand-color);
  text-decoration: none;
}
.location_main_block input[type=number]::placeholder,
.location_main_block input[type=number] {
  letter-spacing: 0.2px;
}
.facility_book_btn {
  text-decoration: none;
}
.facility_book_btn:hover {
  color: #fff;
  text-decoration: none;
  background: var(--slc-brand-color-hover);
}
@media only screen and (max-width: 767px) {
  .facility_area_w_l.unit_title {
    font-size: 14px;
    line-height: 21px;
  }
}

/* One-off layout/typography differences that aren't simple color/font swaps. */
.c_hero_date_picker {
  background-color: #fff !important;
}
.cbf_terms_content h2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
}
.entry-content tr td {
  font-size: 12px !important;
}
table.cbf_table th {
  font-size: 13px !important;
}

/* Mobox hides the checkout hero banner entirely. */
.c_hero_section {
  display: none !important;
}