/* Reservation Destination footer v1 (10-09) - "painted landscape" footer.
   Additive: <link rel="stylesheet" href="/rd-footer.css?v=1"> in <head>, <script src="/rd-footer.js?v=1"></script> before </body>.
   - Without JS: the existing footer turns light and the landscape picture sits across its bottom.
   - With rd-footer.js: the footer is re-arranged into logo + link columns, the landscape is drawn inline
     and GSAP moves the hill layers / sun / lake / cabin windows as it scrolls in.
   The !important rules only exist to win over mobile-footer-fix.css, which uses !important itself.
   The landscape lives ONCE, in --rdf-scene below; rd-footer.js reads it from here. */

html body footer.site-footer {
  --rdf-scene: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 420' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='rdfSky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.24' stop-color='%23ffffff'/%3E%3Cstop offset='.42' stop-color='%23fff6ea'/%3E%3Cstop offset='.66' stop-color='%23fde6c9'/%3E%3Cstop offset='1' stop-color='%23f8c497'/%3E%3C/linearGradient%3E%3CradialGradient id='rdfGlow'%3E%3Cstop offset='0' stop-color='%23f5b942' stop-opacity='.62'/%3E%3Cstop offset='.55' stop-color='%23f5b942' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23f5b942' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='rdfLake' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239ad3d4'/%3E%3Cstop offset='.45' stop-color='%235aaab8'/%3E%3Cstop offset='1' stop-color='%232b7c97'/%3E%3C/linearGradient%3E%3CradialGradient id='rdfWin'%3E%3Cstop offset='0' stop-color='%23ffd36b' stop-opacity='.8'/%3E%3Cstop offset='1' stop-color='%23ffd36b' stop-opacity='0'/%3E%3C/radialGradient%3E%3Csymbol id='rdfPine' viewBox='0 0 40 100'%3E%3Cpath d='M18 100V82h4v18z' fill='%233b2a22'/%3E%3Cpath d='M20 0 33 30h-6l10 24h-8l11 30H0l11-30H3l10-24H7z'/%3E%3C/symbol%3E%3C/defs%3E%3Crect width='1440' height='420' fill='url(%23rdfSky)'/%3E%3Cg class='rdf-clouds' fill='%23ffffff'%3E%3Cpath d='M180 122c5-17 29-22 41-10 8-15 35-15 43 3 16-2 27 8 25 19H168c-4-9 3-14 12-12z'/%3E%3Cpath d='M1150 88c6-15 27-19 39-8 9-12 31-10 37 6 14 0 22 8 20 16h-110c-2-8 6-14 14-14z'/%3E%3Cpath d='M520 70c4-11 19-14 27-6 6-9 22-8 26 4 10 0 15 6 14 11h-76c-2-6 3-9 9-9z' opacity='.8'/%3E%3C/g%3E%3Cg class='rdf-birds' fill='none' stroke='%23072f49' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' opacity='.5'%3E%3Cpath d='M640 132q8-8 16 0q8-8 16 0'/%3E%3Cpath d='M686 114q6-6 12 0q6-6 12 0'/%3E%3Cpath d='M612 108q5-5 10 0q5-5 10 0'/%3E%3C/g%3E%3Cg class='rdf-sun'%3E%3Ccircle cx='860' cy='226' r='170' fill='url(%23rdfGlow)'/%3E%3Ccircle cx='860' cy='226' r='66' fill='%23d9483f'/%3E%3Cpath d='M806 190h108M796 206h128' stroke='%23e2675c' stroke-width='4' stroke-linecap='round' opacity='.55'/%3E%3C/g%3E%3Cg class='rdf-l1'%3E%3Cpath fill='%23cfe5de' d='M0 238C120 204 210 212 300 228C390 244 470 194 580 198C690 202 760 232 860 224C960 216 1040 180 1150 188C1260 196 1340 230 1440 216V600H0Z'/%3E%3C/g%3E%3Cg class='rdf-l2'%3E%3Cpath fill='%23a9cfc5' d='M0 264C90 242 170 238 260 254C350 270 430 234 540 238C650 242 700 268 800 266C900 264 990 236 1090 240C1190 244 1260 272 1350 262C1400 256 1420 252 1440 254V600H0Z'/%3E%3Cg fill='%2393c1b5'%3E%3Cuse href='%23rdfPine' x='90' y='226' width='14' height='34'/%3E%3Cuse href='%23rdfPine' x='104' y='232' width='12' height='30'/%3E%3Cuse href='%23rdfPine' x='1240' y='236' width='14' height='34'/%3E%3Cuse href='%23rdfPine' x='1256' y='242' width='12' height='30'/%3E%3Cuse href='%23rdfPine' x='470' y='224' width='13' height='32'/%3E%3C/g%3E%3C/g%3E%3Cg class='rdf-l3'%3E%3Cpath fill='%2378ae9f' d='M0 292C110 270 200 266 300 282C400 298 500 288 600 300C700 308 800 308 900 304C1000 300 1100 282 1200 278C1300 274 1380 288 1440 282V600H0Z'/%3E%3Cg fill='%235f9a8a'%3E%3Cuse href='%23rdfPine' x='40' y='250' width='16' height='40'/%3E%3Cuse href='%23rdfPine' x='58' y='256' width='14' height='36'/%3E%3Cuse href='%23rdfPine' x='250' y='248' width='16' height='40'/%3E%3Cuse href='%23rdfPine' x='1150' y='246' width='16' height='40'/%3E%3Cuse href='%23rdfPine' x='1168' y='252' width='14' height='34'/%3E%3Cuse href='%23rdfPine' x='1330' y='248' width='16' height='40'/%3E%3C/g%3E%3C/g%3E%3Cg class='rdf-lake'%3E%3Cpath fill='url(%23rdfLake)' d='M0 300H1440V600H0Z'/%3E%3Cg class='rdf-refl'%3E%3Crect x='812' y='308' width='96' height='5' rx='2.5' fill='%23f5b942' opacity='.85'/%3E%3Crect x='826' y='319' width='68' height='4' rx='2' fill='%23d9483f' opacity='.7'/%3E%3Crect x='836' y='329' width='48' height='3.5' rx='1.75' fill='%23f5b942' opacity='.65'/%3E%3Crect x='846' y='339' width='28' height='3' rx='1.5' fill='%23d9483f' opacity='.5'/%3E%3Crect x='852' y='348' width='16' height='2.5' rx='1.25' fill='%23f5b942' opacity='.45'/%3E%3C/g%3E%3Cg class='rdf-shine' fill='%23ffffff'%3E%3Crect x='500' y='316' width='120' height='3' rx='1.5' opacity='.6'/%3E%3Crect x='560' y='340' width='70' height='2.5' rx='1.25' opacity='.45'/%3E%3Crect x='960' y='320' width='110' height='3' rx='1.5' opacity='.55'/%3E%3Crect x='1010' y='344' width='60' height='2.5' rx='1.25' opacity='.45'/%3E%3Crect x='690' y='356' width='90' height='2.5' rx='1.25' opacity='.4'/%3E%3C/g%3E%3Cg class='rdf-boat'%3E%3Cpath d='M682 344h46l-7 9h-32z' fill='%23072f49'/%3E%3Cpath d='M703 341v-34l20 31z' fill='%23ffffff'/%3E%3Cpath d='M701 341v-26l-14 24z' fill='%23f5b942'/%3E%3C/g%3E%3C/g%3E%3Cg class='rdf-l4'%3E%3Cpath fill='%233d8c73' d='M0 322C70 298 170 292 270 308C350 320 420 342 486 376V600H0Z'/%3E%3Cpath fill='%233d8c73' d='M1440 314C1360 294 1260 296 1170 316C1090 332 1040 352 990 378V600H1440Z'/%3E%3Cg fill='%232a6e59'%3E%3Cuse href='%23rdfPine' x='14' y='262' width='22' height='56'/%3E%3Cuse href='%23rdfPine' x='40' y='254' width='24' height='60'/%3E%3Cuse href='%23rdfPine' x='120' y='252' width='22' height='54'/%3E%3Cuse href='%23rdfPine' x='310' y='270' width='22' height='54'/%3E%3Cuse href='%23rdfPine' x='336' y='280' width='20' height='50'/%3E%3Cuse href='%23rdfPine' x='1110' y='274' width='22' height='54'/%3E%3Cuse href='%23rdfPine' x='1330' y='252' width='24' height='60'/%3E%3Cuse href='%23rdfPine' x='1360' y='258' width='22' height='54'/%3E%3Cuse href='%23rdfPine' x='1400' y='262' width='22' height='56'/%3E%3C/g%3E%3Cg transform='translate(190 254)'%3E%3Crect x='50' y='8' width='9' height='22' fill='%234a3226'/%3E%3Cpath d='M-4 60 38 0 80 60Z' fill='%233b2a22'/%3E%3Cpath d='M10 60 38 20 66 60Z' fill='%23b07a4f'/%3E%3Ccircle class='rdf-glow' cx='38' cy='45' r='30' fill='url(%23rdfWin)'/%3E%3Cpath class='rdf-win' d='M27 52 38 34 49 52Z' fill='%23ffd36b'/%3E%3Crect x='-8' y='58' width='92' height='4' rx='2' fill='%232a1d17'/%3E%3C/g%3E%3Cg transform='translate(1200 250)'%3E%3Crect x='56' y='4' width='8' height='16' fill='%234a3226'/%3E%3Crect x='4' y='26' width='68' height='34' fill='%238a5a3b'/%3E%3Cpath d='M-6 28 38 0 82 28Z' fill='%233b2a22'/%3E%3Ccircle class='rdf-glow' cx='20' cy='42' r='22' fill='url(%23rdfWin)'/%3E%3Crect class='rdf-win' x='12' y='35' width='15' height='13' rx='1.5' fill='%23ffd36b'/%3E%3Ccircle class='rdf-glow' cx='57' cy='42' r='22' fill='url(%23rdfWin)'/%3E%3Crect class='rdf-win' x='49' y='35' width='15' height='13' rx='1.5' fill='%23ffd36b'/%3E%3Crect x='31' y='40' width='12' height='20' fill='%234a3226'/%3E%3Crect x='-8' y='58' width='92' height='4' rx='2' fill='%232a1d17'/%3E%3C/g%3E%3C/g%3E%3Cg class='rdf-l5'%3E%3Cpath fill='%2326654f' d='M0 382C140 362 260 364 380 376C520 390 620 390 740 386C880 382 960 374 1080 376C1220 380 1320 364 1440 368V600H0Z'/%3E%3Cg fill='%231b4f3f'%3E%3Cuse href='%23rdfPine' x='420' y='300' width='30' height='76'/%3E%3Cuse href='%23rdfPine' x='452' y='314' width='26' height='66'/%3E%3Cuse href='%23rdfPine' x='640' y='318' width='26' height='66'/%3E%3Cuse href='%23rdfPine' x='1046' y='302' width='28' height='72'/%3E%3Cuse href='%23rdfPine' x='1076' y='310' width='26' height='66'/%3E%3C/g%3E%3Cg transform='translate(520 328)'%3E%3Crect x='50' y='8' width='9' height='22' fill='%234a3226'/%3E%3Cpath d='M-4 60 38 0 80 60Z' fill='%233b2a22'/%3E%3Cpath d='M10 60 38 20 66 60Z' fill='%23b07a4f'/%3E%3Ccircle class='rdf-glow' cx='38' cy='45' r='30' fill='url(%23rdfWin)'/%3E%3Cpath class='rdf-win' d='M27 52 38 34 49 52Z' fill='%23ffd36b'/%3E%3Crect x='-8' y='58' width='92' height='4' rx='2' fill='%232a1d17'/%3E%3C/g%3E%3Cg transform='translate(946 316)'%3E%3Crect x='56' y='4' width='8' height='16' fill='%234a3226'/%3E%3Crect x='4' y='26' width='68' height='34' fill='%238a5a3b'/%3E%3Cpath d='M-6 28 38 0 82 28Z' fill='%233b2a22'/%3E%3Ccircle class='rdf-glow' cx='20' cy='42' r='22' fill='url(%23rdfWin)'/%3E%3Crect class='rdf-win' x='12' y='35' width='15' height='13' rx='1.5' fill='%23ffd36b'/%3E%3Ccircle class='rdf-glow' cx='57' cy='42' r='22' fill='url(%23rdfWin)'/%3E%3Crect class='rdf-win' x='49' y='35' width='15' height='13' rx='1.5' fill='%23ffd36b'/%3E%3Crect x='31' y='40' width='12' height='20' fill='%234a3226'/%3E%3Crect x='-8' y='58' width='92' height='4' rx='2' fill='%232a1d17'/%3E%3C/g%3E%3C/g%3E%3Cg class='rdf-l6'%3E%3Cpath fill='%23072f49' d='M0 404C220 394 420 400 720 406C1000 412 1240 398 1440 400V600H0Z'/%3E%3Cg fill='%230b3b47'%3E%3Cuse href='%23rdfPine' x='-14' y='214' width='76' height='196'/%3E%3Cuse href='%23rdfPine' x='44' y='262' width='58' height='148'/%3E%3Cuse href='%23rdfPine' x='150' y='318' width='36' height='92'/%3E%3Cuse href='%23rdfPine' x='1384' y='220' width='72' height='190'/%3E%3Cuse href='%23rdfPine' x='1330' y='270' width='56' height='140'/%3E%3Cuse href='%23rdfPine' x='1270' y='322' width='34' height='88'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --rdf-h: clamp(230px, 24vw, 380px);
  --rdf-navy: #072f49;
  --rdf-green: #1f7a5c;
  --rdf-ink: #3f4643;
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--rdf-navy) !important;
  border-top: 1px solid #e2e8e4;
}

