/* ==========================================================================
   FRISTET.DK · FÆLLES HEADER · MASTER
   2026-08-21

   ÉN CSS-FIL til headeren.
   Designmaster: Lounge.
   Palette: mørk varm blå + guld.
   ========================================================================== */

:root{
  --fr-bg:#0B151D;
  --fr-bg-deep:#071018;
  --fr-bg-soft:#101E28;

  --fr-panel:#12232E;
  --fr-panel-2:#172A36;
  --fr-panel-3:#1D3340;

  --fr-gold:#B89A62;
  --fr-gold-light:#E7C979;
  --fr-gold-strong:#D9AE4E;
  --fr-gold-soft:rgba(184,154,98,.16);

  --fr-text:#FFFFFF;
  --fr-text-soft:#E1E7EB;
  --fr-muted:#B6C0C8;

  --fr-line:rgba(205,220,230,.18);
  --fr-line-strong:rgba(231,201,121,.34);

  --fr-green:#62D486;

  --fr-shadow:0 24px 60px rgba(0,0,0,.30);
  --fr-shadow-soft:0 12px 28px rgba(0,0,0,.22);

  --fr-radius-sm:9px;
  --fr-radius-md:12px;
  --fr-radius-lg:16px;
  --fr-radius-xl:22px;

  --fr-heading:"Playfair Display",Georgia,"Times New Roman",serif;
  --fr-body:"Montserrat",Arial,sans-serif;
}

/* ==========================================================================
   RESET KUN INDE I HEADEREN
   ========================================================================== */

#fristet-site-header,
#fristet-site-header *,
#fristet-site-header *::before,
#fristet-site-header *::after{
  box-sizing:border-box;
}

#fristet-site-header{
  position:relative !important;
  z-index:10000 !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;

  background:
    radial-gradient(circle at 88% -20%,rgba(29,51,64,.52),transparent 28rem),
    linear-gradient(180deg,var(--fr-panel) 0%,var(--fr-bg) 58%,var(--fr-bg-deep) 100%) !important;

  border:0 !important;
  border-bottom:1px solid var(--fr-line-strong) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24) !important;

  color:var(--fr-text-soft) !important;
  font-family:var(--fr-body) !important;
}

#fristet-site-header a{
  text-decoration:none !important;
}

/* ==========================================================================
   TOPBAR
   ========================================================================== */

#fristet-site-header .site-header__top{
  position:relative !important;
  width:min(1540px,calc(100% - 48px)) !important;
  min-height:84px !important;
  margin:0 auto !important;
  padding:0 !important;
}

/* ==========================================================================
   LOGO · FAST STØRRELSE PÅ ALLE SIDER
   ========================================================================== */

#fristet-site-header .site-header__logo,
#fristet-site-header .site-header__drawer-logo{
  display:grid !important;
  grid-template-columns:max-content max-content !important;
  grid-template-rows:auto auto !important;
  align-items:baseline !important;
  justify-content:start !important;

  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  color:var(--fr-text) !important;
  font-family:var(--fr-heading) !important;
  font-size:28px !important;
  font-weight:700 !important;
  line-height:.95 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
  transform:none !important;
}

#fristet-site-header .site-header__logo-main,
#fristet-site-header .site-header__drawer-logo-main{
  grid-column:1 !important;
  grid-row:1 !important;
  color:var(--fr-text) !important;
  font:inherit !important;
}

#fristet-site-header .site-header__logo-domain,
#fristet-site-header .site-header__drawer-logo-domain{
  grid-column:2 !important;
  grid-row:1 !important;
  color:var(--fr-gold-light) !important;
  font:inherit !important;
}

#fristet-site-header .site-header__logo small,
#fristet-site-header .site-header__drawer-logo small{
  display:block !important;
  grid-column:1 / -1 !important;
  grid-row:2 !important;

  width:100% !important;
  margin:5px 0 0 !important;
  padding:0 !important;

  color:var(--fr-muted) !important;
  font-family:var(--fr-body) !important;
  font-size:7px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* ==========================================================================
   DESKTOP · 1181PX+
   ========================================================================== */

