/* Floating Sidebar – Syntharé */
:root {
  --navy:#0F1E2D; --rose:#D4A5A5; --cream:#F9F7F4; --gold:#F5B841;
}

.sidebar {
  position: fixed;
  top: 0; left: -260px;
  width: 260px; height: 100vh;
  background: var(--cream);
  box-shadow: 4px 0 16px rgba(0,0,0,0.15);
  padding: 28px 20px;
  transition: all .28s ease;
  z-index: 9999;
  overflow-y: auto;
  border-right: 1px solid rgba(212,165,165,0.35);
}

.sidebar.open { left: 0; }

.sidebar .logo { font-size:22px;font-weight:800;color:var(--navy);margin-bottom:20px; }
.nav-link { display:flex;align-items:center;gap:12px;padding:10px 8px;color:var(--navy);border-radius:8px;font-weight:600;margin-bottom:6px;text-decoration:none; }
.nav-link:hover { background:rgba(212,165,165,.15); }
.nav-link.active { background:rgba(212,165,165,.25); }

.sidebar-overlay {
  position:fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.35);
  opacity:0; pointer-events:none;
  transition:all .25s ease;
  z-index:9998;
}

.sidebar-overlay.active {
  opacity:1; pointer-events:auto;
}

.sidebar-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--navy);
  border: none;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  color: var(--white);
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.sidebar-trigger svg { stroke: currentColor; width: 22px; height: 22px; }