/* Wimmer Community V6.51.1 - Desktop header Pro fix
   Retter overlap i topbaren efter trygheds-/indstillingspakken uden at røre mobil-rebuildet. */
@media (min-width:981px){
  .app-topbar{
    gap:10px!important;
    overflow:hidden!important;
  }
  .app-topbar .top-search{
    flex:1 1 360px!important;
    min-width:260px!important;
    max-width:470px!important;
  }
  .top-nav.top-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:0 1 auto!important;
    white-space:nowrap!important;
  }
  .top-nav.top-actions .top-pill{
    position:relative!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    padding:0!important;
    margin:0!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:16px!important;
    background:rgba(8,21,34,.88)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    color:#eaf7ff!important;
    text-decoration:none!important;
    overflow:visible!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    font-size:0!important;
  }
  .top-nav.top-actions .top-pill:hover,
  .top-nav.top-actions .top-pill.active{
    border-color:rgba(36,224,170,.38)!important;
    background:linear-gradient(180deg,rgba(36,224,170,.14),rgba(8,21,34,.88))!important;
  }
  .top-nav.top-actions .top-pill em{
    display:none!important;
  }
  .top-nav.top-actions .top-pill .wc-pill-icon{
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    font-size:18px!important;
    line-height:1!important;
    color:#dffbff!important;
  }
  .top-nav.top-actions .wc-online-pill .wc-pill-icon,
  .top-nav.top-actions .wc-status-pill .wc-pill-icon{
    font-size:0!important;
    width:12px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#22c55e!important;
    box-shadow:0 0 0 5px rgba(34,197,94,.13),0 0 18px rgba(34,197,94,.30)!important;
  }
  .top-nav.top-actions .top-pill .nav-badge{
    position:absolute!important;
    right:-5px!important;
    top:-7px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#17df9e!important;
    color:#02120c!important;
    border:1px solid rgba(255,255,255,.42)!important;
    font-size:10.5px!important;
    font-weight:1000!important;
    line-height:1!important;
  }
  .top-nav.top-actions .wc-top-lang{
    flex:0 0 auto!important;
    height:48px!important;
    min-width:160px!important;
    max-width:190px!important;
  }
  .top-nav.top-actions .top-admin-btn,
  .top-nav.top-actions .top-logout-btn,
  .top-nav.top-actions .top-login,
  .top-nav.top-actions .btn.small{
    flex:0 0 auto!important;
    height:48px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 16px!important;
    border-radius:15px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .app-topbar .user-chip{
    flex:0 1 210px!important;
    min-width:170px!important;
    max-width:230px!important;
  }
  .app-topbar .user-chip strong,
  .app-topbar .user-chip em{
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}
@media (min-width:981px) and (max-width:1500px){
  .top-nav.top-actions .top-admin-btn{padding:0 12px!important;font-size:13px!important;}
  .top-nav.top-actions .wc-top-lang{min-width:140px!important;max-width:155px!important;}
  .app-topbar .user-chip{min-width:150px!important;max-width:190px!important;}
  .app-topbar .user-chip strong,.app-topbar .user-chip em{max-width:112px!important;}
}

/* Wimmer Community V6.51.2 - Topbar ikoner Pro
   Udskifter prik-/placeholder-knapper med tydelige, ens line-ikoner på desktop.
   Mobil-header fra V6.50.9 berøres ikke. */
@media (min-width:981px){
  .top-nav.top-actions .top-pill{
    isolation:isolate!important;
    overflow:visible!important;
  }
  .top-nav.top-actions .top-pill .wc-pill-icon{
    position:relative!important;
    display:block!important;
    width:24px!important;
    height:24px!important;
    font-size:0!important;
    line-height:0!important;
    color:transparent!important;
    background:linear-gradient(135deg,#f4fbff 0%,#bffcff 48%,#28e2b0 100%)!important;
    -webkit-mask:var(--wc-topbar-icon) center / 23px 23px no-repeat!important;
    mask:var(--wc-topbar-icon) center / 23px 23px no-repeat!important;
    filter:drop-shadow(0 0 10px rgba(35,229,183,.24))!important;
  }
  .top-nav.top-actions .wc-notify-pill{--wc-topbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2.6 2.6 0 0 0 2.54-2.05H9.46A2.6 2.6 0 0 0 12 22Zm7.2-6.2-1.42-1.7V9.8a5.78 5.78 0 0 0-4.4-5.6V3.6a1.38 1.38 0 0 0-2.76 0v.6a5.78 5.78 0 0 0-4.4 5.6v4.3L4.8 15.8a1.12 1.12 0 0 0 .86 1.84h12.68a1.12 1.12 0 0 0 .86-1.84ZM8.3 15.4V9.8a3.7 3.7 0 0 1 7.4 0v5.6H8.3Z'/%3E%3C/svg%3E");}
  .top-nav.top-actions .wc-chat-pill{--wc-topbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.8 5.2A5.2 5.2 0 0 1 10 0h4a5.2 5.2 0 0 1 5.2 5.2v4.2a5.2 5.2 0 0 1-5.2 5.2H9.75l-4.42 3.16A1.05 1.05 0 0 1 3.7 16.9v-3.36A5.18 5.18 0 0 1 0 8.56V5.2Zm5.04 4.38h4.78a1.05 1.05 0 0 0 0-2.1H9.84a1.05 1.05 0 1 0 0 2.1Zm-2.3-3.34h8.92a1.05 1.05 0 1 0 0-2.1H7.54a1.05 1.05 0 0 0 0 2.1Z' transform='translate(2.4 3.1)'/%3E%3C/svg%3E");}
  .top-nav.top-actions .wc-online-pill{--wc-topbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 11.1a4.45 4.45 0 1 0 0-8.9 4.45 4.45 0 0 0 0 8.9Zm0 2.15c-4.4 0-7.2 2.1-7.2 4.65 0 1.05.86 1.9 1.92 1.9h10.56c1.06 0 1.92-.85 1.92-1.9 0-2.55-2.8-4.65-7.2-4.65Zm8.9-3.25a3.28 3.28 0 1 0 0-6.56 3.28 3.28 0 0 0 0 6.56Zm0 1.8c-1.1 0-2.05.18-2.86.5 1.76 1.08 2.86 2.62 2.86 4.42v.44h2.98c1.05 0 1.92-.84 1.92-1.9 0-1.95-1.92-3.46-4.9-3.46Z'/%3E%3C/svg%3E");}
  .top-nav.top-actions .wc-status-pill{--wc-topbar-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2.15a7.85 7.85 0 1 1 0 15.7 7.85 7.85 0 0 1 0-15.7Zm0 2.5a1.15 1.15 0 0 0-1.15 1.15v4.25c0 .32.13.62.36.84l2.9 2.9a1.15 1.15 0 1 0 1.62-1.62l-2.58-2.58V7.8A1.15 1.15 0 0 0 12 6.65Z'/%3E%3C/svg%3E");}

  /* Lille statuslys som ekstra information - ikke som selve ikonet */
  .top-nav.top-actions .wc-online-pill::after,
  .top-nav.top-actions .wc-status-pill::after{
    content:""!important;
    position:absolute!important;
    right:8px!important;
    bottom:8px!important;
    width:9px!important;
    height:9px!important;
    border-radius:999px!important;
    background:#22c55e!important;
    border:2px solid #081522!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.14),0 0 12px rgba(34,197,94,.45)!important;
  }
  .top-nav.top-actions .top-pill .nav-badge{
    z-index:3!important;
    right:-6px!important;
    top:-8px!important;
    min-width:21px!important;
    height:21px!important;
    font-size:10px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 0 2px rgba(4,12,22,.95)!important;
  }
  .top-nav.top-actions .top-pill:hover .wc-pill-icon,
  .top-nav.top-actions .top-pill.active .wc-pill-icon{
    background:linear-gradient(135deg,#ffffff 0%,#b9fff4 42%,#19f2ae 100%)!important;
    transform:translateY(-1px)!important;
  }
  .top-nav.top-actions .top-pill:focus-visible{
    outline:2px solid rgba(45,246,190,.75)!important;
    outline-offset:3px!important;
  }
}