@media (min-width:1181px){

  #fristet-site-header .site-header__top{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) max-content !important;
    align-items:center !important;
    column-gap:clamp(20px,2vw,34px) !important;
  }

  #fristet-site-header .site-header__logo{
    position:static !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
  }

  #fristet-site-header .site-header__nav-row{
    position:static !important;
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:84px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
  }

  #fristet-site-header .site-header__nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:clamp(10px,1.25vw,20px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  #fristet-site-header .site-header__nav > a,
  #fristet-site-header .site-header__nav > a:link,
  #fristet-site-header .site-header__nav > a:visited{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:84px !important;
    margin:0 !important;
    padding:0 1px !important;

    border:0 !important;
    background:transparent !important;

    color:var(--fr-text-soft) !important;
    font-family:var(--fr-body) !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    white-space:nowrap !important;
  }

  #fristet-site-header .site-header__nav > a:hover,
  #fristet-site-header .site-header__nav > a:focus-visible,
  #fristet-site-header .site-header__nav > a.is-active{
    color:var(--fr-gold-light) !important;
  }

  #fristet-site-header .site-header__nav > a.is-active::after{
    content:"" !important;
    position:absolute !important;
    right:0 !important;
    bottom:12px !important;
    left:0 !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,var(--fr-gold),var(--fr-gold-light)) !important;
  }

  #fristet-site-header .site-header__actions{
    display:flex !important;
    grid-column:3 !important;
    grid-row:1 !important;
    align-items:center !important;
    justify-content:flex-end !important;
    justify-self:end !important;
    gap:10px !important;
    min-width:max-content !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
  }

  #fristet-site-header .site-header__profile-link,
  #fristet-site-header .site-header__logout,
  #fristet-site-header .site-header__login{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:42px !important;
    margin:0 !important;
    padding:0 12px !important;

    border:0 !important;
    background:transparent !important;

    color:var(--fr-text-soft) !important;
    font-family:var(--fr-body) !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  #fristet-site-header .site-header__profile-link:hover,
  #fristet-site-header .site-header__logout:hover,
  #fristet-site-header .site-header__login:hover{
    color:var(--fr-gold-light) !important;
  }

  #fristet-site-header .site-header__mobile-alerts,
  #fristet-site-header .site-header__burger,
  #fristet-site-header .site-header__mobile-menu,
  #fristet-site-header .site-header__drawer-backdrop{
    display:none !important;
  }
}

/* ==========================================================================
   BURGERHEADER · 1180PX OG NED
   Logo venstre · klokke + burger højre
   ========================================================================== */