/* ---------- no JavaScript: same footer content, light colours, picture along the bottom ---------- */
html body footer.site-footer:not(.rdf) { padding-bottom: calc(var(--rdf-h) + 28px) !important; }
html body footer.site-footer:not(.rdf)::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: var(--rdf-h);
  background: var(--rdf-scene) 50% 100% / cover no-repeat; pointer-events: none;
}
html body footer.site-footer:not(.rdf) strong, html body footer.site-footer:not(.rdf) > div:first-child strong { color: var(--rdf-navy) !important; }
html body footer.site-footer:not(.rdf) p, html body footer.site-footer:not(.rdf) > div:first-child p { color: var(--rdf-ink) !important; }
html body footer.site-footer:not(.rdf) a { color: var(--rdf-navy) !important; }
html body footer.site-footer:not(.rdf) > div:first-child { background: transparent !important; }
html body footer.site-footer:not(.rdf) nav a { background: rgba(7, 47, 73, 0.07) !important; color: var(--rdf-navy) !important; }

/* ---------- with rd-footer.js ---------- */
html body footer.site-footer.rdf {
  display: block !important;
  padding: 0 !important;
  gap: 0 !important;
  margin: 36px 0 0 !important;
  border-radius: 0 !important;
  font-family: inherit;
  text-align: left !important;
}
html body footer.site-footer.rdf .rdf-sr {
  position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important;
}
html body footer.site-footer.rdf > .rdf-top {
  display: grid !important;
  grid-template-columns: minmax(220px, 290px) minmax(0, 1fr) !important;
  gap: 36px 56px !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 58px 22px 10px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
/* brand block: the logo is shown exactly as the header shows it (no glow, no box) */
html body footer.site-footer.rdf .rdf-brand { padding: 0 !important; background: transparent !important; border-radius: 0 !important; }
html body footer.site-footer.rdf .rdf-logo { display: inline-block !important; line-height: 0; }
html body footer.site-footer.rdf .rdf-logo img { display: block; width: auto; height: 60px; max-width: 100%; }
html body footer.site-footer.rdf .rdf-brand p {
  margin: 14px 0 0 !important; color: var(--rdf-ink) !important;
  font-size: 15.5px !important; line-height: 1.5 !important; max-width: 280px;
}
html body footer.site-footer.rdf .rdf-brand .rdf-contact { margin-top: 10px !important; font-size: 14.5px !important; }
html body footer.site-footer.rdf .rdf-brand .rdf-contact a {
  color: var(--rdf-navy) !important; font-weight: 700 !important; text-decoration: underline !important;
  text-decoration-color: rgba(31, 122, 92, 0.45) !important; text-underline-offset: 3px; overflow-wrap: anywhere;
}
html body footer.site-footer.rdf .rdf-brand a[href*="play.google.com"] { display: inline-block !important; margin-top: 4px; }

/* link columns */
html body footer.site-footer.rdf nav.rdf-cols {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px 26px !important;
  width: auto !important;
  max-width: none !important;
  justify-content: stretch !important;
  align-content: start !important;
}
html body footer.site-footer.rdf .rdf-h {
  margin: 0 0 12px !important; padding: 0 0 9px !important;
  border-bottom: 2px solid #f5b942;
  color: var(--rdf-green) !important;
  font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.12em !important;
  text-transform: uppercase !important; line-height: 1.2 !important;
}
html body footer.site-footer.rdf .rdf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
html body footer.site-footer.rdf nav.rdf-cols a {
  display: inline-block !important;
  min-height: 0 !important;
  padding: 5px 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--rdf-navy) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease;
}
html body footer.site-footer.rdf nav.rdf-cols a:hover, html body footer.site-footer.rdf nav.rdf-cols a:focus-visible {
  color: var(--rdf-green) !important; text-decoration: underline !important; text-underline-offset: 3px;
  transform: translateX(3px);
}

