body.single-arrangement,
body.single-arrangement #page,
body.single-arrangement .site {
  background-color: #1e73be;
}

/* =========================================
   ARRANGEMENTER - SIDE BAGGRUND
   ========================================= */

body.page-id-29,
body.page-id-29 #page,
body.page-id-29 .site {
    background-color: #1e73be;
}

.arrangement-kategori-badge {
  display: inline-block;
  color: #fff;
  
  padding: 7px 14px;
  border-radius: 999px;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  margin-bottom: 6px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .arrangement-kategori-badge {
    font-size: 13px;
    padding: 6px 12px;
  }
}

.arrangement-status-badge {
  display: inline-block;
  color: #fff;
  padding: 7px 14px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.arrangement-status-aflyst {
  background: #C92A2A;
}

.arrangement-status-udsolgt {
  background: #C46A13;
}

.arrangement-status-flyttet {
  background: #1E6FA8;
}

.arrangement-status-tilmelding-lukket,
.arrangement-status-billetsalg-lukket {
  background: #667985;
}

@media (max-width: 767px) {
  .arrangement-status-badge {
    font-size: 13px;
    padding: 6px 12px;
  }
}

.arrangement-gratis-badge {
  display: inline-block;
  color: #123B5D;
  background: #DCEFF9;
  padding: 7px 14px;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid #D7E2E9;
}

@media (max-width: 767px) {
  .arrangement-gratis-badge {
    font-size: 13px;
    padding: 6px 12px;
  }
}

.arrangement-billetknap {
  display: inline-block;
  background: #123B5D;
  color: #fff !important;
  padding: 13px 22px;
  border-radius: 999px;

  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;

  text-decoration: none !important;
  transition: background 0.2s ease;
}

.arrangement-billetknap:hover {
  background: #0B2F4C;
  color: #fff !important;
}

@media (max-width: 767px) {
  .arrangement-billetknap {
    padding: 12px 18px;
    font-size: 15px;
  }
}

.arrangement-arrangoer {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 6px;
  margin-top: 8px;
}

.arrangement-arrangoer-label {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #667985;
  text-transform: none;
}

.arrangement-arrangoer-navn {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #123B5D;
}

.arrangement-share {
  position: relative;
  display: inline-block;
}

.arrangement-delknap {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 20px;
  border: 1px solid #123B5D;
  border-radius: 999px;

  background: #fff;
  color: #123B5D;

  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;

  cursor: pointer;
  transition: background 0.2s ease;
}

.arrangement-delknap:hover {
  background: #F4F9FC;
}

.arrangement-share-menu {
  position: absolute;
  z-index: 100;
  top: calc(100% + 8px);
  left: 0;

  min-width: 190px;
  padding: 8px;

  background: #fff;
  border: 1px solid #D7E2E9;
  border-radius: 14px;

  box-shadow: 0 8px 24px rgba(18, 59, 93, 0.12);
}

.arrangement-share-menu[hidden] {
  display: none;
}

.arrangement-share-menu button {
  display: block;
  width: 100%;

  padding: 10px 12px;
  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #183042;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: left;

  cursor: pointer;
}

.arrangement-share-menu button:hover {
  background: #F4F9FC;
}

.arrangement-copy-feedback {
  display: block;
  padding: 4px 12px 6px;

  color: #1E6FA8;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .arrangement-delknap {
    padding: 12px 18px;
    font-size: 15px;
  }
}

.share-data-date,
.share-data-price,
.share-data-organizer {
  display: none !important;
}

/* =========================================
   PRAKTISK INFORMATION
   Alle enheder – fuld bredde
   ========================================= */

.arrangement-praktisk-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.arrangement-praktisk-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.arrangement-praktisk-linje {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.5;
    overflow-wrap: break-word;
}

.arrangement-praktisk-linje strong {
    display: inline !important;
    font-weight: 700;
    white-space: normal !important;
    margin-right: 5px;
}

.sidebar-arrangement-kort {
  display: flex;
  flex-direction: column;
  gap: 4px;

  padding: 12px 0;

  border-bottom: 1px solid #D7E2E9;

  color: #183042;
  text-decoration: none;
}

.sidebar-arrangement-kort:first-child {
  padding-top: 0;
}

.sidebar-arrangement-kort:last-child {
  border-bottom: 0;
}

.sidebar-arrangement-dato {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1E6FA8;
}

.sidebar-arrangement-titel {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #123B5D;
}

.sidebar-arrangement-kort:hover .sidebar-arrangement-titel {
  color: #1E6FA8;
}

/* =========================================
   SIDEBAR - DET SKER OGSÅ
   ========================================= */

.boelgen-sidebar-events {
  width: 100%;
}

.boelgen-sidebar-events-list {
  width: 100%;
}


/* Hvert arrangement */

.boelgen-sidebar-event {
  display: flex;
  flex-direction: column;
  gap: 4px;

  padding: 13px 0;

  color: #183042;
  text-decoration: none !important;

  border-bottom: 1px solid #D7E2E9;
}

.boelgen-sidebar-event:first-child {
  padding-top: 0;
}

.boelgen-sidebar-event:last-child {
  border-bottom: 0;
}


/* Dato */

.boelgen-sidebar-event-date {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;

  color: #1E6FA8;
}


/* Titel */

.boelgen-sidebar-event-title {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;

  color: #123B5D;
}

.boelgen-sidebar-event:hover .boelgen-sidebar-event-title {
  color: #1E6FA8;
}


/* Vis flere / Vis færre */

.boelgen-sidebar-events .boelgen-sidebar-events-toggle {
  margin-top: 10px !important;
  padding: 6px 12px !important;

  border: 1px solid #123B5D !important;
  border-radius: 999px !important;

  background: transparent !important;
  background-color: transparent !important;

  color: #123B5D !important;

  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  box-shadow: none !important;
  min-height: 0 !important;
  min-width: 0 !important;

  cursor: pointer;
}

.boelgen-sidebar-events .boelgen-sidebar-events-toggle:hover {
  background: #123B5D !important;
  background-color: #123B5D !important;
  color: #FFFFFF !important;
}
.boelgen-sidebar-event[hidden] {
  display: none !important;
}

/* Hvis der ikke findes kommende arrangementer */

.sidebar-arrangement-tom {
  margin: 0;

  font-family: "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.5;

  color: #667985;
}

/* Mere på Bølgen - kompakte faste kort */

.mere-paa-boelgen-kort {
  padding: 18px !important;
  border: 1px solid #D7E2E9;
  border-radius: 16px;
  background: #FFFFFF;
}

/* Overskrift i kortet */
.mere-paa-boelgen-kort h3 {
  margin: 0 0 8px 0;
  color: #123B5D;
  font-size: 21px;
  line-height: 1.15;
}

/* Brødtekst */
.mere-paa-boelgen-kort p {
  margin: 0 0 14px 0;
  color: #183042;
  font-size: 15px;
  line-height: 1.45;
}

/* Knapper inde i de faste sidebar-kort */
.mere-paa-boelgen-kort .elementor-button,
.mere-paa-boelgen-kort a.elementor-button {
  padding: 9px 15px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
}

/* Afstand mellem kortene */
.mere-paa-boelgen-kort + .mere-paa-boelgen-kort {
  margin-top: 14px;
}

/* =========================================
   ARRANGEMENTSKORT - TEST
   ========================================= */

.boelgen-arrangement-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.boelgen-arrangement-card {
    min-width: 0;
    overflow: hidden;

    background: #FFFFFF;
    border: 1px solid #D7E2E9;
    border-radius: 18px;
}

.boelgen-arrangement-card-image {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;

    background: #FFFFFF;
}

.boelgen-arrangement-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

.boelgen-arrangement-card-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
}

.boelgen-arrangement-card-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    align-self: stretch;

    gap: 8px;
    margin: 0 0 4px 0;
    text-align: left;
}

.boelgen-arrangement-card-badges .arrangement-kategori-badge,
.boelgen-arrangement-card-badges .arrangement-status-badge,
.boelgen-arrangement-card-badges .arrangement-gratis-badge {
    margin: 0;
}

.boelgen-arrangement-card-date {
    color: #1E6FA8;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.boelgen-arrangement-card-title {
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
}

.boelgen-arrangement-card-title a {
    color: #123B5D;
    text-decoration: none;
}

.boelgen-arrangement-card-title a:hover {
    color: #1E6FA8;
}

.boelgen-arrangement-card-teaser {
    color: #183042;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

.boelgen-arrangement-card-organizer {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;

    font-family: "Inter", sans-serif;
    font-size: 14px;
}

.boelgen-arrangement-card-organizer span {
    color: #667985;
}

.boelgen-arrangement-card-organizer strong {
    color: #123B5D;
}

.boelgen-arrangement-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-top: auto;
    padding-top: 6px;
}

.boelgen-arrangement-card-price {
    color: #123B5D;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 800;
}

.boelgen-arrangement-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 17px;
    border-radius: 999px;

    background: #123B5D;
    color: #FFFFFF !important;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}

.boelgen-arrangement-card-button:hover {
    background: #0B2F4C;
}

@media (max-width: 1024px) {
    .boelgen-arrangement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .boelgen-arrangement-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .boelgen-arrangement-card-content {
        padding: 18px;
    }

    .boelgen-arrangement-card-title {
        font-size: 22px;
    }
}

/* =========================================
   ARRANGEMENTER - FILTERPANEL
   Desktop / Tablet / Mobil
   ========================================= */


/* Filterpanelet */
.boelgen-arrangement-filters {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;

    width: calc(100% - 32px);
    max-width: 1200px;

    margin: 0 auto 36px auto;
    padding: 22px 24px;

    background: #F4F9FC;

    border: 1px solid #D7E2E9;
    border-radius: 18px;
}


/* Filtergrupperne */
.boelgen-filter-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px 32px;

    flex: 1;
    min-width: 0;
}


/* En enkelt filtergruppe */
.boelgen-filter-group {
    display: flex;
    flex-direction: column;

    gap: 10px;

    min-width: 0;
}


/* Overskrift over filter */
.boelgen-filter-label {
    margin: 0;

    color: #667985;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}


/* Rækken med chips */
.boelgen-filter-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 8px;
}


/* =========================================
   FILTERCHIP - NORMAL
   ========================================= */

