/* Shared site footer. Linked by index.html, all-rooms.html and room-detail.html. */
.site-footer { position:relative; margin-top:0; padding:118px 0 30px; overflow:hidden; color:var(--ink); background:var(--gold); }
.footer-wave { position:absolute; inset:0 0 auto; width:100%; height:96px; display:block; }
.footer-wave path { fill:var(--footer-wave,var(--paper,#fdfffc)); }
.footer-art { position:absolute; z-index:0; right:max(2vw,18px); bottom:-28px; width:min(280px,23vw); height:390px; pointer-events:none; }
.footer-art__girl { position:absolute; right:18px; bottom:0; width:auto; height:340px; opacity:.9; }
.footer-art__cat { position:absolute; top:28px; right:78px; width:160px; transform:rotate(-7deg); transform-origin:62% 72%; opacity:.96; animation:footer-cat-rock 4s ease-in-out infinite alternate; }
.footer-art__bird { position:absolute; z-index:1; top:-24px; right:8px; width:56px; transform:rotate(3deg); transform-origin:50% 75%; opacity:.9; animation:footer-bird-rock 4s ease-in-out infinite alternate-reverse; }
@keyframes footer-cat-rock { from { transform:translateX(-3px) rotate(-9deg); } to { transform:translateX(3px) rotate(-4deg); } }
@keyframes footer-bird-rock { from { transform:translateX(-3px) rotate(-3deg); } to { transform:translateX(3px) rotate(5deg); } }
.footer-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .9fr 1fr; gap:42px; padding-right:min(245px,20vw); padding-bottom:44px; }
.footer-logo { width:125px; margin-bottom:15px; padding:7px; border-radius:11px; background:#fff; }
.site-footer h3 { margin:0 0 14px; font-size:1.05rem; }
.site-footer p, .site-footer a, .footer-action { color:var(--ink); font-size:.86rem; text-decoration:none; }
.footer-list { display:grid; gap:10px; }
.footer-item { display:flex; align-items:flex-start; gap:10px; margin:0; }
.footer-item-icon { width:32px; height:32px; flex:none; display:grid; place-items:center; border:1px solid rgba(35,31,32,.35); border-radius:50%; color:var(--ink); background:rgba(255,255,255,.45); }
.footer-item-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.footer-item__copy { display:grid; gap:1px; }
.footer-item__copy small { color:#554600; font-size:.73rem; }
.footer-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.footer-action { min-height:44px; display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid rgba(35,31,32,.25); border-radius:12px; background:rgba(255,255,255,.42); cursor:pointer; }
.footer-action .icon { width:17px; height:17px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.footer-action--pending { grid-column:1 / -1; }
.footer-action[aria-disabled="true"] { cursor:not-allowed; opacity:.55; }
.site-footer a:hover, .footer-action:hover:not([aria-disabled="true"]) { background:#fff; }
.footer-divider { position:relative; z-index:1; width:calc(100% - min(245px,20vw)); height:24px; display:block; margin:0 0 8px; overflow:visible; }
.footer-divider path { fill:none; stroke:var(--ink); stroke-width:2.5; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.site-footer .copyright { position:relative; z-index:1; color:#4b400e; font-size:.78rem; }
@media (max-width:850px) {
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding-right:0; }
  .footer-art { width:180px; height:300px; opacity:.16; }
  .footer-art__girl { height:280px; }
  .footer-art__cat, .footer-art__bird { display:none; }
  .footer-divider { width:calc(100% - 180px); }
}
@media (max-width:570px) {
  .site-footer { padding-top:96px; }
  .footer-wave { height:72px; }
  .footer-grid { grid-template-columns:1fr; gap:30px; padding-right:0; }
  .footer-actions { grid-template-columns:1fr 1fr; }
  .footer-art { width:130px; height:250px; opacity:.1; }
  .footer-art__girl { height:230px; }
  .footer-divider { width:calc(100% - 130px); }
}
@media (prefers-reduced-motion:reduce) { .footer-art__cat, .footer-art__bird { animation:none; } }