/* middle row: "Need a website?" + the visit counter */
html body footer.site-footer.rdf > .rdf-mid {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px;
  max-width: 1180px; margin: 0 auto; padding: 26px 22px 0;
}
html body footer.site-footer.rdf .rdf-mid .footer-webdesign {
  flex: 1 1 380px; margin: 0 !important; padding: 18px 20px !important;
  border-radius: 18px; background: #f4f8f6; border: 1px solid #e0ebe6;
  color: var(--rdf-ink) !important; font-size: 14.5px !important;
}
html body footer.site-footer.rdf .rdf-mid .footer-webdesign strong {
  display: block !important; margin: 0 0 4px !important; color: var(--rdf-navy) !important;
  font-size: 19px !important; letter-spacing: -0.02em;
}
html body footer.site-footer.rdf .rdf-mid .footer-webdesign a { color: var(--rdf-navy) !important; font-weight: 800 !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: rgba(31, 122, 92, 0.5) !important; }
html body footer.site-footer.rdf .rdf-mid .footer-visitor-counter { flex: 0 0 auto; }

/* the landscape */
html body footer.site-footer.rdf > .rdf-scene {
  position: relative; height: var(--rdf-h); margin-top: 8px; overflow: hidden; pointer-events: none;
  background: var(--rdf-scene) 50% 100% / cover no-repeat;   /* shows until the inline copy is in */
}
html body footer.site-footer.rdf > .rdf-scene.rdf-live { background: none; }
html body footer.site-footer.rdf > .rdf-scene svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: hidden; }

