/*
 * Property page in the design of the previous rentaciti.com (MotoPress + Blocksy child theme):
 * each section is a soft card with a small bold title and line icon, details and amenities are
 * plain two-column lists, and colours come from the Blocksy palette. Loaded after the
 * connector's single-property styles, on property pages only.
 */

.hostaway-single-property {
  --hlt-card-border: var(--theme-palette-color-5, #e9e9e9);
  --hlt-heading: var(--theme-palette-color-4, #2a2a2a);
  --hlt-text: var(--theme-text-color, #4e4e4e);
  --hlt-icon-details: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3337 18.3331L1.66699 18.3331' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M1.66699 9.1664L8.43859 3.74912C9.35163 3.01868 10.649 3.01868 11.5621 3.74912L18.3337 9.1664' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M12.917 4.58333V2.91667C12.917 2.68655 13.1035 2.5 13.3337 2.5H15.417C15.6471 2.5 15.8337 2.68655 15.8337 2.91667V7.08333' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M3.33301 18.3335V7.91687' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M16.667 18.3335V7.91687' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M12.5 18.3335V14.1669C12.5 12.9884 12.5 12.3991 12.1339 12.033C11.7678 11.6669 11.1785 11.6669 10 11.6669C8.82149 11.6669 8.23223 11.6669 7.86612 12.033C7.5 12.3991 7.5 12.9884 7.5 14.1669V18.3335' stroke='%230E0E0E' stroke-width='1.25'/%3E%3Cpath d='M11.6663 7.91667C11.6663 8.83714 10.9201 9.58333 9.99967 9.58333C9.0792 9.58333 8.33301 8.83714 8.33301 7.91667C8.33301 6.99619 9.0792 6.25 9.99967 6.25C10.9201 6.25 11.6663 6.99619 11.6663 7.91667Z' stroke='%230E0E0E' stroke-width='1.25'/%3E%3C/svg%3E");
  --hlt-icon-amenities: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.28829 5.85209C9.60495 5.28403 9.76328 5 10 5C10.2367 5 10.395 5.28403 10.7117 5.85209L10.7936 5.99906C10.8836 6.16048 10.9286 6.2412 10.9988 6.29445C11.0689 6.34771 11.1563 6.36748 11.331 6.40701L11.4901 6.44301C12.105 6.58214 12.4125 6.6517 12.4856 6.88693C12.5588 7.12216 12.3492 7.36727 11.93 7.85748L11.8215 7.98431C11.7024 8.12361 11.6428 8.19326 11.616 8.27943C11.5892 8.3656 11.5982 8.45853 11.6163 8.64439L11.6327 8.8136C11.696 9.46765 11.7277 9.79468 11.5362 9.94005C11.3447 10.0854 11.0568 9.95289 10.4811 9.68779L10.3321 9.61921C10.1685 9.54388 10.0867 9.50621 10 9.50621C9.91329 9.50621 9.83148 9.54388 9.66787 9.61921L9.51892 9.68779C8.94317 9.95289 8.65529 10.0854 8.46379 9.94005C8.27228 9.79468 8.30397 9.46765 8.36735 8.8136L8.38375 8.64439C8.40176 8.45853 8.41076 8.3656 8.38397 8.27943C8.35717 8.19326 8.29761 8.12361 8.17848 7.98431L8.07002 7.85748C7.65081 7.36727 7.44121 7.12216 7.51436 6.88693C7.5875 6.6517 7.89496 6.58214 8.50988 6.44301L8.66897 6.40701C8.84371 6.36748 8.93108 6.34771 9.00124 6.29445C9.07139 6.2412 9.11638 6.16048 9.20637 5.99906L9.28829 5.85209Z' stroke='%230E0E0E' stroke-width='1.25'/%3E%3Cpath d='M15.8337 7.5002C15.8337 10.7219 13.222 13.3335 10.0003 13.3335C6.77866 13.3335 4.16699 10.7219 4.16699 7.5002C4.16699 4.27854 6.77866 1.66687 10.0003 1.66687C13.222 1.66687 15.8337 4.27854 15.8337 7.5002Z' stroke='%230E0E0E' stroke-width='1.25'/%3E%3Cpath d='M10.0003 13.3899L6.85745 16.644C6.40735 17.11 6.1823 17.3431 5.99171 17.4237C5.55742 17.6074 5.07568 17.4502 4.84722 17.0501C4.74697 16.8746 4.71573 16.5579 4.65324 15.9246C4.61797 15.567 4.60033 15.3882 4.54678 15.2384C4.42692 14.9032 4.17504 14.6424 3.85125 14.5182C3.70661 14.4628 3.53393 14.4445 3.18857 14.408C2.57688 14.3433 2.27104 14.311 2.10148 14.2072C1.71509 13.9706 1.56322 13.4718 1.74068 13.0222C1.81856 12.8248 2.04361 12.5918 2.49371 12.1258L4.54678 10' stroke='%230E0E0E' stroke-width='1.25'/%3E%3Cpath d='M9.99968 13.3899L13.1426 16.644C13.5927 17.11 13.8177 17.3431 14.0083 17.4237C14.4426 17.6074 14.9243 17.4502 15.1528 17.0501C15.253 16.8746 15.2843 16.5579 15.3468 15.9246C15.382 15.567 15.3997 15.3882 15.4532 15.2384C15.5731 14.9032 15.825 14.6424 16.1488 14.5182C16.2934 14.4628 16.4661 14.4445 16.8114 14.408C17.4231 14.3433 17.729 14.311 17.8985 14.2072C18.2849 13.9706 18.4368 13.4718 18.2593 13.0222C18.1814 12.8248 17.9564 12.5918 17.5063 12.1258L15.4532 10' stroke='%230E0E0E' stroke-width='1.25'/%3E%3C/svg%3E");
  --hlt-icon-terms: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 3.33484C15.1459 3.34493 16.1274 3.4253 16.7678 4.06562C17.5 4.79786 17.5 5.97637 17.5 8.33339V13.3334C17.5 15.6904 17.5 16.8689 16.7678 17.6012C16.0355 18.3334 14.857 18.3334 12.5 18.3334H7.5C5.14298 18.3334 3.96447 18.3334 3.23223 17.6012C2.5 16.8689 2.5 15.6904 2.5 13.3334V8.33339C2.5 5.97637 2.5 4.79786 3.23223 4.06562C3.87255 3.4253 4.85414 3.34493 6.66667 3.33484' stroke='%230E0E0E' stroke-width='1.25'/%3E%3Cpath d='M5.8335 12.0834H12.5002' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M5.8335 15H10.4168' stroke='%230E0E0E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M6.6665 2.91663C6.6665 2.22627 7.22615 1.66663 7.9165 1.66663H12.0832C12.7735 1.66663 13.3332 2.22627 13.3332 2.91663V3.74996C13.3332 4.44032 12.7735 4.99996 12.0832 4.99996H7.9165C7.22615 4.99996 6.6665 4.44032 6.6665 3.74996V2.91663Z' stroke='%230E0E0E' stroke-width='1.25'/%3E%3C/svg%3E");
  --hlt-icon-availability: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66699 10.0002C1.66699 6.85747 1.66699 5.28612 2.6433 4.30981C3.61961 3.3335 5.19096 3.3335 8.33366 3.3335H11.667C14.8097 3.3335 16.381 3.3335 17.3573 4.30981C18.3337 5.28612 18.3337 6.85747 18.3337 10.0002V11.6668C18.3337 14.8095 18.3337 16.3809 17.3573 17.3572C16.381 18.3335 14.8097 18.3335 11.667 18.3335H8.33366C5.19096 18.3335 3.61961 18.3335 2.6433 17.3572C1.66699 16.3809 1.66699 14.8095 1.66699 11.6668V10.0002Z' stroke='black' stroke-width='1.25'/%3E%3Cpath d='M15.0003 13.3332L13.3337 13.3332M13.3337 13.3332L11.667 13.3332M13.3337 13.3332L13.3337 11.6665M13.3337 13.3332L13.3337 14.9998' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M5.83301 3.3335V2.0835' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M14.167 3.3335V2.0835' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M2.08301 7.5H17.9163' stroke='black' stroke-width='1.875' stroke-linecap='round'/%3E%3C/svg%3E");
  --hlt-icon-address: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99984 18.3334C6.07147 18.3334 4.10728 18.3334 2.88689 17.113C1.6665 15.8926 1.6665 13.9284 1.6665 10C1.6665 6.07165 1.6665 4.10746 2.88689 2.88708C4.10728 1.66669 6.07147 1.66669 9.99984 1.66669C13.9282 1.66669 15.8924 1.66669 17.1128 2.88708C18.3332 4.10746 18.3332 6.07165 18.3332 10C18.3332 13.9284 18.3332 15.8926 17.1128 17.113C15.8924 18.3334 13.9282 18.3334 9.99984 18.3334Z' stroke='%231C274C' stroke-width='1.3'/%3E%3Cpath d='M4.5835 7.29768C4.5835 5.79854 5.88933 4.58325 7.50016 4.58325C9.11099 4.58325 10.4168 5.79854 10.4168 7.29768C10.4168 8.78507 9.48593 10.5207 8.03352 11.1414C7.69494 11.2861 7.30538 11.2861 6.9668 11.1414C5.5144 10.5207 4.5835 8.78507 4.5835 7.29768Z' stroke='%231C274C' stroke-width='1.3'/%3E%3Cpath d='M11.6669 11.6665L17.0835 17.0832M11.6669 11.6665L5.32861 18.0048M11.6669 11.6665L18.0058 5.32758' stroke='%231C274C' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M8.33317 7.50002C8.33317 7.96026 7.96007 8.33335 7.49984 8.33335C7.0396 8.33335 6.6665 7.96026 6.6665 7.50002C6.6665 7.03978 7.0396 6.66669 7.49984 6.66669C7.96007 6.66669 8.33317 7.03978 8.33317 7.50002Z' fill='%231C274C'/%3E%3C/svg%3E");
  --hlt-icon-check: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.3999 10.8L7.59992 14L15.6 6' stroke='%23037698' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --hlt-icon-close: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6.00003L6 14M5.99997 6L13.9999 14' stroke='%234E4E4E' stroke-linecap='round'/%3E%3C/svg%3E");
  color: var(--hlt-text);
}

/* ── Title block ─────────────────────────────────────────────────────── */

.hostaway-single-property .property-header {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 8px;
}

.hostaway-single-property .property-header .property-title {
  color: var(--hlt-heading);
  font-size: 32px;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.hostaway-single-property .property-meta-bar {
  gap: 8px;
}

.hostaway-single-property .property-meta-bar .meta-item {
  padding: 2px 10px;
  border: 1px solid var(--hlt-card-border);
  border-radius: 8px;
  font-size: 14px;
}

/* ── Sections as cards ───────────────────────────────────────────────── */

.hostaway-single-property .property-main-content > .property-section {
  margin: 32px 0 0;
  padding: 20px;
  border: 1px solid var(--hlt-card-border);
  border-radius: 16px;
  box-shadow: rgba(139, 183, 196, 0.1) 0 4px 24px 0;
}

/* The description is plain text under the title, as before; related apartments stay a carousel. */
.hostaway-single-property .property-main-content > #overview,
.hostaway-single-property .property-main-content > #related-properties {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hostaway-single-property .property-main-content > #overview {
  margin-top: 16px;
}

.hostaway-single-property #overview > .hostaway-section__title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.hostaway-single-property .property-section > .hostaway-section__title {
  margin: 0 0 14px;
  color: var(--hlt-heading);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.hostaway-single-property :is(#details, #amenities, #house-rules, #policies, #availability-calendar, #location, #rooms) > .hostaway-section__title {
  padding: 4px 0 4px 32px;
  background: var(--hlt-icon-details) no-repeat 0 30%;
}

.hostaway-single-property #amenities > .hostaway-section__title { background-image: var(--hlt-icon-amenities); }
.hostaway-single-property :is(#house-rules, #policies) > .hostaway-section__title { background-image: var(--hlt-icon-terms); }
.hostaway-single-property #availability-calendar > .hostaway-section__title { background-image: var(--hlt-icon-availability); }
.hostaway-single-property #location > .hostaway-section__title { background-image: var(--hlt-icon-address); }

.hostaway-single-property #related-properties > .hostaway-section__title {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
}

/* The connector sets .property-section h3 { font-weight: 500 !important }. */
.hostaway-single-property #policies .hostaway-heading--sm {
  margin: 0 0 4px;
  color: var(--hlt-heading);
  font-size: 16px;
  font-weight: 700 !important;
}

/* The connector greys every paragraph (.hostaway-single p); body text was #4e4e4e before. */
.hostaway-single-property .description-content,
.hostaway-single-property .property-description,
.hostaway-single-property .property-main-content p:not([class*="muted"]) {
  color: var(--hlt-text);
}

/* The calendar is already inside the section card. */
.hostaway-single-property #availability-calendar .availability-calendar-wrapper {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.hostaway-single-property #policies .cancellation-policy + * {
  margin-top: 14px;
}

/* ── Listing details: "Label: value" in two columns ──────────────────── */

.hostaway-single-property .hlt-details__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}

