:root {
  --fp-floorswitcher-item-active-bg: var(--color-brand-secondary);
}

.buttonSecondary,
.buttonWithText {
  font-size: 0.9rem;
  font-family: var(--font-accent);
}

.buttonSecondary:hover {
  box-shadow: var(--button-hover-shadow);
  background-color: var(--button-secondary-hover-bg);
  color: var(--button-secondary-hover-text);
}

.buttonPrimary.buttonWithText {
  padding: 13px 26px;
  font-family: var(--font-accent-regular);
  text-transform: capitalize;
}

h1 {
  font-family: var(--font-base);
  font-size: 2.7em;
  text-shadow: 0 0 10px black;
}

h3 {
  font-family: var(--font-base);
  font-size: 1.5em;
}

p {
  font-family: var(--font-accent);
}

.page__left .property-details .property-details-item {
  font-size: 0.9rem;
}

.property-details img {
  width: 40px;
}

div[data-type="checkbox"] .acf-label label,
div[data-type="radio"] .acf-label label {
  font-weight: 400;
  margin-bottom: 0.75rem;
  font-size: 1.5em;
  color: var(--form-title);
  font-family: var(--font-base);
}

.enquire-form-title {
  font-family: var(--font-base);
  font-size: 2em;
}

.enquire-form-fields ul {
  padding-left: 0.5rem;
}

.enquire-form-content button[type="submit"] {
  font-family: var(--font-accent);
  margin-top: 1rem;
  background-color: var(--button-primary-bg);
}

.enquire-form-subtitle {
  margin-bottom: 1rem;
}

.enquire-form textarea {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid lightgray;
}

.menuContainer .menuTop .topMenuLogo {
  width: 30%;
}

.menu-item.current-menu-item a {
  color: var(--menu-item-active-text) !important;
}

.enquire-form label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5em;
  color: var(--color-brand-primary);
  font-family: var(--font-accent);
}

.enquire-form ul li label {
  font-family: var(--font-accent);
  font-weight: 300;
  color: var(--color-brand-primary);
  font-size: max(0.85rem, 13px);
}

.page__left .logo__image {
  max-width: 110px;
}

.menuContainer {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.slideNumber {
  font-weight: 700;
}

#radarPath {
  transform: scale(0.3);
  transform-origin: center center;
}

.page__top div.js-enquire-form-trigger {
  background-color: var(--color-brand-secondary) !important;
  color: var(--color-brand-primary);
  box-shadow: var(--button-hover-shadow);
}

.page__top div.js-enquire-form-trigger:hover {
  background-color: var(--color-brand-primary) !important;
  color: var(--color-brand-secondary) !important;
  box-shadow: 0 0 0 4px var(--color-white-transparent);
}

.floorSwitcherTrack {
  gap: 8px;
  padding: 3px;
  background: var(--switcher-bg, #000);
  border-radius: 1rem;
  border-radius: var(--button-primary-border-radius);
  border: 1px solid white;
}

body.hasHover .floorSwitcherItem:hover {
  color: var(--color-brand-primary) !important;
  box-shadow: none;
  background: var(--color-brand-secondary-90);
}

.floorSwitcherItem {
  font-size: max(0.8rem, 12px);
  font-family: var(--font-accent);
}

.floorSwitcherItem.active {
  pointer-events: none;
  box-shadow: none;
}

.headerProjectTitle,
.slideTitleItemActive,
.unitsControl .legend .spec .statusValue {
  font-family: var(--font-accent);
}

.page__left .property-details {
  font-family: var(--font-accent);
}

/* ----------------------------------- */

.switcher__container {
  font-family: var(--font-accent);
}

input[type="checkbox"],
input[type="radio"] {
  border: 1.5px solid var(--control-border) !important;
}

input[type="checkbox"]:not(.circle):checked {
  box-shadow: 0 1px 5px var(--control-shadow);
}

.mainMenu .menu-item a {
  font-family: var(--font-accent);
}

.unitsControl .legend .spec > div {
  font-family: var(--font-accent) !important;
}

.unitsControl .legend .spec > div:nth-child(2) > div:last-child {
  color: var(--color-brand-secondary) !important;
  font-size: max(0.9rem, 14px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04rem;
}

.switcher .switcherNumber {
  font-size: max(2rem, 24px);
  font-weight: 600;
  font-family: var(--font-base);
  color: var(--color-brand-secondary);
}

/* ------------------------------ */

#radarPath {
  transform: scale(0.3);
  transform-origin: center center;
}

body.hasHover .unitsContainer #units > *:hover path,
body.hasHover .unitsContainer #units > *:hover rect {
  fill-opacity: 0.8;
  opacity: 1;
}

g path[id*="parking"],
g rect[id*="parking"] {
  fill-opacity: 0.05;
  pointer-events: none !important;
}

div.masterplan-popup-value,
div.masterplan-popup-value {
  font-family: var(--font-accent);
}

div.floorplan-popup-label,
div.masterplan-popup-label {
  font-size: 0.75rem;
  font-family: var(--font-base);
}

div[data-theme="floorplan"] .tippy-content {
  display: none !important;
}

.unitsControl .legend {
  overflow-y: hidden !important;
}

.filterTitle {
  font-family: var(--font-base);
}

.filters {
  font-family: var(--font-accent);
}

.floorSwitcherItem.active {
  color: var(--color-brand-primary) !important;
}

.tippy-box[data-theme~="floorplan"][data-placement^="top"]
  > .tippy-arrow::before,
.tippy-box[data-theme~="floorplan"][data-placement^="bottom"]
  > .tippy-arrow::before,
.tippy-box[data-theme~="floorplan"][data-placement^="left"]
  > .tippy-arrow::before,
.tippy-box[data-theme~="floorplan"][data-placement^="right"]
  > .tippy-arrow::before {
  display: none !important;
}

.floorplanContainer::before {
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 2 !important;
  background-image:
    linear-gradient(
      to right,
      rgba(15, 12, 11, 0.85) 0%,
      rgba(15, 12, 11, 0.85) 100%
    ),
    url(https://pacific-collective.visionpitch.com.au/wp-content/uploads/images/executive-background-image.webp) !important;
}

/* --------------------------- */

@media screen and (min-width: 992px) {
  .enquire-form label {
    font-size: max(0.85rem, 13px);
  }
}

/* -------------------- */

@keyframes pulseBoxShadow {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