.boelgen-arrangement-filters .boelgen-filter-chip {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 8px 14px !important;

    border: 1px solid #D7E2E9 !important;
    border-radius: 999px !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    color: #123B5D !important;

    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    text-transform: none !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* Hover */
.boelgen-arrangement-filters .boelgen-filter-chip:hover {
    border-color: #1E6FA8 !important;

    background: #DCEFF9 !important;
    background-color: #DCEFF9 !important;

    color: #123B5D !important;
}


/* =========================================
   FILTERCHIP - VALGT
   ========================================= */

.boelgen-arrangement-filters .boelgen-filter-chip.is-active {
    border-color: #123B5D !important;

    background: #123B5D !important;
    background-color: #123B5D !important;

    color: #FFFFFF !important;
}


/* Flueben */
.boelgen-arrangement-filters
.boelgen-filter-chip.is-active::before {
    content: "✓";

    display: inline-block;

    margin-right: 6px;

    color: #FFFFFF;

    font-weight: 800;
}


/* Aktiv hover */
.boelgen-arrangement-filters
.boelgen-filter-chip.is-active:hover {
    border-color: #0B2F4C !important;

    background: #0B2F4C !important;
    background-color: #0B2F4C !important;

    color: #FFFFFF !important;
}


/* =========================================
   RYD ALLE
   ========================================= */

.boelgen-arrangement-filters .boelgen-filter-clear {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 8px 14px !important;

    border: 1px solid #D7E2E9 !important;
    border-radius: 999px !important;

    background: #FFFFFF !important;
    background-color: #FFFFFF !important;

    color: #1E6FA8 !important;

    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}


.boelgen-arrangement-filters
.boelgen-filter-clear:hover {
    border-color: #1E6FA8 !important;

    background: #DCEFF9 !important;
    background-color: #DCEFF9 !important;
}


/* Skjul Ryd alle når intet filter er valgt */
.boelgen-filter-clear[hidden] {
    display: none !important;
}


/* Skjul arrangementer som ikke matcher */
.boelgen-arrangement-card[hidden] {
    display: none !important;
}


/* =========================================
   ARRANGEMENTSGRID
   ========================================= */

.boelgen-arrangement-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 28px 24px;

    width: calc(100% - 32px);
    max-width: 1200px;

    margin-left: auto;
    margin-right: auto;
}


/* Lidt mere ro omkring hvert kort */
.boelgen-arrangement-card {
    min-width: 0;

    background: #FFFFFF;

    border: 1px solid #D7E2E9;
    border-radius: 18px;

    overflow: hidden;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-arrangement-filters {
        width: calc(100% - 40px);

        padding: 20px;

        gap: 20px;

        margin-bottom: 30px;
    }


    .boelgen-filter-groups {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px;
    }


    .boelgen-arrangement-filters
    .boelgen-filter-chip {
        padding: 8px 13px !important;

        font-size: 13px !important;
    }


    .boelgen-arrangement-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width: calc(100% - 40px);

        gap: 24px 20px;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-arrangement-filters {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;

        width: calc(100% - 32px);

        padding: 18px;

        gap: 18px;

        margin-bottom: 26px;

        border-radius: 16px;
    }


    .boelgen-filter-groups {
        display: flex;
        flex-direction: column;

        width: 100%;

        gap: 18px;
    }


    .boelgen-filter-group {
        width: 100%;

        gap: 8px;
    }


    .boelgen-filter-label {
        font-size: 12px;
    }


    .boelgen-filter-chips {
        width: 100%;

        gap: 7px;
    }


    .boelgen-arrangement-filters
    .boelgen-filter-chip {
        padding: 8px 12px !important;

        font-size: 13px !important;
    }


    .boelgen-arrangement-filters
    .boelgen-filter-chip.is-active::before {
        margin-right: 5px;
    }


    .boelgen-arrangement-filters
    .boelgen-filter-clear {
        align-self: flex-start;

        padding: 7px 12px !important;
    }


    .boelgen-arrangement-grid {
        grid-template-columns: 1fr;

        width: calc(100% - 32px);

        gap: 22px;
    }

}

/* =========================================
   FILTER - RESULTATANTAL
   ========================================= */

.boelgen-filter-results {
    width: calc(100% - 32px);
    max-width: 1200px;

    margin:
        -18px auto 22px auto;
}