.hostaway-single-property .hlt-details__row,
.hostaway-single-property .hlt-details__row--wide {
  display: block;
  flex: 1 1 45%;
  min-width: 16em;
  padding: 0;
  border: 0;
}

.hostaway-single-property .hlt-details__row dt,
.hostaway-single-property .hlt-details__row dd {
  display: inline;
  margin: 0;
  opacity: 1;
  text-align: left;
}

.hostaway-single-property .hlt-details__row dt { font-weight: 700; }
.hostaway-single-property .hlt-details__row dt::after { content: ':'; }
.hostaway-single-property .hlt-details__row dd { margin-left: .25em; font-weight: 400; }

/* ── Amenities and house rules: two-column checklists ────────────────── */

.hostaway-single-property #amenities .amentiesList,
.hostaway-single-property .hlt-rules__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hostaway-single-property #amenities .amentiesList__item,
.hostaway-single-property .hlt-rules__list li {
  display: block;
  flex: 1 1 45%;
  min-width: 16em;
  min-height: 0;
  margin: 0;
  padding: 0 0 0 24px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: var(--hlt-icon-check) no-repeat left .1em;
  color: var(--hlt-text);
  font-size: 16px;
  opacity: 1;
}

.hostaway-single-property #amenities .amentiesList__text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.hostaway-single-property #amenities .amentiesList__item:hover {
  transform: none;
  box-shadow: none;
}

.hostaway-single-property #amenities .amenity-icon,
.hostaway-single-property .hlt-rules__list li > span[aria-hidden] {
  display: none;
}

.hostaway-single-property .hlt-rules__list li.is-no {
  background-image: var(--hlt-icon-close);
}

.hostaway-single-property #amenities .amentiesList + * {
  margin-top: 16px;
}

/* ── Phones ──────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
  .hostaway-single-property .property-main-content > .property-section {
    margin-top: 24px;
    padding: 16px;
  }

  .hostaway-single-property .property-header .property-title {
    font-size: 26px;
  }
}
