/* Safir VIP V35 — sitewide finishing touches. Does not change hero, booking or page layout. */
:root{--sv-dock-bg:#0a1425;--sv-dock-border:rgba(196,214,245,.24);}
/* Desktop navbar: aligned phone action beside WhatsApp. */
.sv-header-phone{
  display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;
  border:1px solid rgba(178,198,234,.23);color:#f6f8fc;background:rgba(6,12,24,.14);
  transition:background .24s ease,border-color .24s ease,transform .24s ease;
}
.sv-header-phone svg{display:block;width:22px;height:22px;}
.sv-header-phone:hover{color:#fff;background:#2452d6;border-color:#4d80ff;transform:translateY(-2px);}
.sv-header-phone:focus-visible,.sv-floating-tools a:focus-visible,.sv-floating-tools button:focus-visible{
  outline:2px solid #84acff;outline-offset:3px;
}
/* Compact desktop breakpoint (two contact icons + reservation CTA). */
@media (min-width:951px) and (max-width:1250px){
  .site-header .header-inner{gap:8px;}
  .site-header .brand{width:clamp(104px,11.5vw,138px);}
  .site-header .desktop-nav{gap:clamp(9px,1.05vw,15px);}
  .site-header .nav-actions{gap:6px;}
  .site-header .header-whatsapp,.site-header .sv-header-phone{width:39px;height:39px;flex-basis:39px;}
  .site-header .nav-book{padding:13px 12px!important;gap:8px!important;font-size:9px;letter-spacing:.4px;}
}
@media(max-width:950px){.sv-header-phone{display:none!important;}}
/* A mobile call link sits in the existing expanded navigation. */
.mobile-nav .sv-mobile-call{color:#bdd1ff;font-weight:700;border-bottom:0;}
.mobile-nav .sv-mobile-call span{margin-left:6px;}
/* Fixed dock: WhatsApp + dial button on the same baseline, scroll-up above. */
.sv-floating-tools{
  position:fixed;right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));
  z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  pointer-events:none;
}
.sv-floating-contact{display:flex;align-items:center;gap:10px;pointer-events:auto;}
.sv-floating-tools .floating-whatsapp,
.sv-floating-tools .sv-floating-phone,
.sv-floating-tools .sv-back-to-top{
  position:relative!important;right:auto!important;bottom:auto!important;inset:auto!important;
  display:grid!important;place-items:center;flex:none;
  height:56px;width:56px;padding:0!important;margin:0!important;
  border:1px solid var(--sv-dock-border);border-radius:50%;
  background:var(--sv-dock-bg);color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.36);
  text-decoration:none;line-height:1;
}
.sv-floating-tools .floating-whatsapp svg{width:28px!important;height:28px!important;}
.sv-floating-tools .sv-floating-phone svg{width:25px;height:25px;display:block;}
.sv-floating-tools .sv-back-to-top svg{width:24px;height:24px;display:block;}
.sv-floating-tools .floating-whatsapp,
.sv-floating-tools .sv-floating-phone{
  transition:background .22s ease,transform .22s ease,border-color .22s ease;
}
.sv-floating-tools .floating-whatsapp:hover,
.sv-floating-tools .sv-floating-phone:hover{background:#2452d6;border-color:#6f98f7;transform:translateY(-3px);}
.sv-floating-tools .sv-back-to-top{
  height:46px;width:46px;margin-right:4px!important;
  cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(12px);
  transition:opacity .23s ease,visibility .23s ease,transform .23s ease,background .23s ease;
}
.sv-floating-tools .sv-back-to-top.is-visible{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}
.sv-floating-tools .sv-back-to-top:hover{background:#2452d6;border-color:#6f98f7;}
/* Instagram account under the footer link, without long text overflow. */
.sv-footer-links .sv-instagram-link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:100%;}
.sv-footer-links .sv-instagram-link small{font-size:11px;font-weight:500;letter-spacing:.01em;color:#9fb5dd;overflow-wrap:anywhere;}
@media(max-width:700px){
  .sv-floating-tools{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:9px;}
  .sv-floating-contact{gap:8px;}
  .sv-floating-tools .floating-whatsapp,
  .sv-floating-tools .sv-floating-phone{width:49px;height:49px;}
  .sv-floating-tools .floating-whatsapp svg{width:25px!important;height:25px!important;}
  .sv-floating-tools .sv-floating-phone svg{width:22px;height:22px;}
  .sv-floating-tools .sv-back-to-top{width:42px;height:42px;margin-right:3px!important;}
  .sv-footer-links .sv-instagram-link{align-items:center;}
}
@media(prefers-reduced-motion:reduce){
  .sv-floating-tools .sv-back-to-top,.sv-floating-tools a,.sv-header-phone{transition:none!important;}
}