.boelgen-filter-results span {
    color: #667985;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}


@media (max-width: 1024px) {

    .boelgen-filter-results {
        width: calc(100% - 40px);

        margin:
            -14px auto 20px auto;
    }

}


@media (max-width: 767px) {

    .boelgen-filter-results {
        width: calc(100% - 32px);

        margin:
            -10px auto 18px auto;
    }

    .boelgen-filter-results span {
        font-size: 13px;
    }

}

body.page-id-29 .entry-title {
    display: none !important;
}

/* =========================================
   ARRANGEMENTER - YDRE INDHOLDSBOKS
   ========================================= */

.boelgen-arrangement-page {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    background: #FFFFFF;
    border-radius: 18px;
}

/* =========================================
   ARRANGEMENTER - SKJUL AUTOMATISK SIDETITEL
   ========================================= */

body.page-id-29 .entry-title,
body.page-id-29 .page-header,
body.page-id-29 header.page-header {
    display: none !important;
}
/* =========================================
   ARRANGEMENTER - LAYOUT I HVID CONTAINER
   ========================================= */

/* Filter, resultatantal og grid skal nu
   bruge den hvide containers indvendige bredde */
.boelgen-arrangement-page .boelgen-arrangement-filters,
.boelgen-arrangement-page .boelgen-filter-results,
.boelgen-arrangement-page .boelgen-arrangement-grid {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Filterpanel */
.boelgen-arrangement-page .boelgen-arrangement-filters {
    margin-top: 0;
    margin-bottom: 22px;
}


/* Resultatantal */
.boelgen-arrangement-page .boelgen-filter-results {
    margin-top: 0;
    margin-bottom: 22px;
}


/* Arrangementskort */
.boelgen-arrangement-page .boelgen-arrangement-grid {
    margin-top: 0;
    margin-bottom: 0;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-arrangement-page .boelgen-arrangement-filters,
    .boelgen-arrangement-page .boelgen-filter-results,
    .boelgen-arrangement-page .boelgen-arrangement-grid {
        width: 100% !important;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-arrangement-page .boelgen-arrangement-filters,
    .boelgen-arrangement-page .boelgen-filter-results,
    .boelgen-arrangement-page .boelgen-arrangement-grid {
        width: 100% !important;
    }

    .boelgen-arrangement-page .boelgen-arrangement-filters {
        margin-bottom: 18px;
    }

    .boelgen-arrangement-page .boelgen-filter-results {
        margin-bottom: 18px;
    }

}

/* =========================================
   ARRANGEMENTER - KOMPAKT FILTERLAYOUT
   ========================================= */

.boelgen-arrangement-page
.boelgen-arrangement-filters {
    flex-direction: column;
    align-items: stretch;
}


.boelgen-arrangement-page
.boelgen-filter-groups {
    display: flex;
    flex-direction: column;

    width: 100%;

    gap: 18px;
}


/* =========================================
   KATEGORI
   ========================================= */

.boelgen-arrangement-page
.boelgen-filter-group--category {
    display: flex;
    flex-direction: row;
    align-items: center;

    width: 100%;

    gap: 18px;
}


.boelgen-arrangement-page
.boelgen-filter-group--category
.boelgen-filter-label {
    flex: 0 0 150px;
}


.boelgen-arrangement-page
.boelgen-filter-group--category
.boelgen-filter-chips {
    display: flex;
    flex: 1;
    flex-wrap: wrap;

    gap: 8px;

    min-width: 0;
}


/* =========================================
   KATEGORIFARVER
   ========================================= */

.boelgen-arrangement-filters
.boelgen-filter-chip--category {
    background: var(--category-color) !important;
    background-color: var(--category-color) !important;

    border:
        1px solid
        var(--category-color) !important;

    color: #FFFFFF !important;

    box-shadow: none !important;

    transform: none;
}


/* Hover */

.boelgen-arrangement-filters
.boelgen-filter-chip--category:hover {
    background:
        color-mix(
            in srgb,
            var(--category-color) 88%,
            white
        ) !important;

    color: #FFFFFF !important;
}


/* Valgt */

.boelgen-arrangement-filters
.boelgen-filter-chip--category.is-active {
    background:
        color-mix(
            in srgb,
            var(--category-color) 28%,
            white
        ) !important;

    background-color:
        color-mix(
            in srgb,
            var(--category-color) 28%,
            white
        ) !important;

    border:
        2px solid
        var(--category-color) !important;

    color:
        #123B5D !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--category-color) 18%,
            transparent
        ) !important;
}


/* Flueben */

.boelgen-arrangement-filters
.boelgen-filter-chip--category.is-active::before {
    color:
        var(--category-color) !important;
}


/* =========================================
   ARRANGØR + MÅNED
   ========================================= */

.boelgen-filter-bottom-row {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 28px;

    width: 100%;
}


.boelgen-filter-bottom-row
.boelgen-filter-group {
    display: grid;

    grid-template-columns:
        150px minmax(0, 1fr);

    align-items: start;

    gap: 18px;

    min-width: 0;
}


.boelgen-filter-bottom-row
.boelgen-filter-label {
    padding-top: 12px;
}


.boelgen-filter-control {
    min-width: 0;
}


/* =========================================
   MULTISELECT DROPDOWN
   ========================================= */

.boelgen-multiselect {
    position: relative;

    width: 100%;
}


.boelgen-multiselect-trigger {
    appearance: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 40px !important;

    padding:
        8px 14px !important;

    border:
        1px solid #D7E2E9 !important;

    border-radius:
        999px !important;

    background:
        #FFFFFF !important;

    color:
        #123B5D !important;

    font-family:
        "Inter",
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    text-align:
        left !important;

    box-shadow:
        none !important;

    cursor:
        pointer;
}


.boelgen-multiselect-trigger:hover,
.boelgen-multiselect-trigger[aria-expanded="true"] {
    border-color:
        #1E6FA8 !important;
}


/* Pil */

.boelgen-multiselect-arrow {
    width: 8px;
    height: 8px;

    margin-left: 12px;

    border-right:
        2px solid #123B5D;

    border-bottom:
        2px solid #123B5D;

    transform:
        rotate(45deg)
        translateY(-2px);

    flex-shrink: 0;
}


.boelgen-multiselect-trigger[aria-expanded="true"]
.boelgen-multiselect-arrow {
    transform:
        rotate(225deg)
        translate(-2px, -2px);
}


/* Dropdown-boks */

.boelgen-multiselect-menu {
    position: absolute;

    z-index: 100;

    top: calc(100% + 7px);
    left: 0;

    width: 100%;

    padding: 8px;

    background:
        #FFFFFF;

    border:
        1px solid #D7E2E9;

    border-radius:
        14px;

    box-shadow:
        0 10px 28px
        rgba(18, 59, 93, 0.15);
}


.boelgen-multiselect-menu[hidden] {
    display: none !important;
}


/* Mulighed */

.boelgen-multiselect-option {
    display: flex;
    align-items: center;

    gap: 9px;

    width: 100%;

    padding: 9px 10px;

    border-radius: 8px;

    color:
        #183042;

    font-family:
        "Inter",
        sans-serif;

    font-size:
        14px;

    font-weight:
        600;

    cursor:
        pointer;
}


.boelgen-multiselect-option:hover {
    background:
        #F4F9FC;
}


/* Checkbox */

.boelgen-multiselect-option input {
    width: 16px;
    height: 16px;

    margin: 0;

    accent-color:
        #123B5D;

    cursor:
        pointer;
}


/* =========================================
   VALGTE TAGS
   ========================================= */

.boelgen-selected-tags {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 8px;
}


.boelgen-selected-tags:empty {
    display: none;
}


.boelgen-selected-tag {
    appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 6px;

    min-height: 0 !important;

    padding:
        5px 9px !important;

    border:
        1px solid #D7E2E9 !important;

    border-radius:
        999px !important;

    background:
        #FFFFFF !important;

    color:
        #123B5D !important;

    font-family:
        "Inter",
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    box-shadow:
        none !important;

    cursor:
        pointer;
}


.boelgen-selected-tag:hover {
    border-color:
        #1E6FA8 !important;

    background:
        #F4F9FC !important;
}


.boelgen-selected-tag-remove {
    color:
        #667985;

    font-size:
        16px;

    font-weight:
        700;

    line-height:
        1;
}


/* =========================================
   RYD ALLE
   ========================================= */

.boelgen-arrangement-page
.boelgen-filter-clear {
    align-self:
        flex-end;

    margin-top:
        0;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-filter-bottom-row {
        gap: 20px;
    }


    .boelgen-filter-bottom-row
    .boelgen-filter-group {
        grid-template-columns:
            125px minmax(0, 1fr);

        gap: 12px;
    }


    .boelgen-arrangement-page
    .boelgen-filter-group--category
    .boelgen-filter-label {
        flex-basis:
            125px;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    /* Kategori */

    .boelgen-arrangement-page
    .boelgen-filter-group--category {
        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            8px;
    }


    .boelgen-arrangement-page
    .boelgen-filter-group--category
    .boelgen-filter-label {
        flex:
            none;
    }


    /* Arrangør + måned */

    .boelgen-filter-bottom-row {
        grid-template-columns:
            1fr;

        gap:
            18px;
    }


    .boelgen-filter-bottom-row
    .boelgen-filter-group {
        display: flex;

        flex-direction:
            column;

        gap:
            8px;
    }


    .boelgen-filter-bottom-row
    .boelgen-filter-label {
        padding-top:
            0;
    }


    .boelgen-filter-control {
        width:
            100%;
    }


    /* Ryd alle */

    .boelgen-arrangement-page
    .boelgen-filter-clear {
        align-self:
            flex-start;
    }

}

/* Måned - kortere afstand mellem label og dropdown */
@media (min-width: 768px) {

    .boelgen-filter-bottom-row
    .boelgen-filter-group--month {
        grid-template-columns:
            auto minmax(0, 1fr);

        column-gap: 12px;
    }

}

/* Kategori - mindre afstand mellem label og badges */
@media (min-width: 768px) {

    .boelgen-arrangement-page
    .boelgen-filter-group--category {
        gap: 14px;
    }

    .boelgen-arrangement-page
    .boelgen-filter-group--category
    .boelgen-filter-label {
        flex: 0 0 auto;
    }

}

/* =========================================
   ARRANGEMENTER - INDLÆS FLERE
   ========================================= */

.boelgen-load-more-wrap {
    display: flex;
    justify-content: center;

    width: 100%;

    margin-top: 30px;
}


.boelgen-load-more-wrap[hidden] {
    display: none !important;
}


.boelgen-load-more-button {
    appearance: none !important;
    -webkit-appearance: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 11px 20px !important;

    border:
        1px solid #123B5D !important;

    border-radius:
        999px !important;

    background:
        #123B5D !important;

    color:
        #FFFFFF !important;

    font-family:
        "Inter",
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    box-shadow:
        none !important;

    cursor:
        pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}


.boelgen-load-more-button:hover {
    background:
        #0B2F4C !important;

    border-color:
        #0B2F4C !important;
}


/* Tablet */
@media (max-width: 1024px) {

    .boelgen-load-more-wrap {
        margin-top:
            26px;
    }

}


/* Mobil */
@media (max-width: 767px) {

    .boelgen-load-more-wrap {
        margin-top:
            22px;
    }


    .boelgen-load-more-button {
        width:
            100%;

        max-width:
            260px;

        padding:
            11px 18px !important;
    }

}

/* =========================================
   ARRANGEMENTSKORT - FINPUDSNING
   ========================================= */


/* Ens højde og bedre intern struktur */
.boelgen-arrangement-card {
    display: flex;
    flex-direction: column;
    height: 100%;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}


/* Diskret hover */
.boelgen-arrangement-card:hover {
    transform: translateY(-2px);

    border-color: #C6D6E0;

    box-shadow:
        0 8px 24px rgba(18, 59, 93, 0.08);
}


/* Indholdet fylder resten af kortet */
.boelgen-arrangement-card-content {
    flex: 1;

    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 20px;
}


/* Lidt mindre og roligere titel */
.boelgen-arrangement-card-title {
    margin: 0;

    font-size: 23px;
    line-height: 1.18;
}


/* Dato */
.boelgen-arrangement-card-date {
    margin: 0;

    line-height: 1.3;
}


/* Teaser */
.boelgen-arrangement-card-teaser {
    margin: 0;

    line-height: 1.5;
}


/* Arrangør */
.boelgen-arrangement-card-organizer {
    margin-top: 2px;

    line-height: 1.4;
}


/* Bundlinjen presses altid ned */
.boelgen-arrangement-card-bottom {
    margin-top: auto;

    padding-top: 10px;
}


/* Lidt mere kompakt Læs mere-knap */
.boelgen-arrangement-card-button {
    padding: 10px 16px;

    white-space: nowrap;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-arrangement-card-content {
        padding: 19px;
    }

    .boelgen-arrangement-card-title {
        font-size: 22px;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-arrangement-card:hover {
        transform: none;
    }

    .boelgen-arrangement-card-content {
        padding: 18px;
        gap: 9px;
    }

    .boelgen-arrangement-card-title {
        font-size: 21px;
    }

    .boelgen-arrangement-card-bottom {
        padding-top: 8px;
    }

}

/* =========================================
   PRAKTISK INFORMATION
   Alle enheder: Fuld bredde
   ========================================= */

.arrangement-praktisk-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.arrangement-praktisk-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.arrangement-praktisk-linje {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.5;
    overflow-wrap: break-word;
}

.arrangement-praktisk-linje strong {
    display: inline !important;
    font-weight: 700;
    white-space: normal !important;
    margin-right: 5px;
}

/* =========================================
   MERE PÅ BØLGEN - TABLET GRID
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .mere-paa-boelgen-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
        align-items: stretch !important;
    }

    .mere-paa-boelgen-grid > .mere-paa-boelgen-kort {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .mere-paa-boelgen-grid > .mere-paa-boelgen-kort:nth-child(3) {
        grid-column: 1 / -1;
    }
}

/* =========================================
   MÅNEDSSIDER UNDER ARRANGEMENTER
   Samme baggrund/layout som Arrangementer
   ========================================= */

/* Blå baggrund på alle månedssider */
body.parent-pageid-29,
body.parent-pageid-29 #page,
body.parent-pageid-29 .site {
    background-color: #1e73be;
}

/* Skjul WordPress' automatiske sidetitel */
body.parent-pageid-29 .entry-title,
body.parent-pageid-29 .page-header,
body.parent-pageid-29 header.page-header {
    display: none !important;
}

/* =========================================
   BØLGEN - MÅNEDSNAVIGATION
   ========================================= */

.boelgen-month-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;

    width: 100%;
    margin: 0;
    padding: 0;
}


/* Månedsknap */
.boelgen-month-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 17px;

    border: 1px solid #D7E2E9;
    border-radius: 999px;

    background: #F4F9FC;

    color: #123B5D !important;
    text-decoration: none !important;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}


/* Hover */
.boelgen-month-nav-link:hover {
    background: #DCEFF9;
    border-color: #1E6FA8;

    color: #123B5D !important;
    text-decoration: none !important;
}


/* Aktiv måned */
.boelgen-month-nav-link.is-active,
.boelgen-month-nav-link[aria-current="page"] {
    background: #123B5D;
    border-color: #123B5D;

    color: #FFFFFF !important;
    text-decoration: none !important;

    cursor: default;
}


/* Aktiv måned - hover */
.boelgen-month-nav-link.is-active:hover,
.boelgen-month-nav-link[aria-current="page"]:hover {
    background: #123B5D;
    border-color: #123B5D;

    color: #FFFFFF !important;
}


/* =========================================
   MOBIL
   Navigation kan scrolles vandret
   ========================================= */

@media (max-width: 767px) {

    .boelgen-month-nav {
        flex-wrap: nowrap;
        overflow-x: auto;

        padding-bottom: 4px;

        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .boelgen-month-nav-link {
        flex: 0 0 auto;

        padding: 8px 15px;

        font-size: 14px;
    }

}

/* =========================================
   MÅNEDSSIDER - TOM MÅNED
   Skjul filtre når måneden ikke har events
   ========================================= */

body.parent-pageid-29
.boelgen-arrangement-page:has(.boelgen-month-empty)
.boelgen-arrangement-filters,

body.parent-pageid-29
.boelgen-arrangement-page:has(.boelgen-month-empty)
.boelgen-filter-results,

body.parent-pageid-29
.boelgen-arrangement-page:has(.boelgen-month-empty)
.boelgen-load-more-wrap {
    display: none !important;
}

/* =========================================
   AFHOLDTE ARRANGEMENTER
   Fjern nested grid fra individuelle Pods-kort
   ========================================= */

.boelgen-archive-grid {
    width: 100% !important;
    max-width: none !important;
}

.boelgen-archive-grid > .boelgen-arrangement-grid {
    display: contents;
}

/* =========================================
   ARRANGEMENTSKORT - DYNAMISK DATOLABEL
   ========================================= */

.boelgen-arrangement-card-image {
    position: relative;
}


.boelgen-card-date-overlay {
    position: absolute;
    z-index: 5;

    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 62px;
    min-height: 62px;

    padding: 6px 9px;

    background: #123B5D;
    color: #FFFFFF;

    font-family: "Inter", sans-serif;

    text-align: center;
    line-height: 1;

    pointer-events: none;
}


.boelgen-card-date-day {
    display: block;

    font-size: 27px;
    font-weight: 800;
    line-height: 0.95;
}


.boelgen-card-date-month {
    display: block;

    margin-top: 5px;

    font-size: 9px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: 0.035em;
    text-transform: uppercase;
}


/* Mobil */
@media (max-width: 767px) {

    .boelgen-card-date-overlay {
        min-width: 58px;
        min-height: 58px;

        padding: 6px 8px;
    }

    .boelgen-card-date-day {
        font-size: 25px;
    }

    .boelgen-card-date-month {
        font-size: 9px;
    }

}

/* =========================================
   SINGLE ARRANGEMENT - DATOLABEL
   ========================================= */

.boelgen-single-featured-image {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}


.boelgen-single-date-overlay {
    min-width: 82px;
    min-height: 82px;

    padding: 9px 12px;
}


.boelgen-single-date-overlay
.boelgen-card-date-day {
    font-size: 36px;
}


.boelgen-single-date-overlay
.boelgen-card-date-month {
    margin-top: 6px;

    font-size: 11px;
}


/* Tablet */
@media (max-width: 1024px) {

    .boelgen-single-date-overlay {
        min-width: 76px;
        min-height: 76px;
    }

    .boelgen-single-date-overlay
    .boelgen-card-date-day {
        font-size: 33px;
    }

}


/* Mobil */
@media (max-width: 767px) {

    .boelgen-single-date-overlay {
        min-width: 66px;
        min-height: 66px;

        padding: 7px 9px;
    }

    .boelgen-single-date-overlay
    .boelgen-card-date-day {
        font-size: 28px;
    }

    .boelgen-single-date-overlay
    .boelgen-card-date-month {
        font-size: 9px;
    }

}

/* =========================================
   SINGLE ARRANGEMENT - DATOLABEL +12%
   ========================================= */

.boelgen-single-date-overlay {
    transform: scale(1.12);
    transform-origin: top left;
}

/* =========================================
   BØLGEN - HERO SLIDESHOW
   ========================================= */

.boelgen-hero {
    position: relative;

    width: 100%;
    margin: 0;

    overflow: hidden;
    border-radius: 18px;

    outline: none;
}


/* =========================================
   STAGE
   ========================================= */

.boelgen-hero-stage {
    position: relative;

    width: 100%;
    min-height: 480px;

    overflow: hidden;
    border-radius: 18px;
}


/* =========================================
   SLIDES
   ========================================= */

.boelgen-hero-slide {
    position: absolute;
    inset: 0;

    width: 100%;
    min-height: 100%;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.7s ease,
        visibility 0.7s ease;
}


.boelgen-hero-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    z-index: 2;
}


/* =========================================
   GRADIENT
   ========================================= */

.boelgen-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5, 26, 43, 0.88) 0%,
            rgba(5, 26, 43, 0.70) 35%,
            rgba(5, 26, 43, 0.20) 70%,
            rgba(5, 26, 43, 0.00) 100%
        );

    pointer-events: none;
}


