/* site footer: dark and quiet, with a slow gold light along the top edge. Colours come from each page's :root */
.site-foot{position:relative;z-index:2;margin-top:48px;background:radial-gradient(ellipse 70% 120% at 50% 0,rgba(255,160,80,.07),transparent 70%),rgba(7,6,10,.72);backdrop-filter:blur(8px);overflow:hidden}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,181,107,.2) 20%,rgba(242,181,107,.2) 80%,transparent)}
.site-foot::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:1px;background:linear-gradient(90deg,transparent,#ffe0b0,transparent);animation:f-glide 9s ease-in-out infinite}
@keyframes f-glide{to{left:100%}}
.f-wrap{max-width:1200px;margin:0 auto;padding:48px 24px 24px}
.f-main{display:grid;grid-template-columns:2.6fr repeat(4,1fr);gap:32px}
.f-logo{display:inline-flex;align-items:center;gap:15px}
.f-logo img{width:58px;height:58px;filter:drop-shadow(0 0 12px rgba(255,138,61,.45))}
.f-logo span{display:grid;line-height:1}
.f-logo b{font-family:"Playfair Display",serif;font-size:40px;font-style:italic;font-weight:500;background:linear-gradient(90deg,#ffe0b0,#ff9a4a 55%,#e8607f);-webkit-background-clip:text;background-clip:text;color:transparent}
.f-logo small{margin-top:7px;font-size:12px;font-weight:500;letter-spacing:4.2px;text-transform:uppercase;color:var(--muted)}
.f-brand p{margin:16px 0;color:var(--muted);font-size:14px;line-height:1.65}
/* concierge card: call, WhatsApp and booking in one glass card, footer.js draws the electricity around it */
.f-zap{position:relative;display:block;max-width:300px;margin-top:20px}
.f-zap>canvas{position:absolute;left:-24px;top:-24px;pointer-events:none;mix-blend-mode:plus-lighter}
.f-card{border-radius:20px;background:linear-gradient(180deg,rgba(255,240,225,.06),rgba(255,240,225,.015));box-shadow:inset 0 1px 0 rgba(255,236,215,.12)}
.f-rows{display:grid;grid-template-columns:1fr auto}
.f-rows a{display:flex;align-items:center;gap:10px;padding:15px 14px}
.f-rows a+a{border-left:1px solid var(--line)}
.f-rows i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(242,181,107,.42);background:radial-gradient(circle,rgba(255,170,90,.12),transparent 70%);color:var(--gold);transition:border-color .3s,color .3s,box-shadow .3s}
.f-rows span{display:grid;gap:3px}
.f-rows small{font-size:9.5px;font-weight:500;letter-spacing:1.8px;line-height:1.2;text-transform:uppercase;color:var(--muted)}
.f-rows b{font-family:"Playfair Display",serif;font-size:16px;font-weight:500;line-height:1.2;white-space:nowrap;color:var(--ink);transition:color .3s}
.f-rows a:hover i{border-color:var(--gold);color:#ffe0b0;box-shadow:0 0 20px rgba(255,150,70,.4)}
.f-rows a:hover b{color:#ffe0b0}
.f-book{display:block;padding:15px 12px 14px;border-top:1px solid var(--line);border-radius:0 0 20px 20px;text-align:center;color:#ffe0b0;font-size:11.5px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;white-space:nowrap;transition:color .3s,background .3s}
.f-book:hover{background:rgba(242,181,107,.08);color:#fff6ec}
.f-col h2{margin:6px 0 14px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;line-height:1.3;text-transform:uppercase;color:var(--gold)}
.f-col ul{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.f-col a{display:inline-block;color:#cfc4b8;font-size:14px;transition:color .2s,transform .2s}
.f-col a:hover{color:#ffe0b0;transform:translateX(3px)}
.f-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:960px){.f-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.f-brand{grid-column:1/-1}}
@media(max-width:860px){.site-foot{margin-top:32px}.f-wrap{padding:40px 16px 20px}.f-base{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.site-foot::after{animation:none;display:none}}