/* Bytt profilbilde og forsidebilde (assets/bildebytte.js) */
.bb-forside-knapp{position:absolute;right:14px;bottom:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:0;border-radius:10px;
  background:rgba(255,255,255,.94);color:#0e1a2b;font-family:var(--display);font-size:14.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.22);transition:background .15s,transform .16s cubic-bezier(.23,1,.32,1)}
.bb-forside-knapp:hover{background:#fff}
.bb-forside-knapp:active{transform:scale(.97)}
.bb-forside-knapp:focus-visible,.bb-logo-knapp:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--accent)}
@media (max-width:560px){.bb-forside-knapp{right:10px;bottom:10px;width:38px;padding:0;justify-content:center}.bb-forside-knapp span{display:none}}

/* Kameraknappen nederst til høyre på det runde profilbildet */
.bb-kan{cursor:pointer;overflow:visible!important}
.bb-kan>img{border-radius:inherit}
.bb-logo-knapp{position:absolute;right:-4px;bottom:-4px;z-index:3;width:34px;height:34px;border-radius:50%;border:3px solid var(--card);
  background:color-mix(in srgb,var(--fg) 10%,var(--card));color:var(--fg);display:grid;place-items:center;cursor:pointer;padding:0;
  transition:background .15s,transform .16s cubic-bezier(.23,1,.32,1)}
.bb-logo-knapp svg{width:17px;height:17px}
.bb-logo-knapp:hover{background:color-mix(in srgb,var(--fg) 18%,var(--card))}
.bb-logo-knapp:active{transform:scale(.94)}
.bb-laster{pointer-events:none}
.bb-laster svg{animation:bb-puls 1s ease-in-out infinite}
@keyframes bb-puls{50%{opacity:.35}}

.bb-meny{position:fixed;z-index:2600;min-width:220px;padding:6px;border-radius:12px;background:var(--card);color:var(--fg);border:1px solid var(--line);
  box-shadow:0 12px 36px rgba(0,0,0,.2);animation:bb-inn .14s cubic-bezier(.23,1,.32,1)}
.bb-meny button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;font-size:15px;cursor:pointer}
.bb-meny button:hover,.bb-meny button:focus-visible{background:color-mix(in srgb,var(--fg) 7%,transparent);outline:none}
.bb-meny button.fare{color:#c4001a}
:root[data-theme="dark"] .bb-meny button.fare{color:#ff8a94}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .bb-meny button.fare{color:#ff8a94}}
@keyframes bb-inn{from{opacity:0;transform:translateY(-4px) scale(.98)}}

/* Flytt forsidebildet */
.bb-flytter{isolation:isolate}   /* profilbildet over kanten ligger fortsatt over */
.bb-flytter>.bb-forside-knapp{display:none}
.bb-flytt{position:absolute;inset:0;z-index:5;background:#0e1a2b;outline:none}
.bb-flytt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:grab;touch-action:none;user-select:none}
.bb-flytt img:active{cursor:grabbing}
.bb-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:999px;background:rgba(3,10,20,.55);color:#fff;font-size:14px;font-weight:600;pointer-events:none;white-space:nowrap}
.bb-flytt-knapper{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}
.bb-flytt-knapper button{height:38px;padding:0 16px;border:0;border-radius:10px;font-family:var(--display);font-size:14.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.22)}
.bb-avbryt{background:rgba(255,255,255,.94);color:#0e1a2b}
.bb-lagre{background:#1f6fd1;color:#fff}
.bb-flytt:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}

.bb-melding{position:fixed;left:50%;bottom:24px;z-index:2700;transform:translateX(-50%) translateY(120px);max-width:calc(100vw - 32px);padding:12px 20px;border-radius:999px;
  background:var(--fg);color:var(--bg);font-size:14px;transition:transform .35s cubic-bezier(.23,1,.32,1)}
.bb-melding.vis{transform:translateX(-50%) translateY(0)}
@media (prefers-reduced-motion:reduce){.bb-meny{animation:none}.bb-melding{transition:none}}