/* ============================================================
   281CC SATELLITE SITES — SHARED HEADER / NAV / FOOTER CSS
   ============================================================ */

:root{--bg:#0c0a08;--surface:#141009;--card:#1c1509;--orange:#e8761a;--amber:#f5a31a;--gold:#f5c842;--tan:#d4b07a;--muted:#8a7860;--light:#f0e8d8;--rule:rgba(212,176,122,.13);}

/* ---- HEADER ---- */
header{position:sticky;top:0;z-index:50;background:rgba(12,10,8,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;}
.header-row1{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 1.5rem;gap:1rem;width:100%;}
.header-left{display:flex;align-items:center;flex-shrink:0;}
.logo-wrap{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0;}
.logo-img{height:42px;width:auto;display:block;}
.social-row{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;}
.social-link{display:flex;align-items:center;justify-content:center;border-radius:4px;text-decoration:none;transition:opacity .2s,transform .15s;}
.social-link:hover{opacity:.85;transform:translateY(-1px);}
.social-link svg{width:28px;height:28px;}
.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0;}
.header-phone{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--light);text-decoration:none;transition:color .2s;white-space:nowrap;}
.header-phone:hover{color:var(--amber);}
.header-phone svg{color:var(--orange);flex-shrink:0;width:14px;height:14px;}
.hdr-location{display:inline-flex;align-items:center;gap:6px;background:#1a73e8;color:#fff;font-family:'Russo One',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:4px;text-decoration:none;flex-shrink:0;transition:opacity .2s;white-space:nowrap;}
.hdr-location:hover{opacity:.85;}
.hdr-location__text{display:inline;}
.hdr-hamburger{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid rgba(212,176,122,.25);cursor:pointer;border-radius:4px;flex-shrink:0;padding:0;transition:border-color .2s;}
.hdr-hamburger:hover{border-color:rgba(232,118,26,.5);}
.hdr-hamburger svg{color:var(--light);display:block;}
.hdr-hamburger.active{border-color:var(--orange);}
.hdr-hamburger.active svg{color:var(--orange);}
.btn-book{background:var(--orange);color:#fff;font-family:'Russo One',sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.55rem 1.2rem;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap;}
.btn-book:hover{background:var(--amber);transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,118,26,.4);}
.header-row2{display:none;align-items:center;gap:.7rem;padding:.35rem .9rem .45rem;border-top:1px solid rgba(212,176,122,.1);width:100%;}
.hdr-phone-row2{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--light);text-decoration:none;transition:color .2s;flex:1;justify-content:center;background:rgba(232,118,26,.08);border:1px solid rgba(232,118,26,.22);padding:.45rem .8rem;white-space:nowrap;}
.hdr-phone-row2 svg{color:var(--orange);flex-shrink:0;width:14px;height:14px;}
.hdr-phone-row2:hover{color:var(--amber);}
.hdr-book-row2{background:var(--orange);color:#fff;font-family:'Russo One',sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.1rem;text-decoration:none;display:inline-block;white-space:nowrap;flex-shrink:0;transition:background .2s;}
.hdr-book-row2:hover{background:var(--amber);}

/* ---- SITE NAV ---- */
.site-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--rule);background:rgba(12,10,8,.92);}
.site-nav a{display:flex;align-items:center;gap:.3rem;padding:.85rem 1.1rem;font-family:'Russo One',sans-serif;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);text-decoration:none;transition:color .2s,background .2s;white-space:nowrap;}
.site-nav a:hover,.site-nav a.active{color:var(--orange);background:rgba(232,118,26,.06);}

/* ---- FOOTER ---- */
footer{background:var(--surface);border-top:1px solid var(--rule);padding:2.5rem 2rem 1.8rem;}
.footer-main{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding-bottom:1.8rem;border-bottom:1px solid var(--rule);}
.footer-logo-img{height:56px;width:auto;display:block;}
.footer-info{font-size:.82rem;color:var(--muted);line-height:1.7;}
.footer-info strong{color:var(--tan);display:block;margin-bottom:.15rem;font-size:.9rem;}
.footer-info a{color:var(--tan);text-decoration:none;}
.footer-info a:hover{color:var(--orange);}
.footer-social{display:flex;gap:.4rem;justify-content:flex-end;}
.footer-social .social-link{width:34px;height:34px;border:1px solid var(--rule);border-radius:4px;}
.footer-network{max-width:1100px;margin:1.5rem auto 0;text-align:center;}
.footer-network-label{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;}
.footer-network-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.4rem;}
.footer-network-links a{font-size:.78rem;color:var(--tan);text-decoration:none;letter-spacing:.02em;transition:color .2s;position:relative;}
.footer-network-links a:hover{color:var(--orange);}
.footer-network-links a:not(:last-child)::after{content:'·';position:absolute;right:-.85rem;color:var(--muted);}
.footer-copyright{max-width:1100px;margin:0 auto;padding-top:1.2rem;border-top:1px solid var(--rule);text-align:center;font-size:.7rem;color:var(--muted);letter-spacing:.06em;}
.footer-copyright a{color:var(--muted);text-decoration:none;}
.footer-copyright a:hover{color:var(--tan);}

/* ---- RESPONSIVE ---- */
@media(max-width:768px){.social-row{display:none;}}
@media(max-width:700px){
  .header-row1{padding:0 10px;gap:.3rem;}
  .logo-img{height:40px;}
  .social-row{display:flex!important;gap:8px;}
  .social-link svg{width:22px;height:22px;}
  .header-phone{display:none;}
  .btn-book{display:none;}
  .hdr-location__text{display:none;}
  .hdr-location{padding:5px 7px;}
  .hdr-hamburger{display:flex;}
  .header-row2{display:flex;}
  .site-nav{display:none;}
  .site-nav.nav-open{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;}
  .site-nav.nav-open::-webkit-scrollbar{display:none;}
}
@media(max-width:520px){
  footer{padding:2rem 1.25rem 1.5rem;}
  .footer-main{grid-template-columns:1fr;text-align:center;gap:1.2rem;}
  .footer-info{text-align:center;}
  .footer-social{justify-content:center;}
  .footer-logo-img{margin:0 auto;}
}