/* ═══ SHARED NAV + FOOTER ═══ */
/* components/site-shell.css — linked by every page */

.hotel-bar{
  background:linear-gradient(180deg,#1a1218 0%,#14101a 100%);
  border-bottom:2px solid var(--purple);
  padding:0 32px;
  display:flex;align-items:stretch;justify-content:space-between;
  position:sticky;top:0;z-index:100;
  font-family:'Cormorant Garamond',serif;
}
.hotel-crest{display:flex;align-items:center;gap:14px;padding:12px 0}
.crest-icon{
  width:32px;height:32px;
  border:1px solid var(--brass);
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-size:16px;font-weight:700;
  color:var(--brass);
}
.crest-text{
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--brass);line-height:1.3;
}
.crest-text small{
  display:block;font-size:9px;letter-spacing:2px;
  color:var(--text-dim);font-style:italic;text-transform:none;
}
.hotel-nav{display:flex;align-items:stretch;gap:0}
.hotel-nav a{
  display:flex;align-items:center;padding:0 16px;
  font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--text-dim);
  border-left:1px solid rgba(123,79,191,0.1);
  transition:color .2s,background .2s;
  text-decoration:none;
}
.hotel-nav a:hover{color:var(--purple-bright);background:rgba(123,79,191,0.06)}
.hotel-nav a[aria-current="page"]{color:var(--purple-text)}

.site-footer{
  background:var(--purple-dark);
  border-top:1px solid var(--purple-dim);
  padding:24px 32px;
  display:flex;justify-content:space-between;align-items:flex-start;
}
.ft-title{font-family:'Cormorant Garamond',serif;font-size:15px;color:rgba(255,255,255,0.85);margin-bottom:4px}
.ft-copy{font-size:13px;color:rgba(255,255,255,0.4)}
.ft-right{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ft-right a{font-size:13px;color:rgba(255,255,255,0.45);transition:color .2s;text-decoration:underline;text-decoration-color:rgba(255,255,255,0.15);text-underline-offset:3px}
.ft-right a:hover{color:rgba(255,255,255,0.85);text-decoration-color:rgba(255,255,255,0.4)}
.ft-nolink{font-size:13px;color:rgba(255,255,255,0.3)}

@media(max-width:600px){
  .hotel-nav{display:none}
  .site-footer{flex-direction:column;gap:16px;text-align:center}
  .ft-right{justify-content:center}
}