/* =================================
   Space Vanta Theme 1.0
   Mobile drawer
   Path: public/header/drawer/drawer.css

   Opens through viewport.js, or the URL anchor #sv-drawer (no JS).
   ================================= */

.sv-drawer__panel {
  position: relative;
  width: min(360px, 88vw);
  height: 100%;
  padding: 64px 20px 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: auto;
  background: linear-gradient(180deg, #fffefb, #fbf7f0);
  box-shadow: var(--sv-elev-3, 0 24px 48px -16px rgba(70, 48, 24, 0.26));
}
.sv-drawer .sv-layer__close { top: 14px; right: 14px; }

.sv-drawer__featured { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sv-drawer__privilege,
.sv-drawer__vision {
  display: flex; align-items: center; gap: 8px;
  height: 56px; padding: 0 14px; box-sizing: border-box;
  font: inherit; font-weight: 500; text-align: left; text-decoration: none; cursor: pointer; border: 0;
  color: var(--sv-ink, #252321);
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}
.sv-drawer__privilege {
  background: linear-gradient(135deg, #fffefc, #e2ded6);
  box-shadow: inset 0 -2px 0 var(--sv-blue, #1d6bff);
  flex-wrap: wrap;
  align-content: center;
}
.sv-drawer__privilege .sv-icon-gem { width: 16px; height: 16px; }
.sv-drawer__privilege [data-sv-privilege-tag] { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sv-muted, #7a7167); }
.sv-drawer__privilege[data-state="member"] span:nth-of-type(1) { display: none; }
.sv-drawer__vision { background: #f4eee4; }
.sv-drawer__vision .sv-icon-vision { width: 30px; height: 19px; }

.sv-drawer__nav { flex: 1; }
.sv-drawer__nav ul { list-style: none; margin: 0; padding: 0; }
.sv-drawer__nav li > a,
.sv-drawer__nav summary,
.sv-drawer__nav li > span {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid var(--sv-line, rgba(120, 104, 84, 0.22));
  color: inherit;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.sv-drawer__nav summary::-webkit-details-marker { display: none; }
.sv-drawer__nav summary::after { content: "+"; float: right; color: var(--sv-muted, #7a7167); }
.sv-drawer__nav details[open] > summary::after { content: "–"; }
.sv-drawer__nav details ul { padding-left: 14px; }

.sv-drawer__footer { display: flex; flex-direction: column; gap: 12px; padding-top: 12px; border-top: 1px solid var(--sv-line, rgba(120, 104, 84, 0.22)); }
.sv-drawer__account { color: inherit; text-decoration: none; font-weight: 500; }
.sv-drawer__locale { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; }