#fristet-site-header .site-header__mobile-toggle{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media (max-width:1180px){

  #fristet-site-header{
    min-height:74px !important;
  }

  #fristet-site-header .site-header__top{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 42px 42px !important;
    align-items:center !important;

    width:calc(100% - 24px) !important;
    min-height:74px !important;

    column-gap:8px !important;
  }

  #fristet-site-header .site-header__logo{
    position:static !important;
    grid-column:1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    align-self:center !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;

    max-width:calc(100vw - 124px) !important;
    transform:none !important;
  }

  #fristet-site-header .site-header__nav-row,
  #fristet-site-header .site-header__actions{
    display:none !important;
  }

  /* Klokken står ALTID på højre side lige før burgeren */
  #fristet-site-header .site-header__mobile-alerts{
    position:static !important;
    display:flex !important;
    grid-column:2 !important;
    grid-row:1 !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;

    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
  }

  #fristet-site-header .site-header__mobile-profile,
  #fristet-site-header .site-header__mobile-message{
    display:none !important;
  }

  #fristet-site-header .site-header__mobile-bell{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
  }

  #fristet-site-header .site-header__burger{
    position:relative !important;
    z-index:10040 !important;

    display:inline-flex !important;
    grid-column:3 !important;
    grid-row:1 !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:end !important;
    align-self:center !important;
    flex-direction:column !important;

    width:42px !important;
    height:42px !important;
    min-width:42px !important;

    margin:0 !important;
    padding:0 !important;
    gap:5px !important;

    border:1px solid var(--fr-line-strong) !important;
    border-radius:var(--fr-radius-md) !important;
    background:linear-gradient(145deg,var(--fr-panel-2),var(--fr-bg)) !important;
    box-shadow:var(--fr-shadow-soft) !important;
    cursor:pointer !important;
  }

  #fristet-site-header .site-header__burger span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:var(--fr-gold-light) !important;
    transition:transform .2s ease,opacity .2s ease !important;
  }

  #fristet-site-header .site-header__mobile-toggle:checked + .site-header__top .site-header__burger span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }

  #fristet-site-header .site-header__mobile-toggle:checked + .site-header__top .site-header__burger span:nth-child(2){
    opacity:0 !important;
  }

  #fristet-site-header .site-header__mobile-toggle:checked + .site-header__top .site-header__burger span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  #fristet-site-header .site-header__drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:10010 !important;
    display:none !important;
    background:rgba(7,16,24,.76) !important;
    -webkit-backdrop-filter:blur(3px) !important;
    backdrop-filter:blur(3px) !important;
  }

  #fristet-site-header .site-header__mobile-toggle:checked ~ .site-header__drawer-backdrop{
    display:block !important;
  }

  #fristet-site-header .site-header__mobile-menu{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    z-index:10020 !important;

    display:block !important;
    width:min(380px,90vw) !important;
    height:100dvh !important;

    margin:0 !important;
    padding:20px 16px 28px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;

    border:0 !important;
    border-left:1px solid var(--fr-line-strong) !important;

    background:
      radial-gradient(circle at 100% 0,rgba(29,51,64,.42),transparent 25rem),
      linear-gradient(180deg,var(--fr-panel) 0%,var(--fr-bg) 48%,var(--fr-bg-deep) 100%) !important;

    box-shadow:-24px 0 60px rgba(0,0,0,.42) !important;

    transform:translate3d(104%,0,0) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .25s ease,visibility .25s ease !important;
  }

  #fristet-site-header .site-header__mobile-toggle:checked ~ .site-header__mobile-menu{
    transform:translate3d(0,0,0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #fristet-site-header .site-header__mobile-menu-title{
    margin:0 0 16px !important;
    padding:4px 4px 12px !important;
    border-bottom:1px solid var(--fr-line) !important;

    color:var(--fr-gold-light) !important;
    font-family:var(--fr-heading) !important;
    font-size:28px !important;
    font-weight:600 !important;
    line-height:1.1 !important;
  }

  #fristet-site-header .site-header__menu-card,
  #fristet-site-header .site-header__menu-card:link,
  #fristet-site-header .site-header__menu-card:visited{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    min-height:52px !important;
    margin:0 0 8px !important;
    padding:0 14px !important;

    border:1px solid var(--fr-line) !important;
    border-radius:var(--fr-radius-md) !important;

    background:var(--fr-panel) !important;
    color:var(--fr-text-soft) !important;

    font-family:var(--fr-body) !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
  }

  #fristet-site-header .site-header__menu-card::after{
    content:"→" !important;
    flex:0 0 auto !important;
    margin-left:8px !important;
    color:var(--fr-gold) !important;
    font-size:16px !important;
  }

  #fristet-site-header .site-header__menu-card:hover,
  #fristet-site-header .site-header__menu-card:focus-visible,
  #fristet-site-header .site-header__menu-card.is-active{
    border-color:var(--fr-line-strong) !important;
    background:var(--fr-panel-2) !important;
    color:var(--fr-gold-light) !important;
  }
}

/* ==========================================================================
   NOTIFIKATIONSKLOKKE · SAMME STØRRELSE OVERALT
   ========================================================================== */

#fristet-site-header .header-notification{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#fristet-site-header .header-notification-button{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;

  margin:0 !important;
  padding:0 !important;

  border:1px solid var(--fr-line-strong) !important;
  border-radius:var(--fr-radius-md) !important;

  background:linear-gradient(145deg,var(--fr-panel-2),var(--fr-bg)) !important;
  color:var(--fr-gold-light) !important;

  box-shadow:var(--fr-shadow-soft) !important;
  cursor:pointer !important;
}

