/* Dedicated property listing page */
.wpar-view--property-form {
  padding: 0;
}

.wpar-property-create {
  width: min(1180px, calc(100vw - 40px));
  margin: 32px auto 56px;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: calc(100vh - 150px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.wpar-property-create__sidebar {
  padding: 30px 22px;
  background: var(--field);
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}

.wpar-property-create__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.wpar-property-create__brand h1,
.wpar-property-create__header h2 {
  margin: 0;
  color: var(--ink);
  font-size: 25px;
  line-height: 1.2;
}

.wpar-property-create__brand p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.wpar-property-create__steps {
  position: relative;
  margin-top: 30px;
  display: grid;
  gap: 5px;
}

.wpar-property-create__steps::before {
  content: '';
  position: absolute;
  left: 17px;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: var(--line);
}

.wpar-property-create__steps button {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  padding: 10px 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.wpar-property-create__steps button > span {
  grid-row: 1 / span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.wpar-property-create__steps strong {
  align-self: end;
  color: var(--ink);
  font-size: 14px;
}

.wpar-property-create__steps small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.wpar-property-create__steps button:hover,
.wpar-property-create__steps button.is-active {
  background: var(--surface);
}

.wpar-property-create__steps button.is-active > span {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--accent-ink, #fff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
}

.wpar-property-create__steps button.is-active strong {
  color: var(--ink);
}

.wpar-property-create__tip {
  margin-top: auto;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}

.wpar-property-create__tip strong {
  font-size: 12px;
}

.wpar-property-create__tip p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}

.wpar-property-create__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface);
}

.wpar-property-create__header {
  min-height: 78px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--line);
}

.wpar-property-create__header h2 {
  font-size: 20px;
}

.wpar-property-page-form {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.wpar-property-page-form .wpar-form__body {
  width: min(760px, 100%);
  min-height: 0;
  margin: 0 auto;
  padding: 34px 30px 24px;
  display: block;
}

.wpar-property-page-form .wpar-listing-wizard {
  min-width: 0;
}

.wpar-property-page-form .wpar-wizard__step {
  min-width: 0;
}

.wpar-property-page-form .wpar-wizard__intro {
  margin-bottom: 24px;
}

.wpar-property-page-form .wpar-wizard__intro h3 {
  margin: 0 0 6px;
  font-size: 22px;
}

.wpar-property-page-form .wpar-wizard__intro p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.wpar-property-page-form .wpar-wizard__nav {
  width: min(760px, 100%);
  margin: auto;
  padding: 18px 30px 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid var(--line);
}

.wpar-property-page-form .wpar-wizard__nav-spacer {
  flex: 1;
}

.wpar-property-page-form .wpar-field-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-bottom: 16px;
}

.wpar-property-page-form .wpar-field-row > .wpar-field {
  min-width: 0;
}

.wpar-property-page-form .wpar-location-city-action-row {
  margin-top: -4px;
  margin-bottom: 16px;
}