/* =========================================
   INDHOLD
   ========================================= */

.boelgen-hero-content {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 760px;

    padding: 48px;

    color: #FFFFFF;
}


/* Label */

.boelgen-hero-label {
    margin: 0 0 10px 0;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #FFFFFF;
}


/* Overskrift */
/* Automatisk dato + tidspunkt på arrangements-slides */

.boelgen-hero-event-meta {
    display: inline-flex;
    align-items: center;

    width: fit-content;

    margin: 0 0 12px 0;
    padding: 7px 12px;

    border-radius: 999px;

    background: #1e73be;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    color: #FFFFFF;
}


.boelgen-hero-title {
    margin: 0 0 14px 0;

    font-family: "Inter", sans-serif;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 700;
    line-height: 1.05;

    color: #FFFFFF !important;
}


/* Kort tekst */

.boelgen-hero-text {
    margin: 0 0 24px 0;

    max-width: 650px;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;

    color: #FFFFFF;
}


/* =========================================
   KNAP
   ========================================= */

.boelgen-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;
    padding: 11px 22px;

    border: 2px solid #FFFFFF;
    border-radius: 999px;

    background: #FFFFFF;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;

    color: #123B5D !important;
    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}


.boelgen-hero-button:hover,
.boelgen-hero-button:focus {
    background: transparent;
    color: #FFFFFF !important;
}


/* =========================================
   PILE
   ========================================= */

.boelgen-hero-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 999px;

    background: #1e73be;

    color: #FFFFFF;

    font-size: 25px;
    font-weight: 400;
    line-height: 1;

    cursor: pointer;

    transform: translateY(-50%);

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease;
}


.boelgen-hero-arrow:hover,
.boelgen-hero-arrow:focus {
    background: #123B5D;
    border-color: #FFFFFF;
}


.boelgen-hero-prev {
    left: 18px;
}


.boelgen-hero-next {
    right: 18px;
}


/* =========================================
   PRIKKER
   ========================================= */

.boelgen-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 16px;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    transform: translateX(-50%);
}


.boelgen-hero-dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: 2px solid #FFFFFF;
    border-radius: 999px;

    background: transparent;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}


.boelgen-hero-dot.is-active {
    background: #FFFFFF;
    transform: scale(1.15);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-hero-stage {
        min-height: 420px;
    }

    .boelgen-hero-content {
        padding: 36px;
        max-width: 680px;
    }

}


/* =========================================
   MOBIL
   ========================================= */
@media (max-width: 767px) {
	
.boelgen-hero-event-meta {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

    padding: 6px 10px;

    font-size: 14px;
    text-align: center;
}

    .boelgen-hero-stage {
        min-height: 360px;
    }

    .boelgen-hero-slide {
        align-items: center;
        background-position: center;
    }

    .boelgen-hero-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(5, 26, 43, 0.90) 0%,
                rgba(5, 26, 43, 0.65) 55%,
                rgba(5, 26, 43, 0.10) 100%
            );
    }

    .boelgen-hero-content {
        max-width: 100%;
        padding: 32px 58px 52px 58px;

        text-align: center;
    }

    .boelgen-hero-label,
    .boelgen-hero-title,
    .boelgen-hero-text {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .boelgen-hero-title {
        font-size: 30px;
        line-height: 1.08;
    }

    .boelgen-hero-text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .boelgen-hero-button {
        margin-left: auto;
        margin-right: auto;
    }

    .boelgen-hero-arrow {
        width: 40px;
        height: 40px;

        font-size: 21px;
    }

    .boelgen-hero-prev {
        left: 10px;
    }

    .boelgen-hero-next {
        right: 10px;
    }

    .boelgen-hero-dots {
        bottom: 14px;
    }

}

@media (max-width: 767px) {

    .boelgen-hero-slide {
        align-items: flex-end;
        background-position: center;
    }

}

/* =========================================
   REDUCERET BEVÆGELSE
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .boelgen-hero-slide {
        transition: none;
    }

}
/* =========================================
   HERO - FINJUSTERING AF NAVIGATION
   ========================================= */

.boelgen-hero .boelgen-hero-dot {
    width: 12px !important;
    height: 12px !important;

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

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

    border: 2px solid #FFFFFF !important;
    border-radius: 50% !important;

    background: transparent !important;

    box-shadow: none !important;
}

.boelgen-hero .boelgen-hero-dot.is-active {
    background: #FFFFFF !important;
}


/* Mere plads mellem venstre pil og teksten */

@media (min-width: 768px) {

    .boelgen-hero-content {
        padding-left: 86px;
    }

}

/* HERO - fast farve på navigationspile */

.boelgen-hero button.boelgen-hero-arrow {
    background: #1e73be !important;
    background-color: #1e73be !important;
    background-image: none !important;
    border-color: #1e73be !important;

    color: #FFFFFF !important;
}

.boelgen-hero button.boelgen-hero-arrow:hover,
.boelgen-hero button.boelgen-hero-arrow:focus {
    background: #123B5D !important;
    background-color: #123B5D !important;
    border-color: #123B5D !important;

    color: #FFFFFF !important;
}

/* =========================================
   FORSIDE - AKTUELT
   3 arrangementer + 2 nyheder med sliders
   ========================================= */

.boelgen-home-current {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 28px;

    width: 100%;
    margin-top: 40px;
}


/* Hvis der ingen nyheder er */

.boelgen-home-current.no-news {
    grid-template-columns: 1fr;
}


/* =========================================
   RAILS
   ========================================= */

.boelgen-home-rail {
    min-width: 0;
}


/* =========================================
   OVERSKRIFTER
   ========================================= */

.boelgen-home-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 58px;

    margin: 0 0 18px 0;
    padding: 10px 16px;

    border-radius: 14px;
}


.boelgen-home-current-events
.boelgen-home-section-heading {
    background: #123B5D;
}


.boelgen-home-current-news
.boelgen-home-section-heading {
    background: #1e73be;
}


.boelgen-home-section-heading h2 {
    margin: 0;

    color: #FFFFFF;

    font-family: "Inter", sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.1;
}


/* =========================================
   PILE
   ========================================= */

.boelgen-home-rail-arrows {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;

    flex: 0 0 auto;
}


.boelgen-home-rail-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    padding: 0;

    border: 0;
    border-radius: 999px;

    background: #FFFFFF;

    color: #123B5D;

    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1;

    cursor: pointer;
}


.boelgen-home-rail-arrow:hover,
.boelgen-home-rail-arrow:focus {
    background: #EAF3F9;
}


.boelgen-home-rail-arrow:disabled {
    opacity: 0.35;
    cursor: default;
}


.boelgen-home-rail-arrow[hidden] {
    display: none !important;
}


/* =========================================
   VIEWPORT
   ========================================= */

.boelgen-home-rail-viewport {
    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-behavior: smooth;
    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}


.boelgen-home-rail-viewport::-webkit-scrollbar {
    display: none;
}


/* =========================================
   ARRANGEMENTER - HORISONTAL RAIL
   ========================================= */

.boelgen-home-events-grid {
    display: flex;
    flex-wrap: nowrap;

    gap: 18px;

    width: 100%;
}


