/* Login-status og brugermenu øverst til højre (bruges på alle sider) */
[data-auth-slot]{flex:none;min-width:72px;display:flex;justify-content:flex-end}
.nav-login{display:inline-block;font:500 .9rem/1 var(--sans);color:var(--accent) !important;border:1px solid var(--accent);
  border-radius:999px;padding:.45rem .9rem;text-decoration:none;white-space:nowrap}
.nav-login:hover{background:var(--accent-soft)}
.user-menu{position:relative}
.user-button{display:flex;align-items:center;gap:.5rem;font:500 .9rem/1 var(--sans);color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem .25rem .25rem;cursor:pointer}
.user-button:hover{border-color:var(--muted)}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.02em}
.user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:6px;box-shadow:0 18px 40px -20px rgba(0,0,0,.35);z-index:50}
.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;font:400 .92rem/1.2 var(--sans);color:var(--ink) !important;
  background:none;border:0;border-radius:8px;padding:.6rem .7rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.user-dropdown a:hover,.user-dropdown button:hover{background:var(--accent-soft)}
.user-dropdown .logout{border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px;color:var(--muted) !important}
@media (max-width:560px){.user-name{display:none}.user-button{padding:.25rem}.user-button svg{display:none}}

/* Ikoner til sociale medier */
.social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);color:var(--ink) !important;text-decoration:none}
.social:hover{border-color:var(--accent);color:var(--accent) !important;background:var(--accent-soft)}
.socials{display:flex;flex-wrap:wrap;gap:8px}
.nav-search{flex:none;white-space:nowrap}

/* Cookie-banner */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;display:flex;gap:1rem;align-items:center;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem .9rem 1.1rem;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.45);font:400 .88rem/1.5 var(--sans)}
.cookie-banner p{margin:0;flex:1}
.cookie-banner a{color:var(--accent)}
.cookie-banner .btn{flex:none;font:500 .88rem var(--sans);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink,#fff);
  border-radius:999px;padding:.5rem 1.2rem;cursor:pointer}
@media (max-width:560px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner .btn{width:100%}}
@media print{.cookie-banner{display:none}}

/* Infobokse fra administrationen */
.site-notices{max-width:960px;margin:14px auto 0;padding:0 20px;display:flex;flex-direction:column;gap:8px}
.site-notice{display:flex;gap:.75rem;align-items:flex-start;border:1px solid;border-radius:12px;padding:.8rem 1rem;font:400 .92rem/1.5 var(--sans)}
.site-notice svg{flex:none;margin-top:.1rem}
.sn-text{flex:1;min-width:0}
.sn-text b{font-weight:600;margin-right:.5rem}
.sn-level{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.sn-text p{margin:.2rem 0 0;white-space:pre-line}
.sn-close{flex:none;background:none;border:0;font-size:1.3rem;line-height:1;cursor:pointer;color:inherit;opacity:.7;padding:0 .2rem}
.sn-close:hover{opacity:1}
.site-notice.info{background:#e8f1fb;border-color:#b9d3f1;color:#163a63}
.site-notice.warning{background:#fff4dc;border-color:#f3cf7d;color:#5c3d00}
.site-notice.critical{background:#fdecea;border-color:#f2b8b5;color:#7a1c1c}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .site-notice.info{background:#132a42;border-color:#244a73;color:#cfe2f8}
  :root:not([data-theme="light"]) .site-notice.warning{background:#33270c;border-color:#6b5114;color:#fbe3a6}
  :root:not([data-theme="light"]) .site-notice.critical{background:#3b1512;border-color:#7a2a24;color:#fbd0cc}
}
@media (max-width:720px){.site-notices{padding:0 16px}}
@media print{.site-notices{display:none}}