/* bottom line on the dark ground of the picture */
html body footer.site-footer.rdf > .rdf-copy {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px;
  margin: -1px 0 0; padding: 12px max(22px, calc((100vw - 1180px) / 2)) 18px;
  background: #072f49; color: rgba(255, 255, 255, 0.86);
  font-size: 13.5px; line-height: 1.5;
}
html body footer.site-footer.rdf > .rdf-copy p { margin: 0 !important; color: rgba(255, 255, 255, 0.86) !important; font-size: 13.5px !important; }
html body footer.site-footer.rdf > .rdf-copy a { color: #ffffff !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: rgba(245, 185, 66, 0.7) !important; }
html body footer.site-footer.rdf > .rdf-copy .rdf-copy-links { display: flex; gap: 18px; }

@media (max-width: 1023px) {
  html body footer.site-footer.rdf > .rdf-top { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
  html body footer.site-footer { --rdf-h: 236px; }
  html body footer.site-footer.rdf { margin-top: 26px !important; }
  html body footer.site-footer.rdf > .rdf-top { padding: 38px 16px 4px !important; gap: 26px !important; }
  html body footer.site-footer.rdf .rdf-logo img { height: 52px; }
  html body footer.site-footer.rdf nav.rdf-cols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 18px !important; }
  html body footer.site-footer.rdf nav.rdf-cols a { padding: 7px 0 !important; font-size: 15px !important; }
  html body footer.site-footer.rdf > .rdf-mid { padding: 22px 16px 0; }
  html body footer.site-footer.rdf .rdf-mid .footer-webdesign { flex-basis: 100%; }
  html body footer.site-footer.rdf .rdf-mid .footer-visitor-counter { width: 100% !important; }
  html body footer.site-footer.rdf > .rdf-copy { padding: 12px 16px 20px; }
}