/*
 * Pods lægger hvert kort i en ekstra
 * .boelgen-arrangement-grid wrapper.
 */

.boelgen-home-events-grid
> .boelgen-arrangement-grid {
    display: contents;
}


/*
 * 3 arrangementer synlige ad gangen.
 */

.boelgen-home-events-grid
.boelgen-arrangement-card {
    display: flex;
    flex-direction: column;

    flex: 0 0 calc((100% - 36px) / 3);

    min-width: 0;
}


/* Uden nyheder: 4 kort synlige */

.boelgen-home-current.no-news
.boelgen-home-events-grid
.boelgen-arrangement-card {
    flex-basis: calc((100% - 54px) / 4);
}


/* =========================================
   ARRANGEMENTSKORT - FORENKLET FORSIDE
   ========================================= */

.boelgen-home-events-grid
.boelgen-arrangement-card-image {
    aspect-ratio: 2 / 1;
}


/* Ingen datobadge oven på billedet */

.boelgen-home-events-grid
.boelgen-card-date-overlay {
    display: none !important;
}


/* Indhold */

.boelgen-home-events-grid
.boelgen-arrangement-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    gap: 8px;

    padding: 15px;
}


/* Kun kategoribadget beholdes */

.boelgen-home-events-grid
.boelgen-arrangement-card-badges {
    gap: 6px;

    margin: 0 0 3px 0;
}


.boelgen-home-events-grid
.boelgen-arrangement-card-badges
.arrangement-status-badge,

.boelgen-home-events-grid
.boelgen-arrangement-card-badges
.arrangement-gratis-badge {
    display: none !important;
}


.boelgen-home-events-grid
.arrangement-kategori-badge {
    font-size: 12px;
}


/* Dato */

.boelgen-home-events-grid
.boelgen-arrangement-card-date {
    font-size: 13px;
}


/* Titel */

.boelgen-home-events-grid
.boelgen-arrangement-card-title {
    font-size: 19px;
    line-height: 1.15;
}


/* Teaser */

.boelgen-home-events-grid
.boelgen-arrangement-card-teaser {
    font-size: 13px;
    line-height: 1.4;
}


/* Arrangør skjules */

.boelgen-home-events-grid
.boelgen-arrangement-card-organizer {
    display: none !important;
}


/* Bund */

.boelgen-home-events-grid
.boelgen-arrangement-card-bottom {
    margin-top: auto;

    padding-top: 7px;
}


.boelgen-home-events-grid
.boelgen-arrangement-card-price {
    font-size: 13px;
}


.boelgen-home-events-grid
.boelgen-arrangement-card-button {
    padding: 8px 13px;

    font-size: 12px;
}


/* =========================================
   NYHEDER - HORISONTAL RAIL
   ========================================= */

.boelgen-home-news-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    gap: 18px;

    width: 100%;
}


/*
 * 2 nyheder synlige ad gangen.
 */

.boelgen-home-news-card {
    display: flex;
    flex-direction: column;

    flex: 0 0 calc((100% - 18px) / 2);

    min-width: 0;

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #D7E2E9;
    border-radius: 18px;
}


/* Samme billedformat som arrangementer */

.boelgen-home-news-image {
    display: block;

    width: 100%;
    aspect-ratio: 2 / 1;

    overflow: hidden;

    background: #FFFFFF;
}


.boelgen-home-news-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* =========================================
   NYHEDSINDHOLD
   ========================================= */

.boelgen-home-news-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;

    gap: 8px;

    padding: 15px;
}


/* Dato skal ikke vises */

.boelgen-home-news-date {
    display: none !important;
}


/* Lille Nyhed-badge */

.boelgen-home-news-badges {
    margin: 0 0 3px 0;
}


.boelgen-home-news-badge {
    display: inline-flex;
    align-items: center;

    padding: 6px 12px;

    border-radius: 999px;

    background: #1e73be;
    color: #FFFFFF;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}


/* Titel */

.boelgen-home-news-title {
    margin: 0;

    font-family: "Inter", sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.15;
}


.boelgen-home-news-title a {
    color: #123B5D;
    text-decoration: none;
}


.boelgen-home-news-title a:hover,
.boelgen-home-news-title a:focus {
    color: #1e73be;
}


/* Uddrag */

.boelgen-home-news-excerpt {
    margin: 0;

    color: #183042;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.4;
}


/* Knap i bunden ligesom arrangementer */

.boelgen-home-news-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: auto;
    padding: 8px 13px;

    border-radius: 999px;

    background: #123B5D;

    color: #FFFFFF !important;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;
}


.boelgen-home-news-button:hover,
.boelgen-home-news-button:focus {
    background: #1e73be;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .boelgen-home-current {
        grid-template-columns: 1fr;

        gap: 32px;
    }


    /*
     * 2 arrangementer synlige.
     */

    .boelgen-home-events-grid
    .boelgen-arrangement-card,

    .boelgen-home-current.no-news
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex-basis: calc((100% - 18px) / 2);
    }


    /*
     * 2 nyheder synlige.
     */

    .boelgen-home-news-card {
        flex-basis: calc((100% - 18px) / 2);
    }


    .boelgen-home-section-heading h2 {
        font-size: 24px;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-home-current {
        margin-top: 30px;

        gap: 28px;
    }


    .boelgen-home-section-heading {
        min-height: 52px;

        margin-bottom: 14px;
        padding: 9px 12px;
    }


    .boelgen-home-section-heading h2 {
        font-size: 20px;
    }


    .boelgen-home-rail-arrows {
        gap: 5px;
    }


    .boelgen-home-rail-arrow {
        width: 32px;
        height: 32px;

        font-size: 22px;
    }


    /*
     * 1 kort synligt ad gangen.
     */

    .boelgen-home-events-grid
    .boelgen-arrangement-card,

    .boelgen-home-current.no-news
    .boelgen-home-events-grid
    .boelgen-arrangement-card,

    .boelgen-home-news-card {
        flex-basis: 100%;
    }


    .boelgen-home-events-grid,
    .boelgen-home-news-list {
        gap: 14px;
    }


    .boelgen-home-events-grid
    .boelgen-arrangement-card-title,
    .boelgen-home-news-title {
        font-size: 21px;
    }


    .boelgen-home-events-grid
    .boelgen-arrangement-card-content,
    .boelgen-home-news-content {
        padding: 17px;
    }

}

/* =========================================
   FORSIDE - ENS KORTHØJDE + ENS TITELHØJDE
   ========================================= */

@media (min-width: 1025px) {

    .boelgen-home-events-grid .boelgen-arrangement-card,
    .boelgen-home-news-card {
        height: 405px;
    }

}


/*
 * Arrangement- og nyhedstitler reserverer altid
 * plads til præcis 2 tekstlinjer.
 *
 * Længere overskrifter afkortes visuelt efter 2 linjer.
 */

.boelgen-home-events-grid .boelgen-arrangement-card-title,
.boelgen-home-news-title {
    display: -webkit-box;

    min-height: 2.3em;
    max-height: 2.3em;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    line-clamp: 2;
}

/* =========================================
   FORSIDE - SNAP HORISONTALT TIL HELE KORT
   ========================================= */

.boelgen-home-rail-viewport {
    scroll-snap-type: x mandatory;
}