.wpar-property-page-form .wpar-location-city-action {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.wpar-property-page-form .wpar-form__error {
  margin: 0 0 18px;
}

@media (max-width: 820px) {
  .wpar-property-create {
    width: min(100% - 20px, 760px);
    margin: 10px auto 30px;
    grid-template-columns: 1fr;
  }

  .wpar-property-create__sidebar {
    padding: 20px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .wpar-property-create__brand p,
  .wpar-property-create__tip {
    display: none;
  }

  .wpar-property-create__steps {
    margin-top: 18px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
  }

  .wpar-property-create__steps::before {
    left: 10%;
    right: 10%;
    top: 17px;
    bottom: auto;
    width: auto;
    height: 1px;
  }

  .wpar-property-create__steps button {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 0;
    text-align: center;
  }

  .wpar-property-create__steps button > span {
    width: 34px;
    height: 34px;
  }

  .wpar-property-create__steps strong {
    font-size: 10px;
  }

  .wpar-property-create__steps small {
    display: none;
  }

  .wpar-property-create__header {
    padding: 18px 20px;
  }

  .wpar-property-page-form .wpar-form__body {
    padding: 26px 20px 20px;
  }

  .wpar-property-page-form .wpar-wizard__nav {
    padding: 16px 20px 20px;
  }
}

@media (max-width: 520px) {
  .wpar-property-create__header h2 {
    font-size: 17px;
  }

  .wpar-property-create__header .wpar-button {
    padding-inline: 11px;
  }

  .wpar-property-create__steps strong {
    display: none;
  }
}

/* Property basics: equal-width controls and searchable property type. */
.wpar-property-page-form .wpar-property-basics-row,
.wpar-property-wizard-dialog .wpar-property-basics-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.wpar-searchable-select {
  position: relative;
  min-width: 0;
}

.wpar-searchable-select__input {
  padding-right: 38px !important;
}

.wpar-searchable-select::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 39px;
  width: 7px;
  height: 7px;
  border-right: 1px solid var(--muted);
  border-bottom: 1px solid var(--muted);
  transform: rotate(45deg);
  pointer-events: none;
}

.wpar-searchable-select__menu {
  position: absolute;
  z-index: 30;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  max-height: 260px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: none;
}

.wpar-searchable-select__option {
  display: block;
  width: 100%;
  padding: 10px 11px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}

.wpar-searchable-select__option:hover,
.wpar-searchable-select__option:focus {
  outline: none;
  background: var(--field);
}

.wpar-searchable-select__option[hidden] {
  display: none;
}

@media (max-width: 560px) {
  .wpar-property-page-form .wpar-property-basics-row,
  .wpar-property-wizard-dialog .wpar-property-basics-row {
    grid-template-columns: 1fr;
  }
}

/* Wizard consistency and theme-proof controls. */
.wpar-app .wpar-property-create input:not([type="checkbox"]):not([type="file"]),
.wpar-app .wpar-property-create select,
.wpar-app .wpar-property-create textarea,
.wpar-property-wizard-dialog .wpar-field input:not([type="checkbox"]):not([type="file"]),
.wpar-property-wizard-dialog .wpar-field select,
.wpar-property-wizard-dialog .wpar-field textarea {
  box-sizing: border-box;
  height: 44px !important;
  min-height: 44px !important;
  font: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  appearance: none;
  -webkit-appearance: none;
  color: var(--ink);
  background-color: var(--field);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.wpar-app .wpar-property-create select,
.wpar-property-wizard-dialog .wpar-field select { padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:12px 8px; }
.wpar-app .wpar-property-create input:not([type="checkbox"]):not([type="file"]),
.wpar-property-wizard-dialog .wpar-field input:not([type="checkbox"]):not([type="file"]) { box-shadow:none; }
.wpar-app .wpar-property-create input::placeholder,
.wpar-app .wpar-property-create textarea::placeholder,
.wpar-property-wizard-dialog .wpar-field input::placeholder,
.wpar-property-wizard-dialog .wpar-field textarea::placeholder { color:var(--muted); opacity:1; font-weight:400; }
.wpar-app .wpar-property-create input:focus,
.wpar-app .wpar-property-create select:focus,
.wpar-app .wpar-property-create textarea:focus,
.wpar-property-wizard-dialog .wpar-field input:focus,
.wpar-property-wizard-dialog .wpar-field select:focus,
.wpar-property-wizard-dialog .wpar-field textarea:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.wpar-searchable-select__input { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; background-size:12px 8px; }
.wpar-searchable-select::after { display:none; }
.wpar-searchable-select__group-label { padding:8px 11px 5px; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.wpar-searchable-select__option.is-highlighted { background:var(--field); }
.wpar-searchable-select__empty { padding:10px 11px; color:var(--muted); font-size:13px; }
.wpar-required-legend { margin:-12px 0 18px; color:var(--muted); font-size:12px; }
.wpar-field:has(> :required) > span::after { content:' *'; color:var(--danger,#b3261e); }
.wpar-property-page-form .wpar-wizard__step { padding:0; }
.wpar-property-page-form .wpar-wizard__nav { box-sizing:border-box; width:min(700px,calc(100% - 60px)); margin:auto; padding:18px 0 24px; }
.wpar-property-create__steps button:hover { background:var(--field); }
.wpar-property-create__steps button.is-active { background:var(--surface); }
.wpar-property-create__steps button.is-complete > span { border-color:#1f9d55; background:#1f9d55; color:#fff; font-size:0; }
.wpar-property-create__steps button.is-complete > span::before { content:'✓'; font-size:13px; color:#fff; }
.wpar-property-create__steps button[aria-disabled="true"] { color:var(--muted); opacity:.55; cursor:not-allowed; pointer-events:none; }
.wpar-location-details { margin-top:18px; border-top:1px solid var(--line); padding-top:14px; }
.wpar-location-details summary { cursor:pointer; color:var(--ink); font-size:13px; font-weight:600; }
.wpar-location-actions { display:flex; align-items:center; gap:10px; margin-top:8px; }
.wpar-location-actions small { color:var(--muted); }
.wpar-add-city-dialog { width:min(460px,calc(100vw - 32px)); max-height:calc(100vh - 48px); margin:auto; padding:0; border:1px solid var(--line); border-radius:14px; background:var(--surface); color:var(--ink); }
.wpar-add-city-dialog::backdrop { background:rgba(3,7,91,.45); }
.wpar-add-city-dialog__head { display:flex; align-items:flex-start; gap:16px; padding:20px 20px 0; }
.wpar-add-city-dialog__head > div { min-width:0; flex:1; }
.wpar-add-city-dialog__head h2 { margin:0; font-size:19px; line-height:1.25; }
.wpar-add-city-dialog__head p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.45; }
.wpar-add-city-dialog__body { padding:18px 20px 6px; }
.wpar-add-city-dialog__body .wpar-field { margin:0; }
.wpar-add-city-dialog__body small { display:block; margin-top:8px; color:var(--danger,#b3261e); }
.wpar-add-city-dialog__foot { display:flex; justify-content:flex-end; gap:8px; padding:14px 20px 20px; border-top:1px solid var(--line); }
@media (max-width:560px) { .wpar-add-city-dialog { width:calc(100vw - 20px); } .wpar-add-city-dialog__head,.wpar-add-city-dialog__body { padding-left:16px; padding-right:16px; } .wpar-add-city-dialog__foot { padding-left:16px; padding-right:16px; } }
.wpar-upload-message { color:var(--danger,#b3261e); font-size:12px; }
.wpar-dynamic-fields-empty { grid-column:1/-1; padding:14px; border:1px solid var(--line); border-radius:10px; background:var(--field); color:var(--muted); font-size:13px; }
.wpar-money-field { position:relative; }
.wpar-money-field > span { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:14px; pointer-events:none; z-index:1; }
.wpar-money-field > input { padding-left:48px !important; }
.wpar-review__edit { margin-top:7px; padding:0; border:0; background:none; color:var(--accent); font:inherit; font-size:11px; cursor:pointer; }
.wpar-review__photos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:10px; }
.wpar-review__photos img { width:100%; aspect-ratio:1; object-fit:cover; border:1px solid var(--line); border-radius:10px; }
.wpar-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:820px){.wpar-property-page-form .wpar-wizard__nav{width:calc(100% - 40px)}}