/* Het deelmenu uit js/deelmenu.js. Een eigen bestand, omdat de radar-iframe
   (webconcept/prikbord.html) het ook laadt en basis.css daar niet staat. De
   tokens die hier gebruikt worden staan daarom ook in prikbord.css, met
   dezelfde waarden; tests/test_huisstijl.py bewaakt dat.

   Het kaartprimitief in het klein: wit vlak, dunne lijn, twee ronde hoeken
   en twee scherpe (--vorm-klein). */
.deelmenu{position:absolute;z-index:90;width:min(280px,calc(100vw - 16px));
  background:var(--vlak);color:var(--inkt);border:1px solid var(--lijn);
  border-radius:var(--vorm-klein);box-shadow:var(--sch);padding:10px;
  font-family:var(--font);font-size:var(--t-basis);line-height:1.4;text-align:left}
.deelmenu-kop{margin:2px 6px 6px;font-size:var(--t-meta);font-weight:700;color:var(--inkt)}
.deelmenu-uitleg{margin:0 6px 8px;font-size:var(--t-meta);color:var(--inkt-zwak)}
.deelmenu-lijst{list-style:none;margin:0;padding:0}
/* Tapgrootte minstens 44px, ook op een telefoon. */
.deelmenu-optie{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;
  padding:8px 10px;border:0;background:transparent;color:var(--inkt);
  border-radius:var(--hoek-klein);font-family:var(--font);font-size:var(--t-basis);
  font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.deelmenu-optie:hover{background:var(--grond)}
.deelmenu-optie:focus-visible{outline:2px solid var(--inkt);outline-offset:-2px;background:var(--grond)}
.deelmenu-ico{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;color:var(--inkt)}
.deelmenu-optie.is-gekopieerd{background:var(--grond)}
.deelmenu-status{margin:0 6px;font-size:var(--t-meta);color:var(--inkt-zwak)}
.deelmenu-status:empty{display:none}
.deelmenu-status:not(:empty){margin-top:6px}
.deelmenu-url{display:block;margin-top:4px;color:var(--inkt);word-break:break-all;user-select:all}
/* Het tekstveld voor de kopieerroute zonder navigator.clipboard: buiten beeld. */
.deelmenu-klembord{position:fixed;top:-200px;left:0;opacity:0}