/* Old Rag Escapes: Airbnb-style property pages and booking flow.
   Loaded by the Head tab (<script src=... defer>), hosted in Settings > Account Files.

   Property pages
   - OwnerRez's booking form and 6-month calendar are removed.
   - The description is shortened with "Show more"; the long amenity table becomes "What this place offers"
     (10 highlights + "Show all amenities" grouped in collapsible categories).
   - "Where you'll sleep" shows each bedroom with its beds, and a photo when one can be matched
     (rooms that have photos assigned in OwnerRez, or photo captions that name the room / its beds).
   - A dates section shows a two-month calendar (one month on phones) with each night's rate.
   - A sticky booking card (desktop) / bottom bar (phones): "Check Availability" (scrolls to the calendar) until
     valid dates are chosen, then "Reserve" with "You won't be charged yet" below it.
   - "Things to know" collects house rules, safety and the cancellation policy, each with "Show more".
   Rates and availability come from the site's own property search (/properties), one night at a time.
   Reserve hands off to the Book Now page with property, dates and guests filled in
   (OwnerRez's or_propertyKey / or_arrival / or_departure / or_adults links).

   Book Now page: with those parameters, shows a trip summary and hides the site menu.

   Every page: keyboard focus outlines, 44px tap targets on phones, a keyboard fix for OwnerRez's date search,
   shadows under text on photos and missing alt text. Properties page: the search folds into one button on phones.
   Home: reviews and FAQs are shortened on phones behind "Show all" buttons (nothing is removed). */
