.elementor-50540 .elementor-element.elementor-element-2bafba7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}:root{--page-title-display:none;}@media(max-width:1024px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS *//* Pills */
.bg-filterbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.bg-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid #e8ebf0;
  border-radius:999px;
  background:#fff;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  color:#111827;
}
.bg-pill.is-active{
  background:#f4f6fa;
  border-color:#cfd6e4;
}

/* Pills: dot */
.bg-pill{
  gap:10px; /* plads til dot + tekst */
}

.bg-pill-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--pill-color, #cfd6e4);
  display:inline-block;
  flex: 0 0 10px;
}

.bg-pill-dot.is-neutral{
  background:#cfd6e4;
}

/* Måned */
.bg-month{ margin-bottom:22px; }
.bg-month-heading{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  letter-spacing:0.12em;
  color:#6b7280;
  text-transform:uppercase;
  margin:16px 0 10px;
}
.bg-month-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Kort */
.bg-event-card{
  position:relative;
  border:1px solid #e8ebf0;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.bg-event-card::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:var(--series-color, #cfd6e4);
}
.bg-event-toggle{
  width:100%;
  border:0;
  background:transparent;
  text-align:left;
  padding:16px 18px 14px 18px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
}
.bg-series-row{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  letter-spacing:0.10em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:6px;
}
.bg-series-dot{
  width:10px; height:10px;
  border-radius:999px;
  background:var(--series-color, #cfd6e4);
  display:inline-block;
}
.bg-event-title{
  font-size:20px;
  font-weight:700;
  color:#111827;
  margin-bottom:6px;
}
.bg-event-time{
  font-size:15px;
  color:#6b7280;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.bg-time{ 
 font-variant-numeric:tabular-nums;
    
}

.bg-chevron{
  font-size:18px;
  line-height:1;
  color:#6b7280;
  transition:transform .18s ease;
  padding-top:4px;
}
.bg-event-details{
  padding:14px 18px 18px 18px;
  border-top:1px solid #eef1f5;
  background:#fafbfc;
}
.bg-details-box{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:14px;
  padding:14px;
}
.bg-event-card.is-open .bg-chevron{ transform:rotate(180deg); }

.bg-empty{
  padding:18px;
  border:1px dashed #e8ebf0;
  border-radius:16px;
  color:#6b7280;
}

/* Event-kort: neutral hover (meget lys grå / næsten hvid) */
.bg-event-card:hover{
  background: #fbfcfd;
  border-color: #e8ebf0;
}

/* Hvis der ligger hover på selve knappen (headeren) */
.bg-event-toggle:hover{
  background: #fbfcfd;
}

/* Hvis temaet bruger pseudo-element overlay på hover */
.bg-event-card:hover::after,
.bg-event-toggle:hover::after{
  content: none !important;
}

/* Hvis temaet giver farvet "box-shadow" på hover */
.bg-event-card:hover{
  box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.04);
}

.bg-calendar .bg-event-card:hover,
.bg-calendar .bg-event-toggle:hover{
  background: #fbfcfd !important;
  filter: none !important;
}

/* Sikrer at venstrestriben altid er synlig på hover */
.bg-event-card:hover::before{
  background: var(--series-color, #cfd6e4) !important;
}/* End custom CSS */