.boelgen-home-events-grid .boelgen-arrangement-card,
.boelgen-home-news-card {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

/* =========================================
   FORSIDE - FINJUSTERING AF KORT + NAVIGATION
   ========================================= */


/* -----------------------------------------
   MINDRE OVERSKRIFTER
   ----------------------------------------- */

.boelgen-home-section-heading h2 {
    font-size: 22px;
    line-height: 1.1;
}


/* -----------------------------------------
   PÆNERE FORRIGE / NÆSTE-KNAPPER
   ----------------------------------------- */

.boelgen-home-rail-arrows {
    display: flex;
    align-items: center;
    gap: 8px;
}


.boelgen-home-rail-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    width: auto;
    height: 34px;

    padding: 0 11px;

    border: 1px solid rgba(255,255,255,0.45);
    border-radius: 999px;

    background: rgba(255,255,255,0.13);

    color: #FFFFFF;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}


.boelgen-home-rail-arrow:hover,
.boelgen-home-rail-arrow:focus {
    background: #FFFFFF;
    color: #123B5D;
}


.boelgen-home-rail-arrow:disabled {
    opacity: 0.35;
    cursor: default;
}


/* -----------------------------------------
   FJERN FAST KORTHØJDE
   ----------------------------------------- */

@media (min-width: 1025px) {

    .boelgen-home-events-grid .boelgen-arrangement-card,
    .boelgen-home-news-card {
        height: auto;
    }

}


/*
 * Kortene inden for hver rail strækkes
 * stadig til samme højde.
 */

.boelgen-home-events-grid,
.boelgen-home-news-list {
    align-items: stretch;
}


.boelgen-home-events-grid .boelgen-arrangement-card,
.boelgen-home-news-card {
    align-self: stretch;
}


/* -----------------------------------------
   ENS PLADS TIL TITLER
   ----------------------------------------- */

.boelgen-home-events-grid .boelgen-arrangement-card-title,
.boelgen-home-news-title {
    display: -webkit-box;

    min-height: 2.3em;
    max-height: 2.3em;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* -----------------------------------------
   ENS PLADS TIL TEASER / UDDRAG
   ----------------------------------------- */

.boelgen-home-events-grid .boelgen-arrangement-card-teaser,
.boelgen-home-news-excerpt {
    display: -webkit-box;

    min-height: 2.8em;
    max-height: 2.8em;

    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* -----------------------------------------
   KNAPPEN SKAL KOMME DIREKTE EFTER INDHOLDET
   MEN STADIG STÅ ENS
   ----------------------------------------- */

.boelgen-home-events-grid .boelgen-arrangement-card-bottom {
    margin-top: 6px;
}


.boelgen-home-news-button {
    margin-top: 6px;
}


/* -----------------------------------------
   MOBIL
   ----------------------------------------- */

@media (max-width: 767px) {

    .boelgen-home-section-heading h2 {
        font-size: 19px;
    }


    /*
     * På mobil kan teksten i pileknapperne
     * godt skjules for at spare plads.
     */

    .boelgen-home-rail-arrow {
        width: 32px;
        height: 32px;

        padding: 0;

        font-size: 20px;
    }


    .boelgen-home-rail-arrow span:not([aria-hidden="true"]) {
        display: none;
    }

}

/* =========================================
   FORSIDE - KOMPAKT ENS KORTLAYOUT
   + RENERE FORRIGE / NÆSTE
   ========================================= */


/* -----------------------------------------
   MINDRE OVERSKRIFTER
   ----------------------------------------- */

.boelgen-home-section-heading {
    min-height: 52px;
    padding: 9px 14px;
}

.boelgen-home-section-heading h2 {
    font-size: 20px;
    line-height: 1.1;
    white-space: nowrap;
}


/* -----------------------------------------
   FORRIGE / NÆSTE
   Enkel tekstnavigation i stedet for pills
   ----------------------------------------- */

.boelgen-home-rail-arrows {
    display: flex;
    align-items: center;
    gap: 14px;

    flex: 0 0 auto;
}

.boelgen-home-rail-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    width: auto;
    height: auto;

    padding: 4px 0;

    border: 0;
    border-radius: 0;

    background: transparent !important;

    color: #FFFFFF !important;

    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;

    opacity: 1;
}

.boelgen-home-rail-arrow:hover,
.boelgen-home-rail-arrow:focus {
    background: transparent !important;
    color: #FFFFFF !important;

    text-decoration: underline;
}

.boelgen-home-rail-arrow:disabled {
    background: transparent !important;

    opacity: 0.35;
    cursor: default;

    text-decoration: none;
}


/* =========================================
   ARRANGEMENTSKORT
   Samme lodrette struktur på alle kort
   ========================================= */

.boelgen-home-events-grid
.boelgen-arrangement-card-content {
    display: grid;

    /*
     * 1 = badge
     * 2 = dato
     * 3 = titel, maks. 2 linjer
     * 4 = teaser, maks. 2 linjer
     * 5 = knap
     */
    grid-template-rows:
        32px
        18px
        46px
        38px
        auto;

    gap: 6px;

    padding: 15px;
}


/* Badge */

.boelgen-home-events-grid
.boelgen-arrangement-card-badges {
    grid-row: 1;

    align-self: start;

    margin: 0;
}


/* Dato */

.boelgen-home-events-grid
.boelgen-arrangement-card-date {
    grid-row: 2;

    align-self: start;
}


/* Titel */

.boelgen-home-events-grid
.boelgen-arrangement-card-title {
    grid-row: 3;

    align-self: start;

    min-height: 0;
    max-height: none;

    margin: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Teaser */

.boelgen-home-events-grid
.boelgen-arrangement-card-teaser {
    grid-row: 4;

    align-self: start;

    min-height: 0;
    max-height: none;

    margin: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Knap/bund */

.boelgen-home-events-grid
.boelgen-arrangement-card-bottom {
    grid-row: 5;

    align-self: start;

    margin-top: 0;
    padding-top: 2px;
}


/* =========================================
   NYHEDSKORT
   Præcis samme lodrette struktur
   ========================================= */

.boelgen-home-news-content {
    display: grid;

    /*
     * Nyheder bruger samme 5 rækker.
     * Række 2 står bevidst tom, fordi
     * nyhedsdatoen ikke skal vises.
     */
    grid-template-rows:
        32px
        18px
        46px
        38px
        auto;

    gap: 6px;

    padding: 15px;
}


/* Badge */

.boelgen-home-news-badges {
    grid-row: 1;

    align-self: start;

    margin: 0;
}


/* Titel */

.boelgen-home-news-title {
    grid-row: 3;

    align-self: start;

    min-height: 0;
    max-height: none;

    margin: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Uddrag */

.boelgen-home-news-excerpt {
    grid-row: 4;

    align-self: start;

    min-height: 0;
    max-height: none;

    margin: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}


/* Knap */

.boelgen-home-news-button {
    grid-row: 5;

    align-self: start;
    justify-self: start;

    margin-top: 2px;
}


/* =========================================
   FJERN DEN TIDLIGERE FASTE KORTHØJDE
   ========================================= */

@media (min-width: 1025px) {

    .boelgen-home-events-grid
    .boelgen-arrangement-card,

    .boelgen-home-news-card {
        height: auto;
    }

}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-home-section-heading h2 {
        font-size: 18px;
    }

    .boelgen-home-rail-arrows {
        gap: 10px;
    }

    .boelgen-home-rail-arrow {
        font-size: 10px;
    }

}

/* Forside - samme titelstørrelse på nyheder og arrangementer */

.boelgen-home-news-title,
.boelgen-home-news-title a,
.boelgen-home-events-grid .boelgen-arrangement-card-title,
.boelgen-home-events-grid .boelgen-arrangement-card-title a {
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 800;
}


/* Forside - nyheders Læs mere til højre */

.boelgen-home-news-button {
    justify-self: end;
    margin-left: auto;
}

/* =========================================
   AKTIVITETER-SIDE
   Skjul sidetitel + hvide topknap-links
   ========================================= */

/* Skjul WordPress' automatiske sidetitel */
body.page-id-31 .entry-title,
body.page-id-31 .page-header,
body.page-id-31 header.page-header {
    display: none !important;
}

/* Sørg for hvid tekst i genvejsknapperne */
body.page-id-31 .elementor-button,
body.page-id-31 .elementor-button span,
body.page-id-31 .elementor-button-text {
    color: #FFFFFF !important;
}

/* =========================================
   ALLE KNAPPER - INGEN UNDERLINE
   ========================================= */

.elementor-button,
.boelgen-arrangement-card-button,
.arrangement-billetknap,
.boelgen-home-news-button,
.boelgen-home-rail-arrow,
.boelgen-load-more-button,
.boelgen-filter-chip,
.boelgen-filter-clear,
.boelgen-multiselect-trigger,
.boelgen-selected-tag,
.boelgen-sidebar-events-toggle,
.arrangement-delknap {
    text-decoration: none !important;
}

.elementor-button:hover,
.boelgen-arrangement-card-button:hover,
.arrangement-billetknap:hover,
.boelgen-home-news-button:hover,
.boelgen-home-rail-arrow:hover,
.boelgen-load-more-button:hover,
.boelgen-filter-chip:hover,
.boelgen-filter-clear:hover,
.boelgen-multiselect-trigger:hover,
.boelgen-selected-tag:hover,
.boelgen-sidebar-events-toggle:hover,
.arrangement-delknap:hover {
    text-decoration: none !important;
}

/* =========================================
   AKTIVITETER - TOPNAVIGATION HOVER
   ========================================= */

body.page-id-31 .elementor-button:hover,
body.page-id-31 .elementor-button:focus {
    background: #0B2F4C !important;
    background-color: #0B2F4C !important;
    color: #FFFFFF !important;
    border-color: #0B2F4C !important;
    text-decoration: none !important;
}

body.page-id-31 .elementor-button:hover span,
body.page-id-31 .elementor-button:focus span,
body.page-id-31 .elementor-button:hover .elementor-button-text,
body.page-id-31 .elementor-button:focus .elementor-button-text {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

body.page-id-31,
body.page-id-31 #page,
body.page-id-31 .site {
    background-color: #1E73BE;
}

/* =========================================
   AKTIVITETER - 1200 PX HVID SIDEFLADE
   ========================================= */

/* =========================================
   AKTIVITETER - BLÅ SIDEBAGGRUND
   + HVID 1200 PX SIDEFLADE
   ========================================= */

body.page-id-31,
body.page-id-31 #page,
body.page-id-31 .site,
body.page-id-31 main.site-main,
body.page-id-31 .page-content,
body.page-id-31 .elementor.elementor-31 {
    background-color: #1E73BE !important;
}

/* Selve den hvide indholdsflade */
body.page-id-31 .boelgen-page-shell {
    width: calc(100% - 32px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    background: #FFFFFF !important;
    border-radius: 18px;
    overflow: hidden;
}

@media (max-width: 1024px) {
    body.page-id-31 .boelgen-page-shell {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 767px) {
    body.page-id-31 .boelgen-page-shell {
        width: calc(100% - 32px) !important;
    }
}

/* =========================================
   AKTIVITETER - KORREKT 1200 PX SIDEFLADE
   ========================================= */

/* Blå sidebaggrund */
body.page-id-31,
body.page-id-31 #page,
body.page-id-31 .site,
body.page-id-31 #content,
body.page-id-31 .page-content,
body.page-id-31 .elementor-31 {
    background-color: #1E73BE !important;
}

/* Elementors boxed ydercontainer må IKKE være hvid */
body.page-id-31
.elementor-element.elementor-element-10102d5 {
    background: transparent !important;
    background-color: transparent !important;
}

/* Den faktiske 1200 px hvide sideflade */
body.page-id-31
.elementor-element.elementor-element-10102d5 > .e-con-inner {
    background: #FFFFFF !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    box-sizing: border-box;

    border-radius: 18px;
    overflow: hidden;
}

@media (max-width: 767px) {
    body.page-id-31
    .elementor-element.elementor-element-10102d5 > .e-con-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* =========================================
   FORSIDE - KUN KOMMENDE ARRANGEMENTER
   Desktop 6 / Tablet 3 / Mobil 1
   ========================================= */

.boelgen-home-current--events-only {
    display: block !important;
    width: 100%;
}

.boelgen-home-current--events-only
.boelgen-home-current-events {
    width: 100%;
}


/* =========================================
   DESKTOP - 6 KORT
   ========================================= */

@media (min-width: 1025px) {

    .boelgen-home-current--events-only
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex: 0 0 calc((100% - 90px) / 6) !important;
    }

}


/* =========================================
   TABLET - 3 KORT
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .boelgen-home-current--events-only
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex: 0 0 calc((100% - 36px) / 3) !important;
    }

}


/* =========================================
   MOBIL - 1 KORT
   ========================================= */

@media (max-width: 767px) {

    .boelgen-home-current--events-only
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex: 0 0 100% !important;
    }

}


/* Ingen underline på navigationen */

.boelgen-home-current--events-only
.boelgen-home-rail-arrow,
.boelgen-home-current--events-only
.boelgen-home-rail-arrow:hover,
.boelgen-home-current--events-only
.boelgen-home-rail-arrow:focus {
    text-decoration: none !important;
}

/* =========================================
   FORSIDE - 5 ARRANGEMENTER PÅ DESKTOP
   ========================================= */

@media (min-width: 1025px) {

    .boelgen-home-current--events-only
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex: 0 0 calc((100% - 72px) / 5) !important;
    }

}


/* KATEGORIBADGES - ÉN LINJE */

.boelgen-home-current--events-only
.boelgen-home-events-grid
.arrangement-kategori-badge {
    white-space: nowrap;
    font-size: 11px;
    padding: 6px 11px;
    line-height: 1;
}

/* =========================================
   BØLGEN - NYHEDER SIDE
   Shortcode: [boelgen_nyheder]
   3 kolonner desktop / 2 tablet / 1 mobil
   ========================================= */

.boelgen-news-listing {
    width: 100%;
}

.boelgen-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
}

.boelgen-news-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #D7E2E9;
    border-radius: 18px;
    background: #FFFFFF;
}

.boelgen-news-card[hidden] {
    display: none !important;
}

.boelgen-news-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #DCEFF9;
}

.boelgen-news-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.boelgen-news-card-image--empty {
    background:
        linear-gradient(
            135deg,
            #DCEFF9 0%,
            #F4F9FC 100%
        );
}

.boelgen-news-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
    padding: 20px;
}

.boelgen-news-card-title {
    display: -webkit-box;
    min-height: 2.3em;
    max-height: 2.3em;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-family: "Inter", sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.15;
}

.boelgen-news-card-title a {
    color: #123B5D;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.boelgen-news-card-title a:hover,
.boelgen-news-card-title a:focus {
    color: #1E6FA8;
}

.boelgen-news-card-excerpt {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    color: #183042;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

.boelgen-news-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    margin-top: auto;
    padding: 9px 15px;
    border-radius: 999px;
    background: #123B5D;
    color: #FFFFFF !important;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
}

.boelgen-news-card-button:hover,
.boelgen-news-card-button:focus {
    background: #0B2F4C;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.boelgen-news-load-more-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 28px;
}

.boelgen-news-load-more-wrap[hidden] {
    display: none !important;
}

.boelgen-news-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border: 0;
    border-radius: 999px;
    background: #123B5D;
    color: #FFFFFF;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.boelgen-news-load-more:hover,
.boelgen-news-load-more:focus {
    background: #0B2F4C;
    color: #FFFFFF;
}

.boelgen-news-empty {
    margin: 0;
    color: #183042;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .boelgen-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

@media (max-width: 767px) {
    .boelgen-news-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .boelgen-news-card-content {
        padding: 17px;
    }

    .boelgen-news-card-title {
        font-size: 20px;
    }
}

/* =========================================
   NYHEDER - KORTOVERSKRIFTER
   ========================================= */

.boelgen-news-listing
.boelgen-news-card-title,
.boelgen-news-listing
.boelgen-news-card-title a {
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

@media (max-width: 767px) {

    .boelgen-news-listing
    .boelgen-news-card-title,
    .boelgen-news-listing
    .boelgen-news-card-title a {
        font-size: 20px !important;
    }

}

/* NYHEDER - MINDRE LUFT UNDER OVERSKRIFTEN */

.boelgen-news-card-title {
    margin-bottom: 8px !important;
}

.boelgen-news-card-excerpt {
    margin-top: 0 !important;
}

/* NYHEDER - INGEN RESERVERET TOM PLADS UNDER TITEL */

.boelgen-news-card-title {
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
}

.boelgen-news-card-excerpt {
    margin-top: 0 !important;
}

/* NYHEDER - INGEN UNDERSTREGNING PÅ KORTOVERSKRIFTER */

.boelgen-news-card-title a,
.boelgen-news-card-title a:hover,
.boelgen-news-card-title a:focus {
    text-decoration: none !important;
}

/* =========================================
   BØLGEN - NYHEDSPOPUP
   ========================================= */

.boelgen-news-popup[hidden] {
    display: none !important;
}


.boelgen-news-popup {
    position: fixed;
    z-index: 999999;

    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;
}


.boelgen-news-popup-overlay {
    position: absolute;

    inset: 0;

    background: rgba(11, 47, 76, 0.72);
}


.boelgen-news-popup-dialog {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 44% 56%;

    width: 100%;
    max-width: 850px;
    max-height: calc(100vh - 48px);

    overflow: hidden;

    background: #FFFFFF;

    border-radius: 18px;

    box-shadow:
        0 20px 60px
        rgba(0, 0, 0, 0.25);
}


.boelgen-news-popup-image {
    min-height: 360px;
}


.boelgen-news-popup-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.boelgen-news-popup-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 42px;

    color: #183042;
}


.boelgen-news-popup-label {
    margin-bottom: 12px;

    color: #1E6FA8;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.04em;
}


.boelgen-news-popup-content h2 {
    margin: 0 0 16px 0;

    color: #123B5D;

    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
}


.boelgen-news-popup-content p {
    margin: 0 0 24px 0;

    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}


.boelgen-news-popup-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: auto;

    padding: 10px 18px;

    background: #123B5D;

    color: #FFFFFF !important;

    border-radius: 999px;

    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}


.boelgen-news-popup-button:hover,
.boelgen-news-popup-button:focus {
    background: #0B2F4C;

    color: #FFFFFF !important;

    text-decoration: none !important;
}


.boelgen-news-popup-close {
    position: absolute;
    z-index: 5;

    top: 14px;
    right: 14px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 0;
    border-radius: 999px;

    background: #FFFFFF;

    color: #123B5D;

    font-size: 27px;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 2px 10px
        rgba(0,0,0,0.12);
}


.boelgen-news-popup-close:hover,
.boelgen-news-popup-close:focus {
    background: #F4F9FC;
}


body.boelgen-popup-open {
    overflow: hidden;
}


/* =========================================
   MOBIL
   ========================================= */

@media (max-width: 767px) {

    .boelgen-news-popup {
        padding: 16px;
    }


    .boelgen-news-popup-dialog {
        display: block;

        max-height: calc(100vh - 32px);

        overflow-y: auto;
    }


    .boelgen-news-popup-image {
        min-height: 0;
        height: 220px;
    }


    .boelgen-news-popup-content {
        padding: 26px 22px;
    }


    .boelgen-news-popup-content h2 {
        font-size: 25px;
    }


    .boelgen-news-popup-content p {
        font-size: 15px;
    }

}

/* =========================================
   NYHEDSPOPUP - MOBIL SOM NYHEDSKORT
   ========================================= */

@media (max-width: 767px) {

    .boelgen-news-popup {
        align-items: flex-start;
        padding: 16px;
        overflow-y: auto;
    }

    .boelgen-news-popup-dialog {
        display: flex;
        flex-direction: column;

        width: 100%;
        max-width: 480px;
        max-height: none;

        margin: auto;

        overflow: hidden;

        background: #FFFFFF;

        border-radius: 18px;
    }

    /* Billede øverst */
    .boelgen-news-popup-image {
        order: 1;

        width: 100%;
        height: auto;
        min-height: 0;

        aspect-ratio: 16 / 9;
    }

    .boelgen-news-popup-image img {
        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    /* Tekst under billedet */
    .boelgen-news-popup-content {
        order: 2;

        display: flex;
        flex-direction: column;

        padding: 20px;

        gap: 12px;
    }

    .boelgen-news-popup-label {
        margin: 0;

        font-size: 12px;
    }

    .boelgen-news-popup-content h2 {
        margin: 0;

        font-size: 22px;
        line-height: 1.15;
    }

    .boelgen-news-popup-content p {
        margin: 0;

        font-size: 15px;
        line-height: 1.45;
    }

    .boelgen-news-popup-button {
        align-self: flex-end;

        margin-top: 4px;
    }

    /* Luk-knap oven på billedet */
    .boelgen-news-popup-close {
        top: 12px;
        right: 12px;

        width: 36px;
        height: 36px;
    }

}

/* =========================================
   NYHEDSPOPUP - TYDELIG NAVY KANT
   ========================================= */

.boelgen-news-popup-dialog {
    border: 10px solid #123B5D;
}

/* Mobil: lidt smallere kant */
@media (max-width: 767px) {

    .boelgen-news-popup-dialog {
        border-width: 5px;
    }

}

/* SINGLE NEWS – BLÅ BAGGRUND */

body.single-post,
body.single-post #page,
body.single-post .site {
    background-color: #1e73be;
}


/* =========================================
   SINGLE NEWS – HVID INDHOLDSCONTAINER
   ========================================= */

body.single-post .boelgen-single-news-container {
    width: calc(100% - 32px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Mobil */
@media (max-width: 767px) {
    body.single-post .boelgen-single-news-container {
        width: calc(100% - 20px) !important;
        padding: 20px !important;
    }
}


/* =========================================
   SINGLE NEWS – NAVIGATION OG DELING
   ========================================= */

body.single-post .boelgen-single-news-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    margin-top: 30px;
}

/* Tilbage til nyheder */

body.single-post .boelgen-single-news-back {
    display: inline-flex;
    align-items: center;
    color: #123B5D;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

body.single-post .boelgen-single-news-back:hover {
    color: #1E6FA8;
}

/* Del-knap */

body.single-post .boelgen-single-news-share {
    position: relative;
}

body.single-post .boelgen-single-news-share-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    background: #123B5D;
    color: #FFFFFF;
    border: 0;
    border-radius: 999px;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

body.single-post .boelgen-single-news-share-trigger:hover {
    background: #0B2F4C;
}

/* Dropdown */

body.single-post .boelgen-single-news-share-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    z-index: 100;
    min-width: 190px;
    padding: 8px;
    background: #FFFFFF;
    border: 1px solid #D7E2E9;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(18, 59, 93, 0.14);
}

/* Skjul dropdown indtil klik */

body.single-post .boelgen-single-news-share-menu[hidden] {
    display: none !important;
}

/* Delingslinks */

body.single-post .boelgen-single-news-share-menu a {
    display: block;
    padding: 11px 13px;
    color: #183042;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
}

body.single-post .boelgen-single-news-share-menu a:hover {
    background: #F4F9FC;
    color: #123B5D;
}

/* Tastaturnavigation */

body.single-post .boelgen-single-news-share-trigger:focus-visible,
body.single-post .boelgen-single-news-share-menu a:focus-visible {
    outline: 2px solid #1E6FA8;
    outline-offset: 3px;
}

/* Mobil */

@media (max-width: 767px) {
    body.single-post .boelgen-single-news-actions {
        gap: 14px;
    }

    body.single-post .boelgen-single-news-share-menu {
        max-width: calc(100vw - 40px);
    }
}


/* =========================================
   ARRANGEMENTER – LINKS I BESKRIVELSER
   ========================================= */

body.single-arrangement
.elementor-widget-xpro-post-content
.elementor-widget-text-editor a {
    color: #1E6FA8 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

body.single-arrangement
.elementor-widget-xpro-post-content
.elementor-widget-text-editor a:hover {
    color: #154F79 !important;
}

/* =========================================
   BØLGEN – FORSIDE: KOMMENDE ARRANGEMENTER
   4 kort på desktop og bedre prisplacering
   ========================================= */

/* Fire kort på desktop */
@media (min-width: 1025px) {
    .boelgen-home-current--events-only
    .boelgen-home-events-grid
    .boelgen-arrangement-card {
        flex: 0 0 calc((100% - 54px) / 4) !important;
    }
}

/* Pris og knap på hver sin linje */
.boelgen-home-current--events-only
.boelgen-arrangement-card-bottom {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

/* Prisen venstrestilles */
.boelgen-home-current--events-only
.boelgen-arrangement-card-price {
    align-self: flex-start;
    width: 100%;
    overflow-wrap: break-word;
}

/* Læs mere-knappen placeres nederst til højre */
.boelgen-home-current--events-only
.boelgen-arrangement-card-button {
    align-self: flex-end;
    margin-left: auto;
}
/* Nyheder – udgivelsesdato på kort */
.boelgen-news-card-date {
    color: #48708b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Single News – udgivelsesdato */
.boelgen-news-date-widget .boelgen-single-news-date {
    color: #48708b;
    font-size: 16px;
    font-weight: 600;
}

/* BØLGEN – Kontakt os: blå telefon- og e-maillinks */
body .boelgen-contact a[href^="tel:"],
body .boelgen-contact a[href^="mailto:"] {
    color: #1e73be !important;
    text-decoration: none;
}

body .boelgen-contact a[href^="tel:"]:hover,
body .boelgen-contact a[href^="mailto:"]:hover {
    color: #143b5b !important;
    text-decoration: none;
}
/* Kontakt os – blå links */
body .boelgen-contact a,
body .boelgen-contact a:visited {
    color: #1e73be !important;
}

body .boelgen-contact a:hover {
    color: #143b5b !important;
}

/* BØLGEN – Seneste nyt i sidebaren */

.boelgen-sidebar-news-button {
    display: inline-block;
    margin-top: 12px;
    padding: 11px 20px;
    background: #143b5b;
    color: #fff !important;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
}

.boelgen-sidebar-news-button:hover {
    background: #1e73be;
    color: #fff !important;
}

/* BØLGEN – Seneste nyt i højre kolonne */

/* Udgivelsesdato */
.boelgen-sidebar-news .boelgen-sidebar-news-date {
    font-size: 14px !important;
    font-weight: 500;
    color: #48708b !important;
    margin: 10px 0 6px;
}

/* Læs mere-knap */
.boelgen-sidebar-news a.boelgen-sidebar-news-button,
.boelgen-sidebar-news a.boelgen-sidebar-news-button:visited {
    display: inline-block;
    background-color: #143b5b !important;
    color: #ffffff !important;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;
    margin-top: 12px;
}

/* Hover */
.boelgen-sidebar-news a.boelgen-sidebar-news-button:hover {
    background-color: #1e73be !important;
    color: #ffffff !important;
}

/* BØLGEN – ens hover-effekt på knapper i sidebaren */

.boelgen-sidebar-news a.boelgen-sidebar-news-button,
.boelgen-sidebar-news a.boelgen-sidebar-news-button:hover,
.boelgen-sidebar-events-toggle {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Almindelige Elementor-knapper i sidebaren */
.elementor-button,
.elementor-button:visited {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover på Elementor-knapper */
.elementor-button:hover,
.elementor-button:focus-visible {
    background-color: #1e73be !important;
    color: #ffffff !important;
}

/* Hover på Seneste nyt */
.boelgen-sidebar-news a.boelgen-sidebar-news-button:hover {
    background-color: #1e73be !important;
    color: #ffffff !important;
}

/* Hover på Vis flere i Det sker også */
.boelgen-sidebar-events-toggle:hover {
    background-color: #1e73be !important;
    color: #ffffff !important;
}

/* BØLGEN – fælles hover-effekt på knapper */

/* Arrangementskort */
.boelgen-arrangement-card a.boelgen-arrangement-card-button:hover,
.boelgen-arrangement-card a.boelgen-arrangement-card-button:focus-visible,

/* Nyhedskort */
.boelgen-news-card a.boelgen-news-card-button:hover,
.boelgen-news-card a.boelgen-news-card-button:focus-visible,

/* Seneste nyt i sidebaren */
.boelgen-sidebar-news a.boelgen-sidebar-news-button:hover,
.boelgen-sidebar-news a.boelgen-sidebar-news-button:focus-visible,

/* Elementor-knapper */
.elementor-button:hover,
.elementor-button:focus-visible {
    background-color: #1e73be !important;
    color: #ffffff !important;
}

/* Blød overgang */
.boelgen-arrangement-card a,
.boelgen-news-card a.boelgen-news-card-button,
.boelgen-sidebar-news a.boelgen-sidebar-news-button,
.elementor-button {
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* BØLGEN – blå telefon- og e-maillinks i indholdet */

body .elementor-widget-text-editor a[href^="tel:"],
body .elementor-widget-text-editor a[href^="mailto:"] {
    color: #1E73BE !important;
    text-decoration: none;
}

body .elementor-widget-text-editor a[href^="tel:"]:hover,
body .elementor-widget-text-editor a[href^="mailto:"]:hover {
    color: #143B5B !important;
    text-decoration: underline;
}


/* ========================================
   BØLGEN – HISTORIEKARRUSEL
   Ens højde og justering af indhold
   ======================================== */

/* Alle kort har samme højde */
.boelgen-historie__track {
    align-items: stretch;
}

/* Kortet opbygges lodret */
.boelgen-historie__card {
    display: flex;
    flex-direction: column;
    height: auto;
}

/* Ens billedhøjde */
.boelgen-historie__photo {
    flex-shrink: 0;
    aspect-ratio: 4 / 3;
}

/* Tekstområdet fylder resten af kortet */
.boelgen-historie__body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Ens højde på årstalsfeltet */
.boelgen-historie__year {
    min-height: 48px;
    display: flex;
    align-items: flex-start;
}

/* Ens højde på alle overskrifter */
.boelgen-historie__title {
    min-height: 125px;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Ens startposition for brødtekster */
.boelgen-historie__text {
    margin-top: 0;
}

/* Mere kompakt på mobil */
@media (max-width: 680px) {
    .boelgen-historie__year {
        min-height: 34px;
    }

    .boelgen-historie__title {
        min-height: 75px;
    }
}


/* ==========================================
   BØLGEN – HISTORIEKARRUSEL
   3 kort på desktop i venstre 70%-kolonne
   ========================================== */

/* Desktop: 3 kort ad gangen */
@media (min-width: 1051px) {
    .boelgen-historie__card {
        flex: 0 0 calc((100% - 32px) / 3);
    }
}

/* Tablet: 2 kort ad gangen */
@media (min-width: 681px) and (max-width: 1050px) {
    .boelgen-historie__card {
        flex: 0 0 calc((100% - 16px) / 2);
    }
}

/* Mobil: 1 kort og et lille kig til det næste */
@media (max-width: 680px) {
    .boelgen-historie__card {
        flex: 0 0 85%;
    }
}

/* Sørg for at lange ord ikke klippes */
.boelgen-historie__title,
.boelgen-historie__text {
    overflow-wrap: anywhere;
}

/* Bevar ens højde på alle kort */
.boelgen-historie__track {
    align-items: stretch;
}

.boelgen-historie__card {
    display: flex;
    flex-direction: column;
}

.boelgen-historie__body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ==========================================
   BØLGEN – HISTORIEKARRUSEL
   KORREKT ANTAL KORT
   ========================================== */

/* Desktop: 3 kort */
@media (min-width: 1051px) {
    .boelgen-historie .boelgen-historie__card {
        flex: 0 0 calc((100% - 32px) / 3) !important;
    }
}

/* Tablet: 2 kort */
@media (min-width: 681px) and (max-width: 1050px) {
    .boelgen-historie .boelgen-historie__card {
        flex: 0 0 calc((100% - 16px) / 2) !important;
    }
}

/* Mobil: 1 kort og et kig til det næste */
@media (max-width: 680px) {
    .boelgen-historie .boelgen-historie__card {
        flex: 0 0 85% !important;
    }
}

/* ==========================================
   BØLGEN – HISTORIEKARRUSEL
   Sort/hvide historiske billeder
   ========================================== */

/* Kun billederne i historiekarrusellen */
.boelgen-historie .boelgen-historie__photo img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Billedrammerne er ens */
.boelgen-historie .boelgen-historie__photo {
    aspect-ratio: 5 / 3;
    padding: 0;
    overflow: hidden;
}

/* Undgå ændringer i billedfarver ved hover */
.boelgen-historie .boelgen-historie__card:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* ==========================================
   BØLGEN – OM OS
   Blå links i tekstsektionerne
   ========================================== */

body .elementor-widget-text-editor a:not(.elementor-button) {
    color: #1E73BE !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

body .elementor-widget-text-editor a:not(.elementor-button):hover {
    color: #143B5B !important;
    text-decoration: underline;
}



/* ==========================================
   BØLGEN – HISTORIEKARRUSEL
   FORSIDE: 5 KORT PÅ DESKTOP
   ========================================== */

@media (min-width: 1051px) {

    /* Gælder kun WordPress-forsiden */
    body.home .boelgen-historie__track .boelgen-historie__card {
        flex: 0 0 calc((100% - 64px) / 5) !important;
        width: calc((100% - 64px) / 5) !important;
        min-width: 0 !important;
    }

    /* Mindre overskrifter i de smallere kort */
    body.home .boelgen-historie__title {
        font-size: 17px !important;
        line-height: 1.3 !important;
        min-height: 115px;
    }

    body.home .boelgen-historie__year {
        font-size: 18px !important;
    }

    body.home .boelgen-historie__text {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}

/* Tablet: 3 kort */
@media (min-width: 681px) and (max-width: 1050px) {
    body.home .boelgen-historie__card {
        flex: 0 0 calc((100% - 32px) / 3) !important;
    }
}

/* Mobil: 1 kort og et kig til næste */
@media (max-width: 680px) {
    body.home .boelgen-historie__card {
        flex: 0 0 85% !important;
    }
}

/* BØLGEN – Aflyst-badge i forsidens karrusel */

.boelgen-home-events-grid
.boelgen-arrangement-card-badges
.arrangement-status-badge.arrangement-status-aflyst {
    display: inline-flex !important;
    align-items: center;
    padding: 4px 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600;
    border-radius: 20px !important;
    background: #C92A2A !important;
    color: #fff !important;
}