#fristet-site-header .header-notification-button:hover,
#fristet-site-header .header-notification-button:focus-visible,
#fristet-site-header .header-notification-button.is-open{
  border-color:var(--fr-gold-light) !important;
  background:linear-gradient(145deg,var(--fr-panel-3),var(--fr-panel-2)) !important;
}

#fristet-site-header .header-notification-icon{
  display:block !important;
  margin:0 !important;
  padding:0 !important;

  font-size:20px !important;
  line-height:1 !important;
}

/* TÆLLER: viser data.total fra den eksisterende notifikationsfunktion */
#fristet-site-header .header-notification-count,
#fristet-site-header .header-message-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;

  border:2px solid var(--fr-bg-deep) !important;
  border-radius:999px !important;

  background:var(--fr-green) !important;
  color:var(--fr-bg-deep) !important;

  font-family:var(--fr-body) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#fristet-site-header .header-notification-count{
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  z-index:3 !important;
}

#fristet-site-header .header-notification-count[hidden],
#fristet-site-header .header-message-count[hidden]{
  display:none !important;
}

/* ==========================================================================
   NOTIFIKATIONSPANEL
   ========================================================================== */

#fristet-site-header .header-notification-panel{
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  z-index:12050 !important;

  width:min(520px,calc(100vw - 32px)) !important;
  max-width:520px !important;
  max-height:min(76vh,680px) !important;
  overflow:hidden !important;

  margin:0 !important;
  padding:0 !important;

  border:1px solid var(--fr-line-strong) !important;
  border-radius:var(--fr-radius-xl) !important;

  background:
    radial-gradient(circle at top right,rgba(29,51,64,.48),transparent 18rem),
    linear-gradient(145deg,var(--fr-panel),var(--fr-bg-deep)) !important;

  box-shadow:0 30px 90px rgba(0,0,0,.58) !important;
  color:var(--fr-text-soft) !important;

  transform:translate(-50%,-50%) !important;
  isolation:isolate !important;
}

#fristet-site-header .header-notification-panel[hidden]{
  display:none !important;
}

#fristet-site-header .header-notification-heading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;

  padding:16px !important;
  border-bottom:1px solid var(--fr-line) !important;
}

#fristet-site-header .header-notification-heading span{
  display:block !important;
  margin-bottom:3px !important;

  color:var(--fr-gold-light) !important;
  font-family:var(--fr-body) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#fristet-site-header .header-notification-heading strong{
  display:block !important;

  color:var(--fr-text) !important;
  font-family:var(--fr-heading) !important;
  font-size:22px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
}

#fristet-site-header .header-notification-heading-actions{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

#fristet-site-header .header-notification-read-all,
#fristet-site-header .header-notification-close{
  border:1px solid var(--fr-line) !important;
  border-radius:var(--fr-radius-sm) !important;
  background:var(--fr-panel-2) !important;
  color:var(--fr-text-soft) !important;
  font-family:var(--fr-body) !important;
  cursor:pointer !important;
}

#fristet-site-header .header-notification-read-all{
  min-height:34px !important;
  padding:0 9px !important;
  font-size:10px !important;
  font-weight:700 !important;
}

#fristet-site-header .header-notification-close{
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  font-size:19px !important;
}

#fristet-site-header .header-notification-list{
  display:flex !important;
  flex-direction:column !important;
  max-height:min(58vh,500px) !important;
  overflow-y:auto !important;
}

#fristet-site-header .header-notification-item{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;

  padding:14px 16px !important;
  border-bottom:1px solid var(--fr-line) !important;

  color:var(--fr-text-soft) !important;
}

#fristet-site-header .header-notification-item:hover{
  background:var(--fr-gold-soft) !important;
}

#fristet-site-header .header-notification-symbol{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  border:1px solid var(--fr-line-strong) !important;
  border-radius:var(--fr-radius-md) !important;

  background:var(--fr-panel-2) !important;
  color:var(--fr-gold-light) !important;
}