(function () {
  'use strict';

  var html = document.documentElement;
  var MONTHS = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
  var WEEKDAYS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
  var CACHE_MINUTES = 20;
  var NOT_CHARGED = 'You won’t be charged yet';
  // Properties › Rules › Lead Time (all three properties): "Booking must be made at least 1 day prior to arrival"
  var LEAD_DAYS = 1;

  // ---- helpers ------------------------------------------------------------
  function el(tag, cls, text) {
    var e = document.createElement(tag);
    if (cls) e.className = cls;
    if (text != null) e.textContent = text;
    return e;
  }
  function clean(s) { return String(s || '').replace(/\s+/g, ' ').trim(); }
  function pad(n) { return (n < 10 ? '0' : '') + n; }
  function iso(d) { return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()); }
  function usDate(d) { return (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear(); }
  function parseIso(s) {
    var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s || '');
    return m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;
  }
  function addDays(d, n) { return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n); }
  function firstOfMonth(d) { return new Date(d.getFullYear(), d.getMonth(), 1); }
  function addMonths(d, n) { return new Date(d.getFullYear(), d.getMonth() + n, 1); }
  function sameDay(a, b) { return !!(a && b && a.getTime() === b.getTime()); }
  function today() { var t = new Date(); return new Date(t.getFullYear(), t.getMonth(), t.getDate()); }
  function nights(a, b) {
    return Math.round((Date.UTC(b.getFullYear(), b.getMonth(), b.getDate()) - Date.UTC(a.getFullYear(), a.getMonth(), a.getDate())) / 864e5);
  }
  function shortDate(d) { return MONTHS[d.getMonth()].slice(0, 3) + ' ' + d.getDate(); }
  function longDate(d) { return MONTHS[d.getMonth()].slice(0, 3) + ' ' + d.getDate() + ', ' + d.getFullYear(); }
  function money(n) { return '$' + Math.round(n).toLocaleString('en-US'); }
  function cellRate(n) { return n >= 1000 ? '$' + (Math.round(n / 100) / 10).toString() + 'k' : '$' + Math.round(n); }
  function plural(n, word) { return n + ' ' + word + (n === 1 ? '' : 's'); }
  function icon(name) { var i = el('i', 'fas ' + name); i.setAttribute('aria-hidden', 'true'); return i; }
  function button(cls, text) { var b = el('button', cls, text); b.type = 'button'; return b; }
  function arrowSvg(d) { return '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="' + d + '" fill="none" stroke="currentColor" stroke-width="2.6"/></svg>'; }

  // Ask the site's own search whether this property can be booked for these dates.
  // Resolves to {nightly, total} (total includes fees and taxes) or null when it can't be booked.
  function searchStay(path, arrival, departure) {
    var body = new URLSearchParams({
      Page: '1', Sort: 'Default', ArrivalDate: usDate(arrival), DepartureDate: usDate(departure), Guests: '', Bedrooms: '', Bathrooms: ''
    });
    return fetch('/properties', { method: 'POST', body: body, credentials: 'same-origin' })
      .then(function (r) { if (!r.ok) throw new Error('Search failed: ' + r.status); return r.text(); })
      .then(function (text) {
        var doc = new DOMParser().parseFromString(text, 'text/html');
        var links = doc.querySelectorAll('.property-result-list a[href]');
        for (var i = 0; i < links.length; i++) {
          if (links[i].getAttribute('href').split(/[?#]/)[0] !== path) continue;
          var box = links[i].parentElement;
          while (box && !/\/\s*night/i.test(box.textContent)) box = box.parentElement;
          if (!box) continue;
          var nightly = /\$([\d,]+(?:\.\d+)?)\s*\/\s*night/i.exec(box.textContent);
          var total = /\$([\d,]+(?:\.\d+)?)\s*total/i.exec(box.textContent);
          return {
            nightly: nightly ? +nightly[1].replace(/,/g, '') : null,
            total: total ? +total[1].replace(/,/g, '') : null
          };
        }
        return null;
      });
  }

  // Nightly rate for one night: a number, -1 when booked, null when unknown (search failed)
  function nightRate(path, date) {
    var key = 'oreNight:' + path + ':' + iso(date);
    try {
      var cached = JSON.parse(sessionStorage.getItem(key) || 'null');
      if (cached && Date.now() - cached.t < CACHE_MINUTES * 60000) return Promise.resolve(cached.v);
    } catch (e) { /* storage unavailable */ }
    return searchStay(path, date, addDays(date, 1)).then(function (res) {
      var v = res ? (res.nightly || 0) : -1;
      try { sessionStorage.setItem(key, JSON.stringify({ v: v, t: Date.now() })); } catch (e) { /* ignore */ }
      return v;
    });
  }

  // Run fn over items, at most `limit` at a time
  function eachLimited(items, limit, fn) {
    var i = 0;
    function next() {
      if (i >= items.length) return Promise.resolve();
      var item = items[i++];
      return Promise.resolve(fn(item)).catch(function () {}).then(next);
    }
    var runners = [];
    for (var k = 0; k < Math.min(limit, items.length); k++) runners.push(next());
    return Promise.all(runners);
  }

  // Amenity highlights shown first under "What this place offers": [pattern, Font Awesome icon]
  var HIGHLIGHTS = [
    [/^hot tub/i, 'fa-hot-tub-person'], [/mountain view/i, 'fa-mountain-sun'], [/internet|wifi/i, 'fa-wifi'],
    [/^kitchen$/i, 'fa-kitchen-set'], [/game room/i, 'fa-gamepad'], [/wood stove/i, 'fa-fire-flame-curved'],
    [/fire pit/i, 'fa-fire'], [/outdoor grill|barbecue|bbq/i, 'fa-fire-burner'], [/pets welcome|allows pets/i, 'fa-paw'],
    [/washing machine|washer/i, 'fa-shirt'], [/clothes dryer|dryer/i, 'fa-wind'], [/air conditioning/i, 'fa-snowflake'],
    [/ping pong/i, 'fa-table-tennis-paddle-ball'], [/pool table/i, 'fa-circle-dot'], [/deck|patio/i, 'fa-chair'],
    [/smart tv|television/i, 'fa-tv'], [/dishwasher/i, 'fa-sink'], [/coffee maker/i, 'fa-mug-hot'], [/central heating|heating/i, 'fa-temperature-arrow-up']
  ];
  var NOT_AMENITIES = /^(Property Type|Accommodation|Check-In|House Rules|Sleeping Arrangements|Bathrooms|Safety|Expectations|Theme)$/i;

  // ---- styles ---------------------------------------------------------------
  var css = [
    /* layout: content left, sticky booking card right (desktop) */
    '@media (min-width: 992px) {',
    '  .ore-proprow { display: flex; flex-direction: row-reverse; align-items: stretch; }',
    '  .ore-proprow > .ore-bookcol { float: none; flex: 0 0 33.3333%; max-width: 33.3333%; }',
    '  .ore-proprow > .col-md-8 { float: none; flex: 0 0 66.6667%; max-width: 66.6667%; }',
    '  .ore-bookbar { display: none !important; }',
    '}',
    '@media (max-width: 991px) { .ore-bookcol { display: none !important; } html.ore-has-bookbar body { padding-bottom: 84px; } }',
    /* sections */
    '.ore-pp-section { padding: 32px 0; border-top: 1px solid rgba(255,255,255,.14); scroll-margin-top: 120px; }',
    '#content .ore-pp-title, #content h2.ore-pp-title, .body-content h2.page-header.ore-pp-block { margin: 0 0 20px; padding: 0; font-family: var(--ore-font-heading); font-size: 26px; font-weight: 400; line-height: 1.25; color: #fff; border: 0; }',
    '.body-content h2.page-header.ore-pp-block { margin-top: 0; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.14); }',
    '.ore-pp-sub { margin: -12px 0 18px; font-size: 14px; color: rgba(255,255,255,.7); }',
    '.ore-pill-btn { margin-top: 20px; padding: 12px 22px; font-family: var(--ore-font-body); font-size: 15px; font-weight: 600; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.7); border-radius: 10px; cursor: pointer; }',
    '.ore-pill-btn:hover, .ore-pill-btn:focus-visible { color: #000; background: #fff; outline: none; }',
    '.ore-link { min-height: 44px; padding: 0; font-family: var(--ore-font-body); font-size: 15px; font-weight: 600; color: #fff; text-decoration: underline; background: none; border: 0; cursor: pointer; }',
    /* description */
    '.ore-desc { position: relative; max-height: 13.5em; overflow: hidden; }',
    '.ore-desc::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4em; background: linear-gradient(rgba(0,0,0,0), #000); pointer-events: none; }',
    '.ore-desc.is-open { max-height: none; }',
    '.ore-desc.is-open::after { display: none; }',
    '.ore-desc-more { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 8px; }',
    /* what this place offers */
    '.ore-offers__top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; margin: 0; padding: 0; list-style: none; }',
    '.ore-offers__top li { display: flex; align-items: center; gap: 14px; font-size: 16px; color: #fff; }',
    '.ore-offers__top i { flex: 0 0 26px; font-size: 22px; text-align: center; color: var(--ore-green); }',
    '.ore-offers__all[hidden] { display: none !important; }',
    '.ore-offers__all { margin-top: 18px; }',
    '.ore-acc { border-bottom: 1px solid rgba(255,255,255,.14); }',
    '.ore-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; font-family: var(--ore-font-title); font-size: 17px; font-weight: 600; color: #fff; list-style: none; cursor: pointer; }',
    '.ore-acc summary::-webkit-details-marker { display: none; }',
    '.ore-acc summary span { font-family: var(--ore-font-body); font-size: 13px; font-weight: 400; color: rgba(255,255,255,.65); }',
    '.ore-acc summary::after { content: ""; flex: 0 0 9px; width: 9px; height: 9px; margin: 0 4px 4px auto; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform .2s; }',
    '.ore-acc[open] summary::after { margin-bottom: -4px; transform: rotate(-135deg); }',
    '.ore-acc summary span { margin-left: auto; }',
    '.ore-acc ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; margin: 0 0 18px; padding: 0; list-style: none; }',
    '.ore-acc li { font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.9); }',
    /* where you'll sleep */
    '.ore-sleep__row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, calc((100% - 32px) / 3)); gap: 16px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.3) transparent; }',
    '.ore-room { scroll-snap-align: start; min-width: 0; padding: 0; text-align: left; color: #fff; background: none; border: 0; cursor: default; }',
    '.ore-room[data-photos] { cursor: pointer; }',
    '.ore-room__img { display: block; width: 100%; aspect-ratio: 4 / 3; margin-bottom: 12px; overflow: hidden; background: #1a1a1a; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }',
    '.ore-room__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }',
    '.ore-room[data-photos]:hover .ore-room__img img { transform: scale(1.04); }',
    '.ore-room__img--icon { display: flex; align-items: center; justify-content: center; font-size: 34px; color: var(--ore-green); }',
    '.ore-room b { display: block; font-family: var(--ore-font-title); font-size: 16px; font-weight: 600; line-height: 1.3; }',
    '.ore-room span { display: block; margin-top: 2px; font-size: 14px; line-height: 1.4; color: rgba(255,255,255,.7); }',
    '@media (max-width: 767px) { .ore-sleep__row { grid-auto-columns: 72%; } .ore-offers__top, .ore-acc ul { grid-template-columns: 1fr; } }',
    /* things to know */
    '.ore-things__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }',
    '.ore-things__col h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-family: var(--ore-font-title); font-size: 17px; font-weight: 600; color: #fff; }',
    '.ore-things__col h3 i { color: var(--ore-green); }',
    '.ore-things__col ul { margin: 0; padding: 0; list-style: none; }',
    '.ore-things__col li { margin-bottom: 8px; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.88); }',
    '.ore-things__col li.is-extra { display: none; }',
    '.ore-things__col.is-open li.is-extra { display: list-item; }',
    '.ore-things__text { font-size: 15px; line-height: 1.6; color: rgba(255,255,255,.88); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }',
    '.ore-things__col.is-open .ore-things__text { display: block; -webkit-line-clamp: unset; }',
    '.ore-things__col .ore-link { margin-top: 6px; }',
    '@media (max-width: 991px) { .ore-things__grid { grid-template-columns: 1fr; gap: 0; } .ore-things__col { padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,.14); } }',
    /* booking card */
    '.ore-bookcard { position: sticky; top: 130px; margin: 30px 0 40px 12px; padding: 24px; color: #fff; background: #121212; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; box-shadow: 0 16px 44px rgba(0,0,0,.45); }',
    '.ore-bookcard__price { margin: 0 0 16px; font-family: var(--ore-font-body); font-size: 17px; color: rgba(255,255,255,.85); }',
    '.ore-bookcard__price b { font-family: var(--ore-font-heading); font-size: 26px; font-weight: 400; color: #fff; }',
    '.ore-bookcard__fields { display: grid; grid-template-columns: 1fr 1fr; width: 100%; margin: 0 0 16px; padding: 0; text-align: left; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.28); border-radius: 12px; overflow: hidden; cursor: pointer; }',
    '.ore-bookcard__fields:hover { border-color: var(--ore-green); }',
    '.ore-bookcard__fields > span { display: block; padding: 10px 14px; }',
    '.ore-bookcard__fields > span + span { border-left: 1px solid rgba(255,255,255,.28); }',
    '.ore-bookcard__fields > .ore-bookcard__guests { grid-column: 1 / 3; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); }',
    '.ore-bookcard small, .ore-trip small { display: block; font-family: var(--ore-font-label); font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,.65); }',
    '.ore-bookcard__fields b, .ore-trip b { display: block; margin-top: 2px; font-family: var(--ore-font-body); font-size: 15px; font-weight: 500; color: #fff; }',
    '.ore-bookcard .ore-cta { width: 100%; }',
    '.ore-note { margin: 10px 0 0; font-size: 13px; text-align: center; color: rgba(255,255,255,.65); }',
    '.ore-note[hidden], .ore-bookcard__total[hidden] { display: none !important; }',
    '.ore-bookcard__total { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; font-size: 15px; border-top: 1px solid rgba(255,255,255,.14); }',
    '.ore-bookcard__total b { font-weight: 600; }',
    '.ore-status { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.75); }',
    '.ore-status.is-error { color: #ff9e8f; }',
    '.ore-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 26px; font-family: var(--ore-font-label); font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; color: #000; background: var(--ore-green); border: 1px solid var(--ore-green); border-radius: 30px; cursor: pointer; transition: background-color .2s, border-color .2s, opacity .2s; }',
    '.ore-cta:hover:not(:disabled), .ore-cta:focus-visible { color: #000; background: #fff; border-color: #fff; outline: none; }',
    '.ore-cta:disabled { opacity: .35; cursor: not-allowed; }',
    /* phone bottom bar */
    '.ore-bookbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); background: rgba(12,12,12,.97); border-top: 1px solid rgba(255,255,255,.14); box-shadow: 0 -10px 28px rgba(0,0,0,.45); }',
    '.ore-bookbar__info { min-width: 0; min-height: 44px; padding: 0; text-align: left; color: #fff; background: none; border: 0; cursor: pointer; }',
    '.ore-bookbar__info b { display: block; font-family: var(--ore-font-body); font-size: 16px; font-weight: 600; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }',
    '.ore-bookbar__info span { display: block; font-size: 13px; line-height: 1.4; color: rgba(255,255,255,.75); text-decoration: underline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }',
    '.ore-bookbar .ore-cta { flex: 0 0 auto; min-height: 46px; padding: 10px 22px; font-size: 13px; }',
    /* calendars (inline section and pop-up) */
    '.ore-cal2 { position: relative; }',
    '.ore-cal2__nav { position: absolute; top: -4px; left: 0; right: 0; display: flex; justify-content: space-between; pointer-events: none; }',
    '.ore-cal2__nav .ore-cal__arrow { pointer-events: auto; }',
    '.ore-cal2__months { display: grid; gap: 32px; touch-action: pan-y; }',
    '.ore-cal2__months--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }',
    '.ore-month h3 { margin: 6px 0 10px; font-family: var(--ore-font-title); font-size: 16px; font-weight: 600; text-align: center; color: #fff; }',
    '.ore-cal__arrow { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: #000; background: var(--ore-green); border: 0; border-radius: 50%; cursor: pointer; }',
    '.ore-cal__arrow:disabled { opacity: .25; cursor: default; }',
    '.ore-cal__arrow svg { width: 18px; height: 18px; }',
    '.ore-cal__dow, .ore-cal__grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }',
    '.ore-cal__dow span { padding: 4px 0; font-family: var(--ore-font-label); font-size: 11px; font-weight: 700; text-align: center; color: rgba(255,255,255,.55); }',
    '.ore-day { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: 50px; padding: 4px 0; font-family: var(--ore-font-body); color: #fff; background: transparent; border: 1px solid transparent; border-radius: 10px; cursor: pointer; }',
    '.ore-day__num { font-size: 15px; font-weight: 600; line-height: 1.2; }',
    '.ore-day__rate { min-height: 14px; font-size: 11px; line-height: 14px; color: rgba(255,255,255,.75); }',
    '.ore-day:hover:not(:disabled) { border-color: rgba(255,255,255,.65); }',
    '.ore-day:disabled { cursor: default; }',
    '.ore-day.is-past { color: rgba(255,255,255,.22); }',
    '.ore-day.is-booked .ore-day__num { color: rgba(255,255,255,.35); text-decoration: line-through; }',
    '.ore-day.is-loading .ore-day__rate { color: rgba(255,255,255,.3); }',
    '.ore-day.is-range { background: rgba(10,233,61,.16); border-radius: 4px; }',
    '.ore-day.is-start, .ore-day.is-end { color: #000; background: var(--ore-green); border-color: var(--ore-green); }',
    '.ore-day.is-start .ore-day__num, .ore-day.is-end .ore-day__num { color: #000; text-decoration: none; }',
    '.ore-day.is-start .ore-day__rate, .ore-day.is-end .ore-day__rate { color: rgba(0,0,0,.7); }',
    '.ore-day--blank { visibility: hidden; }',
    '.ore-day:focus-visible, .ore-cal__arrow:focus-visible, .ore-link:focus-visible, .ore-stepper button:focus-visible, .ore-cal__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }',
    '@media (max-width: 380px) { .ore-day { min-height: 46px; } .ore-day__rate { font-size: 10px; } }',
    '.ore-dates__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }',
    '.ore-dates__legend { font-size: 12px; color: rgba(255,255,255,.6); }',
    /* pop-up */
    '.ore-cal[hidden] { display: none !important; }',
    'html.ore-cal-open, html.ore-cal-open body { overflow: hidden; }',
    '.ore-cal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99000; display: flex; align-items: center; justify-content: center; padding: 20px; }',
    '.ore-cal__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.72); }',
    '.ore-cal__sheet { position: relative; width: 100%; max-width: 780px; max-height: calc(100vh - 40px); overflow-y: auto; padding: 24px; color: #fff; background: #121212; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; box-shadow: 0 24px 60px rgba(0,0,0,.6); }',
    '@media (max-width: 767px) { .ore-cal { align-items: flex-end; padding: 0; } .ore-cal__sheet { max-width: none; max-height: 94vh; padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0; animation: ore-sheet-in .28s ease-out; } }',
    '@keyframes ore-sheet-in { from { transform: translateY(40px); opacity: .6; } to { transform: none; opacity: 1; } }',
    '@media (prefers-reduced-motion: reduce) { .ore-cal__sheet { animation: none !important; } }',
    '.ore-cal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 18px; }',
    '.ore-cal__head h2 { margin: 0; font-family: var(--ore-font-heading); font-size: 26px; font-weight: 400; line-height: 1.2; color: #fff; }',
    '.ore-cal__sub { margin: 4px 0 0; font-size: 14px; color: rgba(255,255,255,.7); }',
    '.ore-cal__close { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; font-size: 26px; line-height: 44px; color: #fff; background: rgba(255,255,255,.1); border: 0; border-radius: 50%; cursor: pointer; }',
    '.ore-cal__guests { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 14px; font-size: 15px; border-top: 1px solid rgba(255,255,255,.12); }',
    '.ore-stepper { display: flex; align-items: center; gap: 12px; }',
    '.ore-stepper button { width: 44px; height: 44px; padding: 0; font-size: 20px; line-height: 42px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; cursor: pointer; }',
    '.ore-stepper button:disabled { opacity: .3; cursor: default; }',
    '.ore-stepper output { min-width: 22px; font-weight: 600; text-align: center; color: #fff; }',
    '.ore-cal__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }',
    '.ore-cal__reserve { text-align: center; }',
    '.ore-cal__reserve .ore-note { margin-top: 6px; }',
    /* Book Now page with a trip */
    'html.ore-checkout #header-bar .header-links, html.ore-checkout .ore-footer, html.ore-checkout .body-content h1.page-header { display: none !important; }',
    '.ore-trip { max-width: 760px; margin: 36px auto 24px; padding: 24px; color: #fff; background: #121212; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; }',
    '.ore-trip__back { display: inline-block; margin-bottom: 14px; font-size: 14px; color: #fff; text-decoration: underline; }',
    '.ore-trip__title { margin: 0 0 16px; font-family: var(--ore-font-heading); font-size: 36px; font-weight: 400; line-height: 1.15; color: #fff; }',
    '.ore-trip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }',
    '.ore-trip__grid > div { padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; }',
    '.ore-trip__total { min-height: 21px; margin: 16px 0 0; font-size: 15px; font-weight: 600; }',
    '.ore-trip__help { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.75); }',
    '.ore-policy, .ore-trip__policy { margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: rgba(255,255,255,.85); }',
    '.ore-policy .fas, .ore-trip__policy .fas { margin-right: 2px; color: var(--ore-green); }',
    'html.ore-checkout .body-content .ownerrez-widget { max-width: 760px; margin: 0 auto 60px; }',
    // Phones: a compact summary so the booking form starts on the first screen
    '@media (max-width: 767px) { .ore-trip { margin: 12px 0 16px; padding: 14px 16px; } .ore-trip__back { margin-bottom: 8px; } .ore-trip__title { margin-bottom: 10px; font-size: 22px; } .ore-trip__grid { grid-template-columns: 1.25fr 1fr; gap: 8px; } .ore-trip__grid > div { padding: 8px 12px; } .ore-trip__grid > div:first-child { grid-column: 1 / -1; } .ore-trip__total { margin-top: 10px; } .ore-trip__help { display: none; } }'
  ].join('\n');

  function addStyles() {
    if (document.getElementById('ore-booking-flow-css')) return;
    var s = document.createElement('style');
    s.id = 'ore-booking-flow-css';
    s.textContent = css;
    document.head.appendChild(s);
  }

  // ---- property page: content ----------------------------------------------
  function readAmenityRows() {
    var table = document.getElementById('amenities-table');
    if (!table) return [];
    return [].map.call(table.querySelectorAll('tr'), function (tr) {
      var th = tr.querySelector('th'), td = tr.querySelector('td');
      var items = td ? [].map.call(td.querySelectorAll('li'), function (li) { return clean(li.textContent); }).filter(Boolean) : [];
      var first = td ? clean([].map.call(td.childNodes, function (n) { return n.nodeType === 3 ? n.textContent : ''; }).join(' ')) : '';
      return { label: th ? clean(th.textContent) : '', items: items, text: first || (td ? clean(td.textContent) : '') };
    });
  }
  function rowByLabel(rows, re) { for (var i = 0; i < rows.length; i++) if (re.test(rows[i].label)) return rows[i]; return null; }

  function bedKinds(text) {
    var t = String(text).toLowerCase(), kinds = [];
    [['king', /king/], ['queen', /queen/], ['double', /double|full/], ['twin', /twin|single/], ['bunk', /bunk/], ['sofa', /sofa|sleeper|futon/], ['trundle', /trundle/], ['crib', /crib/]]
      .forEach(function (k) { if (k[1].test(t)) kinds.push(k[0]); });
    return kinds.sort().join(',');
  }

  // Bedrooms with beds and (when possible) a photo
  function readRooms(rows) {
    var rooms = [];
    // 1. Rooms with photos assigned in OwnerRez (photo gallery grouped by room)
    [].forEach.call(document.querySelectorAll('#tab-Photo-Gallery .modal-rooms-grid'), function (b) {
      var h3 = b.querySelector('h3'), h4 = b.querySelector('h4'), img = b.querySelector('img');
      if (!h4 || !/bed|bunk|crib|sofa|trundle|futon/i.test(h4.textContent)) return;
      rooms.push({ name: clean(h3 && h3.textContent), beds: clean(h4.textContent), img: img ? img.getAttribute('src') : null });
    });
    if (rooms.length) return rooms;

    // 2. "Sleeping Arrangements" list; photos matched by room name, or by the beds named in photo captions
    var sleep = rowByLabel(rows, /^Sleeping Arrangements$/i);
    if (!sleep || !sleep.items.length) return rooms;
    var photos = [].map.call(document.querySelectorAll('#tab-allphotos figure'), function (f) {
      var img = f.querySelector('img');
      return { cap: clean((f.querySelector('figcaption') || {}).textContent), img: img ? img.getAttribute('src') : null };
    }).filter(function (p) { return p.img && p.cap; });
    var groups = [], byLabel = {};
    photos.forEach(function (p) {
      if (!/bed|bdr/i.test(p.cap)) return;
      var label = p.cap.split(',')[0].toLowerCase();
      if (!byLabel[label]) { byLabel[label] = { img: p.img, kinds: {} }; groups.push(byLabel[label]); }
      bedKinds(p.cap).split(',').forEach(function (k) { if (k) byLabel[label].kinds[k] = true; });
    });
    var used = [];
    sleep.items.forEach(function (item, i) {
      var parts = item.split(/\s+[–—-]\s+/);
      var name = parts.length > 1 ? parts[0] : '';
      var beds = parts.length > 1 ? parts.slice(1).join(' – ') : item;
      var generic = !name || /^bedroom$/i.test(name);
      var img = null;
      if (!generic) {
        var needle = name.toLowerCase();
        for (var j = 0; j < photos.length; j++) if (photos[j].cap.toLowerCase().indexOf(needle) > -1) { img = photos[j].img; break; }
      }
      if (!img) {
        var want = bedKinds(beds);
        for (var g = 0; g < groups.length; g++) {
          if (used.indexOf(g) > -1) continue;
          if (Object.keys(groups[g].kinds).sort().join(',') === want) { img = groups[g].img; used.push(g); break; }
        }
      }
      rooms.push({ name: generic ? 'Bedroom ' + (i + 1) : name, beds: beds, img: img });
    });
    return rooms;
  }

  function initPropertyPage(widget) {
    var key = widget.getAttribute('data-propertyid');
    var path = location.pathname.replace(/\/$/, '');
    var h1 = document.querySelector('h1.page-header');
    var name = h1 ? h1.textContent.trim().split(/\n/)[0].trim() : document.title.split(' - ')[0];
    var sizeText = clean((document.querySelector('.amenity-summary-size') || {}).textContent);
    var sleeps = /Sleeps\s+(?:\d+\s*-\s*)?(\d+)/i.exec(sizeText);
    var maxGuests = sleeps ? +sleeps[1] : 16;
    var lead = document.querySelector('.body-content p.lead');
    var town = lead ? clean(lead.textContent).split(',')[0] : '';
    var fromRate = null;
    [].forEach.call(document.querySelectorAll('.body-content div'), function (d) {
      if (fromRate === null && d.children.length <= 2 && /^Rate\s*[–-]/.test(clean(d.textContent))) {
        var m = /\$([\d,]+)/.exec(d.textContent);
        if (m) fromRate = +m[1].replace(/,/g, '');
        // No price here, like the property tiles: the rate range becomes a "Check rates" link to the calendar
        if (m) [].filter.call(d.childNodes, function (t) {
          return t.nodeType === 3 && /\$[\d,]+\s*-\s*\$?[\d,]+\s*\/\s*night/.test(t.nodeValue);
        }).forEach(function (t) {
          var link = el('a', 'ore-check-rates', 'Check rates');
          link.href = '#availability';
          d.replaceChild(link, t);
          d.insertBefore(document.createTextNode(' '), link);
        });
      }
    });

    addStyles();

    // 1. Remove OwnerRez's booking form and multi-month calendar
    var col = widget.parentElement;
    widget.parentNode.removeChild(widget);
    var ownerCal = document.querySelector('.ownerrez-widget[data-widget-type="Multiple Month Calendar"]');
    if (ownerCal) ownerCal.parentNode.removeChild(ownerCal);

    var details = document.getElementById('details');
    var col8 = details ? details.parentElement : null;
    var rows = readAmenityRows();
    var anchor = null; // new sections go after this element in the left column

    // 2. Description with "Show more"
    if (col8) {
      var paras = [].filter.call(col8.children, function (c) { return c.tagName === 'P'; });
      if (paras.length) {
        var desc = el('div', 'ore-desc');
        paras[0].parentNode.insertBefore(desc, paras[0]);
        paras.forEach(function (p) { desc.appendChild(p); });
        var more = button('ore-link ore-desc-more', 'Show more');
        more.setAttribute('aria-expanded', 'false');
        desc.parentNode.insertBefore(more, desc.nextSibling);
        more.addEventListener('click', function () {
          var open = desc.classList.toggle('is-open');
          more.textContent = open ? 'Show less' : 'Show more';
          more.setAttribute('aria-expanded', open ? 'true' : 'false');
        });
        setTimeout(function () { if (desc.scrollHeight <= desc.clientHeight + 8) { desc.classList.add('is-open'); more.hidden = true; } }, 300);
        anchor = more;
      } else {
        anchor = col8.lastElementChild;
      }
    }
    function addSection(section) {
      if (!col8) return;
      if (anchor && anchor.parentNode === col8) col8.insertBefore(section, anchor.nextSibling);
      else col8.appendChild(section);
      anchor = section;
    }

    // 3. What this place offers
    var amenityRows = rows.filter(function (r) { return r.label && !NOT_AMENITIES.test(r.label) && r.items.length; });
    var allItems = [];
    amenityRows.forEach(function (r) { r.items.forEach(function (it) { allItems.push(it); }); });
    var houseRules = rowByLabel(rows, /^House Rules$/i);
    if (houseRules && houseRules.items.some(function (it) { return /pets welcome/i.test(it); })) allItems.push('Pets welcome');
    if (amenityRows.length) {
      var offers = el('section', 'ore-pp-section ore-offers');
      offers.appendChild(el('h2', 'ore-pp-title', 'What this place offers'));
      var top = offers.appendChild(el('ul', 'ore-offers__top'));
      var shown = [];
      HIGHLIGHTS.forEach(function (h) {
        if (shown.length >= 10) return;
        for (var i = 0; i < allItems.length; i++) {
          if (h[0].test(allItems[i]) && shown.indexOf(allItems[i]) === -1) {
            shown.push(allItems[i]);
            var li = el('li');
            li.appendChild(icon(h[1]));
            li.appendChild(el('span', '', allItems[i]));
            top.appendChild(li);
            break;
          }
        }
      });
      var total = amenityRows.reduce(function (n, r) { return n + r.items.length; }, 0);
      var all = el('div', 'ore-offers__all');
      all.hidden = true;
      amenityRows.forEach(function (r) {
        var d = el('details', 'ore-acc');
        var s = el('summary', '', r.label);
        s.appendChild(el('span', '', String(r.items.length)));
        d.appendChild(s);
        var ul = d.appendChild(el('ul'));
        r.items.forEach(function (it) { ul.appendChild(el('li', '', it)); });
        all.appendChild(d);
      });
      var toggle = button('ore-pill-btn', 'Show all ' + total + ' amenities');
      toggle.setAttribute('aria-expanded', 'false');
      toggle.addEventListener('click', function () {
        all.hidden = !all.hidden;
        toggle.textContent = all.hidden ? 'Show all ' + total + ' amenities' : 'Show fewer amenities';
        toggle.setAttribute('aria-expanded', all.hidden ? 'false' : 'true');
      });
      offers.appendChild(toggle);
      offers.appendChild(all);
      addSection(offers);
      var oldAmenH = document.getElementById('amenities');
      if (oldAmenH) oldAmenH.parentNode.removeChild(oldAmenH);
      offers.id = 'amenities';
      var oldTable = document.querySelector('.amenities-detail');
      if (oldTable) oldTable.parentNode.removeChild(oldTable);
    }

    // 4. Where you'll sleep
    var rooms = readRooms(rows);
    if (rooms.length) {
      var sleepSec = el('section', 'ore-pp-section ore-sleep');
      sleepSec.appendChild(el('h2', 'ore-pp-title', 'Where you’ll sleep'));
      var row = sleepSec.appendChild(el('div', 'ore-sleep__row'));
      rooms.forEach(function (r) {
        var card = el(r.img ? 'button' : 'div', 'ore-room');
        if (r.img) { card.type = 'button'; card.setAttribute('data-photos', ''); card.setAttribute('aria-label', r.name + ', ' + r.beds + ', view photos'); }
        var frame = card.appendChild(el('span', 'ore-room__img' + (r.img ? '' : ' ore-room__img--icon')));
        if (r.img) { var im = el('img'); im.src = r.img; im.alt = ''; im.loading = 'lazy'; frame.appendChild(im); }
        else frame.appendChild(icon('fa-bed'));
        card.appendChild(el('b', '', r.name));
        card.appendChild(el('span', '', r.beds));
        row.appendChild(card);
      });
      row.addEventListener('click', function (e) {
        if (e.target.closest('[data-photos]') && window.jQuery && jQuery.fn.modal && document.getElementById('photos-modal')) jQuery('#photos-modal').modal('show');
      });

      // Round arrow buttons over the sides of the row (shown only when there are more cards that way)
      var sleepWrap = el('div', 'ore-sleep__wrap');
      sleepSec.insertBefore(sleepWrap, row);
      sleepWrap.appendChild(row);
      var sleepPrev = button('ore-sleep__arrow ore-sleep__arrow--prev');
      var sleepNext = button('ore-sleep__arrow ore-sleep__arrow--next');
      sleepPrev.setAttribute('aria-label', 'Previous bedrooms');
      sleepNext.setAttribute('aria-label', 'More bedrooms');
      sleepPrev.innerHTML = arrowSvg('M15 4l-8 8 8 8');
      sleepNext.innerHTML = arrowSvg('M9 4l8 8-8 8');
      sleepWrap.appendChild(sleepPrev);
      sleepWrap.appendChild(sleepNext);
      var sleepStep = function () {
        var first = row.firstElementChild;
        var gap = parseFloat(getComputedStyle(row).columnGap) || 16;
        return first ? first.getBoundingClientRect().width + gap : row.clientWidth * 0.8;
      };
      sleepPrev.addEventListener('click', function () { row.scrollBy({ left: -sleepStep(), behavior: 'smooth' }); });
      sleepNext.addEventListener('click', function () { row.scrollBy({ left: sleepStep(), behavior: 'smooth' }); });
      var syncSleepArrows = function () {
        var max = row.scrollWidth - row.clientWidth;
        sleepPrev.hidden = max <= 4 || row.scrollLeft <= 4;
        sleepNext.hidden = max <= 4 || row.scrollLeft >= max - 4;
        var frame = row.querySelector('.ore-room__img');
        if (frame) sleepPrev.style.top = sleepNext.style.top = (frame.offsetTop + frame.offsetHeight / 2) + 'px';
      };
      var sleepTick = null;
      row.addEventListener('scroll', function () {
        if (sleepTick) return;
        sleepTick = setTimeout(function () { sleepTick = null; syncSleepArrows(); }, 60);
      }, { passive: true });
      window.addEventListener('resize', syncSleepArrows);
      [].forEach.call(row.querySelectorAll('img'), function (im) { im.addEventListener('load', syncSleepArrows); });
      setTimeout(syncSleepArrows, 200);
      var sleepCss = el('style');
      sleepCss.textContent = [
        '.ore-sleep__wrap { position: relative; }',
        '.ore-sleep__arrow { position: absolute; top: 40%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: #111; background: rgba(255,255,255,.96); border: 1px solid rgba(0,0,0,.1); border-radius: 50%; box-shadow: 0 2px 10px rgba(0,0,0,.4); transform: translateY(-50%); cursor: pointer; transition: transform .15s, box-shadow .15s; }',
        '.ore-sleep__arrow:hover { transform: translateY(-50%) scale(1.07); box-shadow: 0 4px 14px rgba(0,0,0,.5); }',
        '.ore-sleep__arrow:focus-visible { outline: 2px solid var(--ore-green); outline-offset: 2px; }',
        '.ore-sleep__arrow[hidden] { display: none !important; }',
        '.ore-sleep__arrow svg { width: 15px; height: 15px; }',
        '.ore-sleep__arrow--prev { left: 10px; }',
        '.ore-sleep__arrow--next { right: 10px; }',
        '@media (max-width: 767px) { .ore-sleep__arrow { width: 44px; height: 44px; } .ore-sleep__arrow--prev { left: 6px; } .ore-sleep__arrow--next { right: 6px; } }'
      ].join('\n');
      document.head.appendChild(sleepCss);
      addSection(sleepSec);
    }

    // 5. Things to know (house rules, safety, cancellation) and the order of the lower sections
    var availHeading = document.getElementById('availability');
    var cancelP = availHeading && availHeading.nextElementSibling && /^\s*Cancellation Policy/i.test(availHeading.nextElementSibling.textContent) ? availHeading.nextElementSibling : null;
    var lower = document.getElementById('location') ? document.getElementById('location').parentElement : null;
    if (availHeading) availHeading.parentNode.removeChild(availHeading);
    if (lower) {
      var locH = document.getElementById('location'), revH = document.getElementById('reviews');
      var mapBox = locH && locH.nextElementSibling;
      var reviews = revH && revH.nextElementSibling;
      if (locH) { locH.textContent = 'Where you’ll be'; locH.classList.add('ore-pp-block'); }
      if (revH) revH.classList.add('ore-pp-block');

      var things = el('section', 'ore-pp-section ore-things');
      things.appendChild(el('h2', 'ore-pp-title', 'Things to know'));
      var grid = things.appendChild(el('div', 'ore-things__grid'));
      var checkIn = rowByLabel(rows, /^Check-In$/i), safety = rowByLabel(rows, /^Safety$/i), expect = rowByLabel(rows, /^Expectations$/i);
      var ruleLines = [];
      if (checkIn && checkIn.text) ruleLines.push('Check-in: ' + checkIn.text);
      if (houseRules) houseRules.items.forEach(function (it) { ruleLines.push(it); });
      var safetyLines = [].concat(safety ? safety.items : [], expect ? expect.items : []);
      function column(title, iconName, lines, text) {
        if (!(lines && lines.length) && !text) return;
        var c = el('div', 'ore-things__col');
        var h = c.appendChild(el('h3'));
        h.appendChild(icon(iconName));
        h.appendChild(document.createTextNode(title));
        var needsMore = false;
        if (lines && lines.length) {
          var ul = c.appendChild(el('ul'));
          lines.forEach(function (line, i) { ul.appendChild(el('li', i >= 4 ? 'is-extra' : '', line)); });
          needsMore = lines.length > 4;
        } else {
          c.appendChild(el('p', 'ore-things__text', text));
          needsMore = text.length > 180;
        }
        if (needsMore) {
          var b = c.appendChild(button('ore-link', 'Show more'));
          b.setAttribute('aria-expanded', 'false');
          b.addEventListener('click', function () {
            var open = c.classList.toggle('is-open');
            b.textContent = open ? 'Show less' : 'Show more';
            b.setAttribute('aria-expanded', open ? 'true' : 'false');
          });
        }
        grid.appendChild(c);
      }
      column('House rules', 'fa-key', ruleLines);
      column('Safety & property', 'fa-shield-halved', safetyLines);
      if (cancelP) column('Cancellation policy', 'fa-calendar-xmark', null, clean(cancelP.textContent).replace(/^Cancellation Policy:\s*/i, ''));
      if (cancelP) cancelP.parentNode.removeChild(cancelP);

      // Airbnb order: reviews, location, things to know
      [revH, reviews, locH, mapBox, lead].forEach(function (n) { if (n && n.parentNode === lower) lower.appendChild(n); });
      if (grid.children.length) lower.appendChild(things);
    }

    // ---- booking state ---------------------------------------------------------
    // First date that can be booked. Earlier dates look like past dates; OwnerRez's booking form rejects them.
    var t0 = addDays(today(), LEAD_DAYS);
    var state = { start: null, end: null, guests: Math.min(2, maxGuests), quote: null, quoteStatus: 'none', quoteKey: '' };
    var params = new URLSearchParams(location.search);
    var a0 = parseIso(params.get('or_arrival')), d0 = parseIso(params.get('or_departure'));
    if (a0 && d0 && d0 > a0 && a0 >= t0) { state.start = a0; state.end = d0; }
    var g0 = parseInt(params.get('or_adults') || params.get('or_guests'), 10);
    if (g0 > 0) state.guests = Math.min(g0, maxGuests);
    var rates = {}, loading = {}, calendars = [], renderQueued = false;
    var wide = window.matchMedia('(min-width: 768px)');

    function canReserve() { return !!(state.start && state.end) && (state.quoteStatus === 'ok' || state.quoteStatus === 'error'); }
    function nightsFree(from, to) {
      for (var x = from; x < to; x = addDays(x, 1)) if (rates[iso(x)] === -1) return false;
      return true;
    }

    function loadMonth(m) {
      var days = new Date(m.getFullYear(), m.getMonth() + 1, 0).getDate(), todo = [];
      for (var d = 1; d <= days; d++) {
        var date = new Date(m.getFullYear(), m.getMonth(), d), k = iso(date);
        if (date < t0 || rates[k] !== undefined || loading[k]) continue;
        loading[k] = true;
        todo.push(date);
      }
      return eachLimited(todo, 6, function (date) {
        var k = iso(date);
        return nightRate(path, date)
          .then(function (v) { rates[k] = v; }, function () { rates[k] = null; })
          .then(function () { delete loading[k]; queueRender(); });
      });
    }
    function queueRender() {
      if (renderQueued) return;
      renderQueued = true;
      // setTimeout rather than requestAnimationFrame, which doesn't fire while the tab is in the background
      setTimeout(function () { renderQueued = false; renderAll(); }, 40);
    }

    // ---- calendars ------------------------------------------------------------
    function makeCalendar(host, monthCount) {
      var cal = { host: host, count: monthCount, view: firstOfMonth(state.start || t0), active: false };
      host.innerHTML = '<div class="ore-cal2"><div class="ore-cal2__nav">' +
        '<button type="button" class="ore-cal__arrow" data-step="-1" aria-label="Previous month">' + arrowSvg('M15 4l-8 8 8 8') + '</button>' +
        '<button type="button" class="ore-cal__arrow" data-step="1" aria-label="Next month">' + arrowSvg('M9 4l8 8-8 8') + '</button>' +
        '</div><div class="ore-cal2__months"></div></div>';
      cal.months = host.querySelector('.ore-cal2__months');
      cal.prev = host.querySelector('[data-step="-1"]');
      cal.next = host.querySelector('[data-step="1"]');
      host.addEventListener('click', function (e) {
        var step = e.target.closest('[data-step]');
        if (step && !step.disabled) return moveCalendar(cal, +step.getAttribute('data-step'));
        var day = e.target.closest('.ore-day');
        if (day && !day.disabled && day.getAttribute('data-date')) pickDate(parseIso(day.getAttribute('data-date')));
      });
      var x0 = null;
      cal.months.addEventListener('touchstart', function (e) { x0 = e.touches[0].clientX; }, { passive: true });
      cal.months.addEventListener('touchend', function (e) {
        if (x0 === null) return;
        var dx = e.changedTouches[0].clientX - x0;
        x0 = null;
        if (Math.abs(dx) > 50) moveCalendar(cal, dx < 0 ? 1 : -1);
      }, { passive: true });
      calendars.push(cal);
      return cal;
    }
    function monthsShown(cal) { return cal.count(); }
    function moveCalendar(cal, step) {
      cal.view = addMonths(cal.view, step);
      renderCalendar(cal);
      loadVisible(cal);
    }
    function loadVisible(cal) {
      if (!cal.active) return;
      var n = monthsShown(cal);
      var jobs = [];
      for (var i = 0; i < n; i++) jobs.push(addMonths(cal.view, i));
      jobs.reduce(function (p, m) { return p.then(function () { return loadMonth(m); }); }, Promise.resolve())
        .then(function () { loadMonth(addMonths(cal.view, n)); });
    }
    function renderCalendar(cal) {
      var n = monthsShown(cal);
      var minView = firstOfMonth(t0), maxView = addMonths(t0, 12 - (n - 1));
      if (cal.view < minView) cal.view = minView;
      if (cal.view > maxView) cal.view = maxView;
      cal.prev.disabled = cal.view <= minView;
      cal.next.disabled = cal.view >= maxView;
      cal.months.className = 'ore-cal2__months ore-cal2__months--' + n;
      cal.months.innerHTML = '';
      for (var i = 0; i < n; i++) cal.months.appendChild(monthBlock(addMonths(cal.view, i)));
    }
    function monthBlock(m) {
      var wrap = el('div', 'ore-month');
      wrap.appendChild(el('h3', '', MONTHS[m.getMonth()] + ' ' + m.getFullYear()));
      var dow = wrap.appendChild(el('div', 'ore-cal__dow'));
      dow.setAttribute('aria-hidden', 'true');
      WEEKDAYS.forEach(function (w) { dow.appendChild(el('span', '', w)); });
      var grid = wrap.appendChild(el('div', 'ore-cal__grid'));
      for (var b = 0; b < m.getDay(); b++) grid.appendChild(el('span', 'ore-day ore-day--blank'));
      var days = new Date(m.getFullYear(), m.getMonth() + 1, 0).getDate();
      var choosingCheckout = state.start && !state.end;
      for (var d = 1; d <= days; d++) {
        var date = new Date(m.getFullYear(), m.getMonth(), d), k = iso(date), v = rates[k];
        var btn = button('ore-day');
        btn.setAttribute('data-date', k);
        btn.appendChild(el('span', 'ore-day__num', String(d)));
        var rate = btn.appendChild(el('span', 'ore-day__rate'));
        var label = MONTHS[m.getMonth()] + ' ' + d;
        if (date < t0) {
          btn.disabled = true;
          btn.classList.add('is-past');
        } else if (v === undefined) {
          rate.textContent = '···';
          btn.classList.add('is-loading');
        } else if (v === -1) {
          btn.classList.add('is-booked');
          label += ', booked';
          if (!(choosingCheckout && date > state.start && nightsFree(state.start, date))) btn.disabled = true;
        } else if (v > 0) {
          rate.textContent = cellRate(v);
          label += ', ' + money(v) + ' per night';
        }
        if (sameDay(date, state.start)) { btn.classList.add('is-start'); label += ', check-in'; }
        if (sameDay(date, state.end)) { btn.classList.add('is-end'); label += ', checkout'; }
        if (state.start && state.end && date > state.start && date < state.end) btn.classList.add('is-range');
        btn.setAttribute('aria-label', label);
        btn.setAttribute('aria-pressed', sameDay(date, state.start) || sameDay(date, state.end) ? 'true' : 'false');
        grid.appendChild(btn);
      }
      return wrap;
    }
    function renderAll() {
      calendars.forEach(function (c) { if (c.active) renderCalendar(c); });
      updateUI();
    }

    function pickDate(d) {
      if (state.start && !state.end && d > state.start && nightsFree(state.start, d)) {
        state.end = d;
      } else if (rates[iso(d)] !== -1) {
        state.start = d;
        state.end = null;
        state.quote = null;
        state.quoteStatus = 'none';
      }
      renderAll();
      if (state.start && state.end) requestQuote();
    }
    function clearDates() {
      state.start = state.end = null;
      state.quote = null;
      state.quoteStatus = 'none';
      renderAll();
    }

    function requestQuote() {
      var k = iso(state.start) + '|' + iso(state.end);
      state.quoteKey = k;
      state.quote = null;
      state.quoteStatus = 'loading';
      updateUI();
      searchStay(path, state.start, state.end).then(function (res) {
        if (state.quoteKey !== k) return;
        state.quote = res;
        state.quoteStatus = res ? 'ok' : 'unavailable';
        updateUI();
      }, function () {
        if (state.quoteKey !== k) return;
        state.quoteStatus = 'error';
        updateUI();
      });
    }

    function statusText() {
      switch (state.quoteStatus) {
        case 'loading': return 'Checking price and availability…';
        case 'unavailable': return 'These dates can’t be booked: they may be taken or shorter than the minimum stay. Please pick other dates.';
        case 'error': return 'The price will be shown on the next step.';
        default: return '';
      }
    }

    // ---- guests stepper (card and dates section share the same state) ---------
    function stepper() {
      var s = el('div', 'ore-stepper');
      s.innerHTML = '<button type="button" data-guests="-1" aria-label="Fewer guests">&minus;</button><output aria-live="polite"></output>' +
        '<button type="button" data-guests="1" aria-label="More guests">+</button>';
      return s;
    }

    // ---- dates section (on the page) ----------------------------------------
    var datesSec = el('section', 'ore-pp-section ore-dates');
    datesSec.id = 'availability';
    datesSec.tabIndex = -1;
    var datesTitle = datesSec.appendChild(el('h2', 'ore-pp-title'));
    var datesSub = datesSec.appendChild(el('p', 'ore-pp-sub'));
    var inlineHost = datesSec.appendChild(el('div'));
    var datesFoot = datesSec.appendChild(el('div', 'ore-dates__foot'));
    datesFoot.appendChild(el('span', 'ore-dates__legend', 'Nightly rate under each date. Crossed-out dates are booked.'));
    var inlineClear = datesFoot.appendChild(button('ore-link', 'Clear dates'));
    inlineClear.addEventListener('click', clearDates);
    var datesGuests = datesSec.appendChild(el('div', 'ore-dates__guests'));
    datesGuests.appendChild(el('span', '', 'Guests'));
    datesGuests.appendChild(stepper());
    var datesStatus = datesSec.appendChild(el('p', 'ore-status'));
    datesStatus.setAttribute('aria-live', 'polite');
    var datesPolicy = datesSec.appendChild(el('p', 'ore-policy'));
    datesPolicy.hidden = true;
    // OwnerRez's rate notes paragraph (for example "Rates are for the full compound...") belongs with the dates
    var rateNotes = document.querySelector('.body-content p.wrap-whitespace');
    if (rateNotes) { rateNotes.classList.add('ore-pp-sub'); rateNotes.style.margin = '14px 0 0'; datesSec.appendChild(rateNotes); }
    addSection(datesSec);
    var inlineCal = makeCalendar(inlineHost, function () { return wide.matches ? 2 : 1; });
    function activateInline() {
      if (inlineCal.active) return;
      inlineCal.active = true;
      renderCalendar(inlineCal);
      loadVisible(inlineCal);
    }
    if ('IntersectionObserver' in window) {
      var io = new IntersectionObserver(function (entries) {
        if (entries.some(function (en) { return en.isIntersecting; })) { activateInline(); io.disconnect(); }
      }, { rootMargin: '400px 0px' });
      io.observe(datesSec);
    } else {
      activateInline();
    }

    // ---- booking card (desktop) and bottom bar (phones) ------------------------
    col.classList.add('ore-bookcol');
    col.removeAttribute('style');
    if (col.parentElement) col.parentElement.classList.add('ore-proprow');
    var card = el('div', 'ore-bookcard');
    card.innerHTML =
      '<p class="ore-bookcard__price"></p>' +
      '<div class="ore-bookcard__fields">' +
        '<button type="button" class="ore-bookcard__date" data-dates><small>Check-in</small><b data-f="in"></b></button>' +
        '<button type="button" class="ore-bookcard__date" data-dates><small>Checkout</small><b data-f="out"></b></button>' +
        '<div class="ore-bookcard__guests"><span><small>Guests</small><b data-f="guests"></b></span></div>' +
      '</div>' +
      '<button type="button" class="ore-cta" data-main></button>' +
      '<p class="ore-note" hidden></p>' +
      '<p class="ore-policy" hidden></p>' +
      '<p class="ore-status" aria-live="polite"></p>' +
      '<div class="ore-bookcard__total" hidden><span>Total, including fees and taxes</span><b></b></div>';
    card.querySelector('.ore-bookcard__guests').appendChild(stepper());
    col.appendChild(card);

    var bar = el('div', 'ore-bookbar');
    bar.innerHTML = '<button type="button" class="ore-bookbar__info" data-dates><b></b><span></span></button>' +
      '<div class="ore-bookbar__action"><button type="button" class="ore-cta" data-main></button><p class="ore-note" hidden></p></div>';
    document.body.appendChild(bar);
    html.classList.add('ore-has-bookbar');
    [].forEach.call(document.querySelectorAll('.ore-bookcard .ore-note, .ore-bookbar .ore-note'), function (p) { p.textContent = NOT_CHARGED; });

    // Cancellation terms next to the booking button, from the policy under "Things to know"
    var refundMatch = cancelP ? /more than (\d+) days prior to the arrival/i.exec(cancelP.textContent) : null;
    var refundDays = refundMatch && /100(\.00)?%/.test(cancelP.textContent) ? +refundMatch[1] : 0;
    if (refundDays) [card.querySelector('.ore-policy'), datesPolicy].forEach(function (p) {
      p.hidden = false;
      p.appendChild(icon('fa-circle-check'));
      p.appendChild(document.createTextNode(' Full refund if you cancel more than ' + refundDays + ' days before arrival'));
    });

    var extraCss = el('style');
    extraCss.textContent = [
      '.ore-bookcard__fields { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 16px; border: 1px solid rgba(255,255,255,.28); border-radius: 12px; overflow: hidden; cursor: default; }',
      '.ore-bookcard__date { display: block; padding: 10px 14px; text-align: left; color: #fff; background: transparent; border: 0; cursor: pointer; }',
      '.ore-bookcard__date + .ore-bookcard__date { border-left: 1px solid rgba(255,255,255,.28); }',
      '.ore-bookcard__date:hover { background: rgba(255,255,255,.07); }',
      '.ore-bookcard__date:focus-visible { background: rgba(255,255,255,.12); outline: 2px solid #fff; outline-offset: -3px; }',
      '.ore-bookcard__guests { grid-column: 1 / 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-top: 1px solid rgba(255,255,255,.28); }',
      '.ore-bookcard__date b, .ore-bookcard__guests b { display: block; margin-top: 2px; font-family: var(--ore-font-body); font-size: 15px; font-weight: 500; color: #fff; }',
      '.ore-bookcard .ore-stepper button { width: 44px; height: 44px; font-size: 18px; line-height: 42px; }',
      '.ore-bookcard .ore-policy { text-align: center; }',
      '.ore-dates:focus { outline: none; }',
      '.ore-dates__guests { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 14px; font-size: 15px; border-top: 1px solid rgba(255,255,255,.12); }',
      '.ore-bookbar__action { flex: 0 0 auto; text-align: center; }',
      '.ore-bookbar__action .ore-note { margin: 4px 0 0; font-size: 11px; line-height: 1.2; }',
      '@media (max-width: 991px) { html.ore-has-bookbar body { padding-bottom: 104px; } }'
    ].join('\n');
    document.head.appendChild(extraCss);

    // State 1 (no dates): "Check Availability" scrolls to the calendar.
    // State 2 (valid dates): "Reserve" goes to the booking page; "You won't be charged yet" shows below it.
    function reserveReady() { return !!(state.start && state.end) && state.quoteStatus === 'ok'; }
    function scrollToDates() {
      activateInline();
      datesSec.scrollIntoView({ behavior: 'smooth', block: 'start' });
      setTimeout(function () { try { datesSec.focus({ preventScroll: true }); } catch (e) { /* ignore */ } }, 700);
    }
    function mainAction() {
      if (reserveReady()) handOff();
      else scrollToDates();
    }
    document.addEventListener('click', function (e) {
      var t = e.target;
      if (!t.closest) return;
      var inBooking = card.contains(t) || bar.contains(t);
      if (inBooking && t.closest('[data-main]')) return mainAction();
      if (inBooking && t.closest('[data-dates]')) return scrollToDates();
      var g = t.closest('.ore-stepper [data-guests]');
      if (g && !g.disabled) {
        state.guests = Math.max(1, Math.min(maxGuests, state.guests + +g.getAttribute('data-guests')));
        return updateUI();
      }
      // The page's own "Inquire" links (from search results) and "Check rates" go to the calendar too
      var a = t.closest('a[href]');
      if (a && /#(inquire|book|availability)$/.test(a.getAttribute('href'))) {
        e.preventDefault();
        scrollToDates();
      }
    });
    if (wide.addEventListener) wide.addEventListener('change', renderAll);

    // The header's "Check Availability" button opens this property's calendar instead of the Properties page.
    // Listen on the document (capture phase) so it works even if OwnerRez handles or re-renders the header.
    [].forEach.call(document.querySelectorAll('#header-bar a.btn[href="/properties"]'), function (a) { a.setAttribute('href', '#availability'); });
    document.addEventListener('click', function (e) {
      var a = e.target.closest && e.target.closest('#header-bar a.btn');
      if (!a || !/^(\/properties|#availability)$/.test(a.getAttribute('href') || '')) return;
      e.preventDefault();
      e.stopImmediatePropagation();
      scrollToDates();
    }, true);

    function handOff() {
      var p = new URLSearchParams();
      p.set('or_propertyKey', key);
      p.set('or_arrival', iso(state.start));
      p.set('or_departure', iso(state.end));
      p.set('or_adults', String(state.guests));
      p.set('ore_name', name);
      p.set('ore_from', path);
      if (refundDays) p.set('ore_refund', String(refundDays));
      location.href = '/book?' + p.toString();
    }

    function updateUI() {
      var hasDates = !!(state.start && state.end);
      var n = hasDates ? nights(state.start, state.end) : 0;
      var ok = state.quoteStatus === 'ok' && state.quote;
      var ready = reserveReady();

      // dates section
      datesTitle.textContent = !state.start ? 'Select check-in date' : !state.end ? 'Select checkout date' : plural(n, 'night') + (town ? ' in ' + town : '');
      datesSub.textContent = !state.start ? 'Add your travel dates for exact pricing'
        : !state.end ? 'Check-in ' + longDate(state.start)
        : longDate(state.start) + ' – ' + longDate(state.end);
      inlineClear.hidden = !state.start;

      // status lines
      [datesStatus, card.querySelector('.ore-status')].forEach(function (s) {
        s.textContent = hasDates ? statusText() : '';
        s.classList.toggle('is-error', state.quoteStatus === 'unavailable');
      });

      // main buttons and "You won't be charged yet"
      [card, bar].forEach(function (box) {
        box.querySelector('[data-main]').textContent = ready ? 'Reserve' : 'Check Availability';
        box.querySelector('.ore-note').hidden = !ready;
      });

      // guests steppers
      [].forEach.call(document.querySelectorAll('.ore-stepper'), function (s) {
        s.querySelector('output').textContent = state.guests;
        s.querySelector('[data-guests="-1"]').disabled = state.guests <= 1;
        s.querySelector('[data-guests="1"]').disabled = state.guests >= maxGuests;
      });

      // card
      var price = card.querySelector('.ore-bookcard__price');
      price.textContent = '';
      if (ok && state.quote.nightly) {
        price.appendChild(el('b', '', money(state.quote.nightly)));
        price.appendChild(document.createTextNode(' night'));
      } else {
        price.appendChild(el('b', '', 'Add dates for prices'));
      }
      card.querySelector('[data-f="in"]').textContent = state.start ? shortDate(state.start) : 'Add date';
      card.querySelector('[data-f="out"]').textContent = state.end ? shortDate(state.end) : 'Add date';
      card.querySelector('[data-f="guests"]').textContent = plural(state.guests, 'guest');
      var totalBox = card.querySelector('.ore-bookcard__total');
      totalBox.hidden = !(ok && state.quote.total);
      if (ok && state.quote.total) totalBox.querySelector('b').textContent = money(state.quote.total);

      // bottom bar
      bar.querySelector('b').textContent = ok && state.quote.nightly ? money(state.quote.nightly) + ' night' : 'Add dates';
      bar.querySelector('span').textContent = hasDates
        ? shortDate(state.start) + ' – ' + shortDate(state.end) + (ok && state.quote.total ? ' · ' + money(state.quote.total) + ' total' : '')
        : 'Check rates';
    }

    updateUI();
    if (state.start && state.end) requestQuote();
    if (/^#(inquire|book|availability)$/.test(location.hash)) setTimeout(scrollToDates, 300);
  }

  // ---- Book Now page ---------------------------------------------------------
  function initBookPage() {
    var params = new URLSearchParams(location.search);
    var key = params.get('or_propertyKey');
    var arrival = parseIso(params.get('or_arrival')), departure = parseIso(params.get('or_departure'));
    var widget = document.querySelector('.body-content .ownerrez-widget');
    if (!key || !arrival || !departure || departure <= arrival || !widget) return;

    addStyles();
    html.classList.add('ore-checkout');
    var name = (params.get('ore_name') || '').slice(0, 80);
    var from = params.get('ore_from') || '';
    if (!/^\/[A-Za-z0-9-]+$/.test(from)) from = '';
    var guests = parseInt(params.get('or_adults'), 10);
    var n = nights(arrival, departure);

    var trip = el('div', 'ore-trip');
    trip.innerHTML =
      '<a class="ore-trip__back" href="/">← Back to the property</a>' +
      '<h1 class="ore-trip__title"></h1>' +
      '<div class="ore-trip__grid"><div><small>Property</small><b data-f="name"></b></div>' +
      '<div><small>Dates</small><b data-f="dates"></b></div><div><small>Guests</small><b data-f="guests"></b></div></div>' +
      '<p class="ore-trip__total" aria-live="polite"></p><p class="ore-trip__policy" hidden></p><p class="ore-trip__help"></p>';
    var back = trip.querySelector('.ore-trip__back');
    if (from) back.setAttribute('href', from + '?or_arrival=' + iso(arrival) + '&or_departure=' + iso(departure) + (guests > 0 ? '&or_adults=' + guests : ''));
    else back.textContent = '← Back to the home page';
    trip.querySelector('.ore-trip__title').textContent = 'Complete your reservation';
    trip.querySelector('[data-f="name"]').textContent = name || 'Selected property';
    trip.querySelector('[data-f="dates"]').textContent = shortDate(arrival) + ' – ' + shortDate(departure) + ', ' + departure.getFullYear() + ' · ' + plural(n, 'night');
    trip.querySelector('[data-f="guests"]').textContent = guests > 0 ? plural(guests, 'guest') : 'Add in the form below';
    trip.querySelector('.ore-trip__help').textContent = 'Your property, dates and guests are filled in below. Add your contact details, then tap Reserve to review the price and pay securely.';
    var refundDays = parseInt(params.get('ore_refund'), 10);
    if (refundDays > 0 && refundDays < 366) {
      var policy = trip.querySelector('.ore-trip__policy');
      policy.hidden = false;
      policy.appendChild(icon('fa-circle-check'));
      policy.appendChild(document.createTextNode(' Full refund if you cancel more than ' + refundDays + ' days before arrival'));
    }
    widget.parentNode.insertBefore(trip, widget);

    if (from) {
      var total = trip.querySelector('.ore-trip__total');
      searchStay(from, arrival, departure).then(function (res) {
        if (res && res.total) total.textContent = 'Estimated total ' + money(res.total) + ', including fees and taxes';
        else if (res === null) total.textContent = 'These dates may no longer be available. The form below will confirm.';
      }, function () {});
    }
  }

  // ---- property tiles and the Properties list: "Check rates" --------------------------------
  // The search widgets are set to "Show range" ("$220-688/night") when no dates are searched.
  // That range becomes "Check rates": plain text on the Home tiles (the whole tile is already a link),
  // a link to the property's calendar on the Properties list. Dated results ("$X/night" + total) are left alone.
  function fromPrices(root) {
    [].forEach.call((root || document).querySelectorAll('.property-result-tile .media-heading, .property-result-list .media-heading'), function (h) {
      if (!/^\$[\d,]+\s*[-–]\s*\$?[\d,]+\s*\/\s*night$/i.test(clean(h.textContent))) return;
      var listing = !h.closest('.property-result-tile') && h.closest('.media, .row');
      var propertyLink = listing && [].find.call(listing.querySelectorAll('a[href]'), function (a) {
        return /^\/[a-z0-9-]+-orp[a-z0-9]+$/i.test(a.getAttribute('href'));
      });
      h.textContent = '';
      if (propertyLink) {
        var a = h.appendChild(el('a', 'ore-check-rates', 'Check rates'));
        a.href = propertyLink.getAttribute('href') + '#availability';
      } else {
        h.textContent = 'Check rates';
      }
    });
  }
  function watchPrices() {
    fromPrices();
    if (!('MutationObserver' in window)) return;
    var pending = false;
    new MutationObserver(function () {
      if (pending) return;
      pending = true;
      setTimeout(function () { pending = false; fromPrices(); }, 50);
    }).observe(document.body, { childList: true, subtree: true });
  }

  // ---- every page: keyboard focus and date search fields ------------------------------
  var GLOBAL_CSS = [
    // Keyboard focus: a white outline for any control without its own focus style (zero specificity, so own styles win)
    ':where(a[href], button, summary, select, input, textarea, [tabindex]):focus-visible { outline: 2px solid #fff; outline-offset: 2px; }',
    '.carousel-control:focus-visible, .ore-arrow:focus-visible, .ore-sleep__arrow:focus-visible { outline: 3px solid #fff !important; outline-offset: 3px; }',
    '.search-bar .form-control:focus, #ArrivalDate:focus, #DepartureDate:focus { outline: 2px solid #0ae93d !important; outline-offset: 2px; }',
    // "Check rates" links (Properties list and property pages) go to the property's calendar
    'a.ore-check-rates { color: inherit; text-decoration: underline; text-underline-offset: 4px; }',
    // Tap targets: 44px on phones, at least 24px elsewhere
    '.ore-arrow { width: 44px !important; height: 44px !important; }',
    '.ore-social a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }',
    '.ore-footer li a, .ore-footer p a, .ore-meta a, .ore-contact-list a { display: inline-flex; align-items: center; min-height: 24px; }',
    // Text on photos: a shadow and a darker band keep it readable in bright light
    '.ore-page-hero::before { background: linear-gradient(rgba(0,0,0,.5) 0%, rgba(0,0,0,.45) 55%, #000 100%) !important; }',
    '.ore-page-hero__text h1, .ore-page-hero__text p, .ore-photo-bg .ore-eyebrow, .ore-photo-bg .ore-title, .ore-photo-bg p, #carousel-hero .ore-hero-title h1, #carousel-hero .ore-hero-title h2, #carousel-hero .ore-hero-title p { text-shadow: 0 1px 3px rgba(0,0,0,.85), 0 0 18px rgba(0,0,0,.55); }',
    // Properties page search button and Home "Show all" buttons (phones only)
    '.ore-filter-toggle, .ore-more { display: none; }',
    '.ore-filter-toggle { align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; margin: 0 0 16px; padding: 0 20px; font-family: var(--ore-font-body); font-size: 16px; font-weight: 500; text-align: left; color: #fff; background: #121212; border: 1px solid rgba(255,255,255,.35); border-radius: 26px; }',
    '.ore-filter-toggle .fas { color: var(--ore-green); }',
    '.ore-filter-toggle[aria-expanded="true"] .fa-chevron-down { transform: rotate(180deg); }',
    '.ore-more { margin: 24px 0 0; text-align: center; }',
    '@media (max-width: 767px) {',
    '  .ore-footer li a, .ore-footer p a, .ore-meta a, .ore-contact-list a, .property-result-list a.btn { min-height: 44px; }',
    '  .property-result-list a.btn { display: inline-flex; align-items: center; }',
    '  #header-bar a.btn:not(.header-menu-toggle) { display: inline-flex; align-items: center; min-height: 44px; }',
    '  .ore-filter-toggle { display: flex; }',
    '  .ore-filters-closed #search-bar-widget { display: none; }',
    '  .ore-more { display: block; }',
    '  .ore-clamp { max-height: 720px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 75%, transparent); mask-image: linear-gradient(#000 75%, transparent); }',
    '  .ore-faq--short > details:nth-of-type(n+6) { display: none; }',
    '}'
  ];
  function addGlobalStyles() {
    if (document.getElementById('ore-global-css')) return;
    var s = el('style');
    s.id = 'ore-global-css';
    s.textContent = GLOBAL_CSS.join('\n');
    document.head.appendChild(s);
  }
  // OwnerRez's search (Home and Properties) traps Tab in "Arrival": Tab moves to "Departure", whose date picker
  // sends focus straight back while Arrival is empty. Move focus ourselves, skipping date fields that would bounce.
  function isDateField(x) {
    return !!(x && x.matches && x.matches('input.form-control[readonly]') && window.jQuery && window.jQuery(x).data('datepicker'));
  }
  function fixDateFieldTab() {
    document.addEventListener('keydown', function (e) {
      var input = e.target;
      if (!isDateField(input)) return;
      if (e.key === 'Escape') {
        window.jQuery(input).datepicker('hide');
        return;
      }
      if (e.key !== 'Tab') return;
      window.jQuery(input).datepicker('hide');
      var stops = [].filter.call(document.querySelectorAll('a[href], button, input:not([type=hidden]), select, textarea, [tabindex]'), function (x) {
        return x.tabIndex >= 0 && !x.disabled && x.getClientRects().length > 0;
      });
      var step = e.shiftKey ? -1 : 1;
      var i = stops.indexOf(input) + step;
      while (!e.shiftKey && !input.value && isDateField(stops[i])) i += step;
      var next = stops[i];
      if (next) {
        e.preventDefault();
        e.stopImmediatePropagation();
        next.focus();
      }
    }, true);
  }

  // Alt text OwnerRez leaves out (or sets to "OwnerRez"), and the Properties list buttons:
  // "Inquire" becomes "Check Availability" (it already opens the calendar); "Rates" and "Availability" duplicate it.
  function tidyListingsAndPhotos() {
    var isHome = /\bmultihome\b/.test(html.className);
    var h1 = document.querySelector('h1.page-header');
    var pageName = h1 ? h1.textContent.trim().split(/\n/)[0].trim() : '';
    [].forEach.call(document.querySelectorAll('.carousel .item img:not([alt])'), function (img, i) {
      img.alt = isHome || !pageName ? '' : pageName + ', photo ' + (i + 1);
    });
    [].forEach.call(document.querySelectorAll('.property-result-list a.thumbnail img'), function (img) {
      var row = img.closest('.row');
      var title = row && row.querySelector('.media-heading a');
      if (title && (!img.alt || img.alt === 'OwnerRez')) img.alt = clean(title.textContent);
    });
    [].forEach.call(document.querySelectorAll('.property-result-list a.btn'), function (a) {
      var text = clean(a.textContent);
      if (text === 'Inquire') a.textContent = 'Check Availability';
      else if (text === 'Rates' || text === 'Availability') a.style.display = 'none';
    });
  }

  // Properties page on phones: the search form folds into one "Dates & filters" button
  function foldPropertyFilters() {
    var bar = document.getElementById('search-bar-widget');
    if (!bar || !bar.parentElement || /\bmultihome\b/.test(html.className) || document.querySelector('.ore-filter-toggle')) return;
    var form = bar.parentElement;
    var arrival = bar.querySelector('#ArrivalDate'), departure = bar.querySelector('#DepartureDate');
    var searched = arrival && departure && arrival.value && departure.value;
    var toggle = button('ore-filter-toggle', '');
    toggle.setAttribute('aria-controls', 'search-bar-widget');
    toggle.setAttribute('aria-expanded', 'false');
    var label = toggle.appendChild(el('span'));
    label.appendChild(icon('fa-sliders'));
    label.appendChild(document.createTextNode(searched ? ' ' + arrival.value + ' – ' + departure.value + ' · Change' : ' Dates & filters'));
    toggle.appendChild(icon('fa-chevron-down'));
    form.classList.add('ore-filters-closed');
    form.insertBefore(toggle, bar);
    toggle.addEventListener('click', function () {
      var closed = form.classList.toggle('ore-filters-closed');
      toggle.setAttribute('aria-expanded', String(!closed));
    });
  }

  // Home on phones: show the first reviews and 5 FAQs with a button for the rest (nothing is removed)
  function shortenHomeOnPhones() {
    if (!/\bmultihome\b/.test(html.className)) return;
    function moreButton(target, text, reveal) {
      if (!target || (target.nextElementSibling && target.nextElementSibling.classList.contains('ore-more'))) return;
      var wrap = el('div', 'ore-more');
      var b = wrap.appendChild(button('btn ore-btn', text));
      b.addEventListener('click', function () {
        reveal();
        wrap.parentNode.removeChild(wrap);
      });
      target.parentNode.insertBefore(wrap, target.nextSibling);
    }
    var reviews = document.querySelector('.ore-reviews .ownerrez-widget');
    if (reviews) {
      reviews.classList.add('ore-clamp');
      // The section's own "All Reviews" button already leads to every review; add one only if it's missing
      var section = reviews.closest('section');
      if (!(section && section.querySelector('a[href="/reviews"]'))) {
        moreButton(reviews, 'Show all reviews', function () { reviews.classList.remove('ore-clamp'); });
      }
    }
    var faq = document.querySelector('.ore-faq');
    var count = faq ? faq.querySelectorAll('details').length : 0;
    if (count > 5) {
      faq.classList.add('ore-faq--short');
      moreButton(faq, 'Show all ' + count + ' questions', function () { faq.classList.remove('ore-faq--short'); });
    }
  }

  // ---- start ---------------------------------------------------------------------
  function start() {
    addGlobalStyles();
    fixDateFieldTab();
    tidyListingsAndPhotos();
    foldPropertyFilters();
    shortenHomeOnPhones();
    if (document.querySelector('.property-result-tile, .property-result-list')) watchPrices();
    // Home page: the hero search bar button reads "Check Availability"
    if (/\bmultihome\b/.test(html.className)) {
      [].forEach.call(document.querySelectorAll('.incarousel-search-bar .search-bar-button .btn, .incarousel-search-bar button[type="submit"]'), function (b) {
        b.textContent = 'Check Availability';
      });
    }
    var widget = document.querySelector('.ownerrez-widget[data-widget-type="Booking/Inquiry"][data-propertyid]');
    if (widget && /\bproperty-\d+\b/.test(html.className)) initPropertyPage(widget);
    else if (/\bmultibook\b/.test(html.className)) initBookPage();
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
  else start();
})();