/* ve-chrome.css — COMPILED site-wide chrome (header+footer). DO NOT EDIT.
   Source: design/prototypes/homepage/chrome/ — edit there, then rebuild. */

@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/Jost-normal-300.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Jost-normal-400.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Jost-normal-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/CormorantGaramond-normal-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/CormorantGaramond-normal-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/CormorantGaramond-italic-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/CormorantGaramond-italic-500.woff2) format('woff2')}


.vhd{position:sticky;top:0;z-index:70;background:var(--cream,#FDF8F5);border-bottom:1px solid rgba(26,33,66,.14)}
.vhd-in{max-width:1200px;margin:0 auto;padding:0 clamp(16px,3.4vw,48px);min-height:88px;
  display:flex;align-items:center;gap:clamp(14px,1.6vw,18px)}

.vhd-logo{display:flex;align-items:center;flex:none}
.vhd-logo img{height:48px;width:auto;display:block}
.vhd-nav{display:flex;align-items:center;gap:clamp(10px,1.2vw,14px);margin-left:auto}
.vhd-nav a{white-space:nowrap;font-family:'Jost',sans-serif;font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#1A2142;text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;min-height:44px;display:inline-flex;align-items:center}
.vhd-nav a:hover{color:#8F6A58;border-bottom-color:#CFA190}
.vhd-tel{flex:none;white-space:nowrap;font-family:'Jost',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.14em;
  color:#1A2142;text-decoration:none;padding:6px 0;border-bottom:1px solid #CFA190;min-height:44px;display:inline-flex;align-items:center;transition:color .2s}
.vhd-tel:hover{color:#8F6A58}

.vhd-search{position:static}
.vhd-search summary{list-style:none;cursor:pointer;white-space:nowrap;font-family:'Jost',sans-serif;font-weight:500;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:#8F6A58;min-height:44px;display:inline-flex;align-items:center;padding:6px 2px;border-bottom:1px solid transparent}
.vhd-search summary::-webkit-details-marker{display:none}
.vhd-search summary:hover,.vhd-search[open] summary{border-bottom-color:#CFA190}
.vhd-search .pane{position:absolute;left:0;right:0;top:100%;background:#FDF8F5;border-bottom:1px solid rgba(26,33,66,.14);
  box-shadow:0 24px 40px -32px rgba(26,33,66,.35)}
.vhd-search .pane form{max-width:1200px;margin:0 auto;padding:26px clamp(16px,3.4vw,48px) 30px;
  display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:end}
.vhd-search .sl{grid-column:1/-1;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:24px;color:#1A2142}
.vhd-search input[type=text]{border:0;border-bottom:1px solid rgba(26,33,66,.22);background:transparent;min-height:48px;
  font-family:'Jost',sans-serif;font-size:17px;color:#1A2142;padding:0 2px 8px;outline-offset:4px}
.vhd-search input[type=text]::placeholder{color:rgba(26,33,66,.55)}
.vhd-search .go{border:0;border-radius:999px;background:#CFA190;color:#fff;min-height:48px;padding:0 30px;cursor:pointer;
  font-family:'Jost',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;transition:background .2s}
.vhd-search .go:hover{background:#C08E82}
.vhd-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:999px;
  background:#CFA190;color:#fff;font-family:'Jost',sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.vhd-cta:hover{background:#C08E82}

.vhd-m{display:none}
@media(max-width:1199px){
  .vhd-nav{display:none}
  .vhd-tel{display:none}
  .vhd-search{display:none}
  .vhd-m{display:block;margin-left:auto}
  .vhd-m summary{list-style:none;cursor:pointer;font-family:'Jost',sans-serif;font-weight:500;font-size:11px;letter-spacing:.18em;
    text-transform:uppercase;color:#1A2142;min-height:44px;display:inline-flex;align-items:center;padding:0 8px}
  .vhd-m summary::-webkit-details-marker{display:none}
  .vhd-m[open] summary{color:#8F6A58}
  .vhd-m .sheet{position:absolute;left:0;right:0;top:100%;background:#FDF8F5;border-bottom:1px solid rgba(26,33,66,.14);
    display:grid;gap:2px;padding:12px clamp(16px,3.4vw,48px) 20px}
  .vhd-m .sheet a{font-family:'Jost',sans-serif;font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
    color:#1A2142;text-decoration:none;padding:12px 2px;border-top:1px solid rgba(26,33,66,.10);min-height:44px;display:flex;align-items:center}
  .vhd-cta{margin-left:12px}
  .vhd-m .msearch{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 2px 6px}
  .vhd-m .msearch input{border:0;border-bottom:1px solid rgba(26,33,66,.22);background:transparent;min-height:46px;
    font-family:'Jost',sans-serif;font-size:16px;color:#1A2142;padding:0 2px 6px}
  .vhd-m .msearch button{border:0;border-radius:999px;background:#CFA190;color:#fff;min-height:44px;padding:0 20px;cursor:pointer;
    font-family:'Jost',sans-serif;font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
}

.vft{background:#FBF8F2;border-top:1px solid rgba(26,33,66,.14);font-family:'Jost',sans-serif;color:#1A2142}
.vft .k{font-family:'Jost',sans-serif;font-weight:500;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:#8F6A58}

.vft-invite{border-bottom:1px solid rgba(26,33,66,.10)}
.vft-invite-in{max-width:1200px;margin:0 auto;padding:clamp(48px,7vh,88px) clamp(16px,3.4vw,48px);
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px 64px;flex-wrap:wrap}
.vft-say{display:grid;gap:12px}
.vft-say .big{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1;color:#1A2142;letter-spacing:-0.015em}
.vft-say .big em{font-style:italic;color:#A87D6A}
.vft-say .sub{font-size:15.5px;color:#5D6475}
.vft-reach{display:grid;gap:12px;justify-items:start}
.vft-reach .tel{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1;color:#1A2142;text-decoration:none;letter-spacing:-0.012em}
.vft-reach .tel:hover{color:#8F6A58}
.vft-reach .acts{display:flex;align-items:center;gap:clamp(16px,2vw,28px);flex-wrap:wrap;margin-top:4px}
.vft-reach .pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;
  background:#CFA190;color:#fff;font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.vft-reach .pill:hover{background:#C08E82}
.vft-reach .elink{display:inline-flex;align-items:flex-end;gap:8px;min-height:44px;
  font-weight:500;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#1A2142;text-decoration:none;
  border-bottom:1px solid #CFA190;padding-bottom:3px;transition:color .2s}
.vft-reach .elink .arw{color:#A87D6A;transition:transform .2s}
.vft-reach .elink:hover{color:#8F6A58} .vft-reach .elink:hover .arw{transform:translateX(4px)}

.vft-in{max-width:1200px;margin:0 auto;padding:clamp(40px,6vh,72px) clamp(16px,3.4vw,48px) 40px;
  display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr;gap:clamp(28px,4vw,64px)}
.vft-brand{display:grid;gap:12px;align-content:start;justify-items:start}
.vft-brand img{height:44px;width:auto}
.vft-brand .line{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:18px;color:#1A2142}
.vft-search{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:10px;width:100%;max-width:300px}
.vft-search .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vft-search input{border:0;border-bottom:1px solid rgba(26,33,66,.22);background:transparent;min-height:44px;width:100%;
  font-family:'Jost',sans-serif;font-size:14.5px;color:#1A2142;padding:0 2px 6px}
.vft-search input::placeholder{color:rgba(26,33,66,.5)}
.vft-search button{border:0;background:transparent;color:#A87D6A;font-size:20px;min-height:44px;min-width:44px;cursor:pointer;
  border-bottom:1px solid #CFA190;transition:transform .2s,color .2s}
.vft-search button:hover{color:#8F6A58;transform:translateX(3px)}
.vft h4{font-weight:500;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#8F6A58;margin-bottom:14px}
.vft ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.vft ul.two{grid-template-columns:1fr 1fr;column-gap:24px}
.vft ul a{font-size:14.5px;color:#1A2142;text-decoration:none;line-height:1.5;white-space:nowrap}
.vft ul a:hover{color:#8F6A58;text-decoration:underline;text-decoration-color:#CFA190;text-underline-offset:4px;text-decoration-thickness:1px}

.vft-bar{border-top:1px solid rgba(26,33,66,.10)}
.vft-bar .in{max-width:1200px;margin:0 auto;padding:18px clamp(16px,3.4vw,48px);
  display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}
.vft-bar .c{font-size:12.5px;color:#5D6475}

.vft-bar .soc{list-style:none;display:flex;flex-wrap:wrap;gap:0 6px;margin:0;padding:0}
.vft-bar .soc a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  color:#5A564F;text-decoration:none;transition:color .2s;border-radius:3px}
.vft-bar .soc a:hover{color:#1A2142}
.vft-bar .soc svg{display:block}
@media(max-width:900px){.vft-in{grid-template-columns:1fr 1fr}.vft-invite-in{align-items:flex-start}}
@media(max-width:560px){.vft-in{grid-template-columns:1fr}.vft ul.two{grid-template-columns:1fr 1fr}/* header row: logo + burger + CTA did not fit under ~420px and pushed the
   whole document sideways (verified 425px wide in a 390px viewport on
   villa and city pages, 2026-07-22). Compact the row instead of letting
   it overflow; nothing is hidden. */.vhd-in{gap:8px;padding-left:14px;padding-right:14px}.vhd-logo img{height:38px}.vhd-cta{margin-left:6px;padding:0 14px;font-size:11px;letter-spacing:.12em;white-space:nowrap}.vhd-m summary{white-space:nowrap}}

/* skip link (replaces the shell plugin's) */
.vhd-skip{position:absolute;left:-9999px;top:0;z-index:200;background:#1A2142;color:#FBF3EC;font-family:'Jost',sans-serif;font-size:13px;letter-spacing:.08em;padding:12px 18px;border-radius:0 0 3px 0}
.vhd-skip:focus{left:0}

/* Legacy chrome retired SITE-WIDE (hidden, not deleted): the Elementor
   theme-builder header/footer templates (e.g. footer 210553, .ve-footer)
   still render on WPRentals/Elementor pages and would stack with the new
   chrome — the double-footer Oliver caught on the search results. */
footer[data-elementor-type="footer"],.elementor-location-footer{display:none!important}
header[data-elementor-type="header"],.elementor-location-header{display:none!important}

/* Chat launcher steps aside while the mobile menu drawer is open — its circle
   sat exactly on the drawer's search "Go" button (Oliver 2026-07-22). */
.ve-widget-shim-btn{transition:opacity .2s ease}
body:has(details.vhd-m[open]) .ve-widget-shim-btn{opacity:0;pointer-events:none}
html:has(body.admin-bar header.vhd){margin-top:0!important}
body.admin-bar:has(header.vhd){margin-top:0!important;padding-top:0!important}
body.admin-bar:has(header.vhd)::before{content:"";display:block;height:32px;position:static;margin:0;padding:0;border:0;pointer-events:none}
body.admin-bar header.vhd{top:32px}
@media(max-width:782px){body.admin-bar:has(header.vhd)::before{height:46px}body.admin-bar header.vhd{top:46px}}
@media(max-width:600px){body.admin-bar:has(header.vhd) #wpadminbar{position:fixed}}