#fristet-site-header .header-notification-text{
  min-width:0 !important;
}

#fristet-site-header .header-notification-type{
  display:block !important;
  margin-bottom:3px !important;
  color:var(--fr-gold-light) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

#fristet-site-header .header-notification-text strong{
  display:block !important;
  overflow:hidden !important;
  color:var(--fr-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#fristet-site-header .header-notification-text small{
  display:block !important;
  margin-top:4px !important;
  color:var(--fr-muted) !important;
  font-size:10px !important;
}

#fristet-site-header .header-notification-badge{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:27px !important;
  height:27px !important;
  padding:0 8px !important;

  border:1px solid var(--fr-line-strong) !important;
  border-radius:999px !important;

  background:var(--fr-panel-3) !important;
  color:var(--fr-gold-light) !important;

  font-size:10px !important;
  font-weight:900 !important;
}

#fristet-site-header .header-notification-empty,
#fristet-site-header .header-notification-loading,
#fristet-site-header .header-notification-error{
  padding:24px 18px !important;
  color:var(--fr-muted) !important;
  font-family:var(--fr-body) !important;
  font-size:12px !important;
  line-height:1.6 !important;
  text-align:center !important;
}

#fristet-site-header .header-notification-empty strong{
  display:block !important;
  margin-bottom:6px !important;
  color:var(--fr-text) !important;
}

#fristet-site-header .header-notification-error{
  color:#f0b9c3 !important;
}



/* ==========================================================================
   LIVE-INDIKATOR · FÆLLES
   Ingen hvid wrapper på mobil.
   ========================================================================== */

.fristet-live-indikator[hidden]{
  display:none !important;
}

html body a.fristet-live-indikator{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  left:auto !important;
  top:auto !important;
  z-index:9000 !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;

  width:auto !important;
  max-width:min(500px,calc(100vw - 32px)) !important;
  min-height:48px !important;

  margin:0 !important;
  padding:10px 15px !important;

  border:1px solid rgba(31,95,56,.34) !important;
  border-radius:999px !important;

  background:linear-gradient(135deg,#3F8A58,#4D9C68) !important;
  box-shadow:var(--fr-shadow-soft) !important;

  color:#fff !important;
  font-family:var(--fr-body) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  text-decoration:none !important;
}

html body .fristet-live-indikator__dot{
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  border-radius:50% !important;
  background:var(--fr-green) !important;
  box-shadow:0 0 0 0 rgba(98,212,134,.55);
  animation:fristet-live-ping 1.8s infinite;
}

html body .fristet-live-indikator__text{
  min-width:0 !important;
  background:transparent !important;
  color:#fff !important;
}

html body .fristet-live-indikator__arrow{
  flex:0 0 auto !important;
  color:var(--fr-gold-light) !important;
  font-size:17px !important;
  line-height:1 !important;
}

@media (max-width:680px){
  html body a.fristet-live-indikator{
    position:fixed !important;
    top:calc(68px + 10px) !important;
    right:10px !important;
    bottom:auto !important;
    left:10px !important;
    z-index:9990 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;

    width:auto !important;
    max-width:none !important;
    min-height:46px !important;

    margin:0 !important;
    padding:10px 14px !important;

    border:1px solid rgba(98,212,134,.28) !important;
    border-radius:12px !important;

    background:linear-gradient(
      135deg,
      rgba(62,138,88,.98),
      rgba(77,156,104,.98)
    ) !important;
    background-color:#3F8A58 !important;

    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;

    color:#FFFFFF !important;
    font-family:"Montserrat",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  html body .fristet-live-indikator__dot{
    background:#62D486 !important;
  }

  html body .fristet-live-indikator__text{
    color:#FFFFFF !important;
    background:transparent !important;
  }

  html body .fristet-live-indikator__arrow{
    color:#E7C979 !important;
    background:transparent !important;
  }

  /* Gamle side-wrappere må aldrig lave en lys/hvid stribe omkring indikatoren */
  html body .faellesskab-live-toast,
  html body .salon-live-toast,
  html body .profile-live-online{
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
}

/* ==========================================================================
   AUTH-SIDER · KUN LOGO
   ========================================================================== */

body.header-auth-page #fristet-site-header .site-header__top{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.header-auth-page #fristet-site-header .site-header__logo{
  justify-self:center !important;
}

body.header-auth-page #fristet-site-header .site-header__nav-row,
body.header-auth-page #fristet-site-header .site-header__actions,
body.header-auth-page #fristet-site-header .site-header__mobile-alerts,
body.header-auth-page #fristet-site-header .site-header__burger,
body.header-auth-page #fristet-site-header .site-header__mobile-menu,
body.header-auth-page #fristet-site-header .site-header__drawer-backdrop{
  display:none !important;
}

/* ==========================================================================
   ANIMATIONER
   ========================================================================== */

#fristet-site-header .header-notification-button.is-ringing .header-notification-icon{
  transform-origin:50% 8% !important;
  animation:fristetBellRing .85s ease-in-out;
}

@keyframes fristetBellRing{
  0%,100%{transform:rotate(0)}
  12%{transform:rotate(16deg)}
  24%{transform:rotate(-14deg)}
  36%{transform:rotate(12deg)}
  48%{transform:rotate(-10deg)}
  60%{transform:rotate(7deg)}
  72%{transform:rotate(-5deg)}
  84%{transform:rotate(2deg)}
}

@keyframes fristet-live-ping{
  70%{box-shadow:0 0 0 8px rgba(98,212,134,0)}
  100%{box-shadow:0 0 0 0 rgba(98,212,134,0)}
}

@media (prefers-reduced-motion:reduce){
  #fristet-site-header *,
  .fristet-live-indikator{
    animation:none !important;
    transition:none !important;
  }
}

/* ==========================================================================
   NOTIFIKATIONSMODAL · VIEWPORT PORTAL
   Panelet flyttes til BODY mens det er åbent.
   ========================================================================== */

body.fristet-notification-modal-open{
  overflow:hidden !important;
}

body.fristet-notification-modal-open::before{
  content:"";
  position:fixed !important;
  inset:0 !important;
  z-index:11990 !important;
  background:rgba(7,16,24,.72) !important;
  -webkit-backdrop-filter:blur(3px) !important;
  backdrop-filter:blur(3px) !important;
}

body > .fristet-notification-modal-panel{
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  z-index:12050 !important;

  display:block;
  width:min(520px,calc(100vw - 32px)) !important;
  max-width:520px !important;
  max-height:min(76vh,680px) !important;

  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;

  border:1px solid var(--fr-line-strong) !important;
  border-radius:var(--fr-radius-xl) !important;

  background:
    radial-gradient(circle at top right,rgba(29,51,64,.48),transparent 18rem),
    linear-gradient(145deg,var(--fr-panel),var(--fr-bg-deep)) !important;

  box-shadow:0 30px 90px rgba(0,0,0,.58) !important;
  color:var(--fr-text-soft) !important;
  font-family:var(--fr-body) !important;

  transform:translate(-50%,-50%) !important;
}

body > .fristet-notification-modal-panel[hidden]{
  display:none !important;
}

body > .fristet-notification-modal-panel .header-notification-heading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:16px !important;
  border-bottom:1px solid var(--fr-line) !important;
}

body > .fristet-notification-modal-panel .header-notification-heading span{
  display:block !important;
  margin:0 0 3px !important;
  color:var(--fr-gold-light) !important;
  font-family:var(--fr-body) !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

body > .fristet-notification-modal-panel .header-notification-heading strong{
  display:block !important;
  margin:0 !important;
  color:var(--fr-text) !important;
  font-family:var(--fr-heading) !important;
  font-size:24px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
}

body > .fristet-notification-modal-panel .header-notification-heading-actions{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

body > .fristet-notification-modal-panel .header-notification-read-all,
body > .fristet-notification-modal-panel .header-notification-close{
  border:1px solid var(--fr-line) !important;
  border-radius:var(--fr-radius-sm) !important;
  background:var(--fr-panel-2) !important;
  color:var(--fr-text-soft) !important;
  font-family:var(--fr-body) !important;
  cursor:pointer !important;
}

body > .fristet-notification-modal-panel .header-notification-read-all{
  min-height:34px !important;
  padding:0 10px !important;
  font-size:10px !important;
  font-weight:700 !important;
}

body > .fristet-notification-modal-panel .header-notification-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  font-size:20px !important;
}

body > .fristet-notification-modal-panel .header-notification-list{
  display:flex !important;
  flex-direction:column !important;
  max-height:calc(min(76vh,680px) - 78px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}

body > .fristet-notification-modal-panel .header-notification-item{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px 16px !important;
  border-bottom:1px solid var(--fr-line) !important;
  color:var(--fr-text-soft) !important;
}

body > .fristet-notification-modal-panel .header-notification-item:hover{
  background:var(--fr-gold-soft) !important;
}

body > .fristet-notification-modal-panel .header-notification-symbol{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border:1px solid var(--fr-line-strong) !important;
  border-radius:var(--fr-radius-md) !important;
  background:var(--fr-panel-2) !important;
  color:var(--fr-gold-light) !important;
}

body > .fristet-notification-modal-panel .header-notification-text{
  min-width:0 !important;
}

body > .fristet-notification-modal-panel .header-notification-type{
  display:block !important;
  margin-bottom:3px !important;
  color:var(--fr-gold-light) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

body > .fristet-notification-modal-panel .header-notification-text strong{
  display:block !important;
  overflow:hidden !important;
  color:var(--fr-text) !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body > .fristet-notification-modal-panel .header-notification-text small{
  display:block !important;
  margin-top:4px !important;
  color:var(--fr-muted) !important;
  font-size:10px !important;
}

body > .fristet-notification-modal-panel .header-notification-badge{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:27px !important;
  height:27px !important;
  padding:0 8px !important;
  border:1px solid var(--fr-line-strong) !important;
  border-radius:999px !important;
  background:var(--fr-panel-3) !important;
  color:var(--fr-gold-light) !important;
  font-size:10px !important;
  font-weight:900 !important;
}

body > .fristet-notification-modal-panel .header-notification-empty,
body > .fristet-notification-modal-panel .header-notification-loading,
body > .fristet-notification-modal-panel .header-notification-error{
  padding:28px 18px !important;
  color:var(--fr-muted) !important;
  font-family:var(--fr-body) !important;
  font-size:12px !important;
  line-height:1.6 !important;
  text-align:center !important;
}

body > .fristet-notification-modal-panel .header-notification-empty strong{
  display:block !important;
  margin-bottom:6px !important;
  color:var(--fr-text) !important;
}

body > .fristet-notification-modal-panel .header-notification-error{
  color:#f0b9c3 !important;
}

@media (max-width:680px){
  body > .fristet-notification-modal-panel{
    top:50% !important;
    left:50% !important;
    width:calc(100vw - 24px) !important;
    max-width:none !important;
    max-height:80dvh !important;
    border-radius:18px !important;
    transform:translate(-50%,-50%) !important;
  }

  body > .fristet-notification-modal-panel .header-notification-heading{
    padding:14px !important;
    gap:8px !important;
  }

  body > .fristet-notification-modal-panel .header-notification-heading strong{
    font-size:21px !important;
  }

  body > .fristet-notification-modal-panel .header-notification-list{
    max-height:calc(80dvh - 74px) !important;
  }
}

/* MOBIL · liveindikator fast under header, uden at ændre desktop */
@media (max-width:680px){
  html body a.fristet-live-indikator{
    position:fixed !important;
    top:84px !important;
    right:10px !important;
    bottom:auto !important;
    left:10px !important;
    z-index:9990 !important;

    width:auto !important;
    max-width:none !important;
    min-height:46px !important;

    margin:0 !important;

    background:linear-gradient(
      135deg,
      rgba(63,138,88,.98),
      rgba(77,156,104,.98)
    ) !important;
    background-color:#3F8A58 !important;

    border:1px solid rgba(98,212,134,.28) !important;
    border-radius:12px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
  }
}