.elementor-1291 .elementor-element.elementor-element-8a873e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-9c95c47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-0fdb74a{--display:flex;}.elementor-1291 .elementor-element.elementor-element-43352ea{padding:20px 0px 0px 0px;}.elementor-1291 .elementor-element.elementor-element-a805cfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-be2423a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-be2423a.e-con{--align-self:stretch;}.elementor-1291 .elementor-element.elementor-element-68c53c0.elementor-element{--align-self:center;}.elementor-1291 .elementor-element.elementor-element-01515f1.elementor-element{--align-self:center;}.elementor-1291 .elementor-element.elementor-element-ee17026.elementor-element{--align-self:center;}.elementor-1291 .elementor-element.elementor-element-0d477f1{--grid-columns:4;}.elementor-1291 .elementor-element.elementor-element-0d477f1 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1291 .elementor-element.elementor-element-0d477f1 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1291 .elementor-element.elementor-element-0d477f1 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1291 .elementor-element.elementor-element-0d477f1 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1291 .elementor-element.elementor-element-0d477f1 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-1291 .elementor-element.elementor-element-be2423a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-0d477f1{--grid-columns:2;}}@media(max-width:767px){.elementor-1291 .elementor-element.elementor-element-9c95c47{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1291 .elementor-element.elementor-element-43352ea{padding:0px 0px 0px 0px;}.elementor-1291 .elementor-element.elementor-element-be2423a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1291 .elementor-element.elementor-element-0d477f1{--grid-columns:1;}}@media(min-width:768px){.elementor-1291 .elementor-element.elementor-element-0fdb74a{--width:20%;}.elementor-1291 .elementor-element.elementor-element-a805cfb{--width:80%;}}/* Start custom CSS for shortcode, class: .elementor-element-43352ea *//* =========================================
   HURTIGMENY – FELLES STIL
   ========================================= */

/* Wrapper */
.article-nav {
    font-family: inherit;
    width: 100%;
}

/* Tittel */
.article-nav__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #111;
}

/* Hver kategori-gruppe med strek mellom */
.article-nav__group {
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 0;
}

/* Summary-linje (kategorioverskrift) */
.article-nav__summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

/* Fjern standard triangel */
.article-nav__summary::-webkit-details-marker {
    display: none;
}

/* Kategorinavn */
.article-nav__name {
    font-size: 15px;
    font-weight: 600;
    color: #111;
}

/* Chevron-ikon */
.article-nav__icon::before {
    content: "▸";
    font-size: 14px;
    color: #555;
}

.article-nav__group[open] .article-nav__icon::before {
    content: "▾";
}

/* Artikler under hver kategori */
.article-nav__list {
    margin: 4px 0 8px 1.2rem;
    padding-left: 0;
    list-style: disc;
}

.article-nav__list li {
    margin: 2px 0;
}

.article-nav__list a {
    font-size: 14px;
    color: #555;
    text-decoration: none;
}

.article-nav__list a:hover {
    text-decoration: underline;
}


/* =========================================
   DESKTOP vs MOBIL – HVA VISER VI HVOR
   ========================================= */

/* Desktop: vis sidebar, skjul mobil-knapp */
.article-nav--sidebar {
    display: block;
}
.article-nav-mobile {
    display: none;
}

/* Mobil: skjul sidebar, vis knapp + overlay */
@media (max-width: 768px) {
    .article-nav--sidebar {
        display: none;
    }
    .article-nav-mobile {
        display: block;
        margin-top: 8px;
        margin-bottom: 12px;
    }
}


/* =========================================
   MOBIL: KNAPP + OVERLAY
   ========================================= */

/* Knapp "Hurtigmeny" (pille-stil) */
.article-nav-mobile__toggle {
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}

/* Overlay – starter lukket (display:none) */
.article-nav-mobile__overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 9999;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 16px 24px;
}

/* Når JS legger til .is-open -> vis overlay */
.article-nav-mobile__overlay.is-open {
    display: flex;
}

/* Boksen inni overlay */
.article-nav-mobile__inner {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    max-width: 480px;
    max-height: 90vh;
    padding: 12px 16px 20px;
    overflow-y: auto;
    position: relative;
}

/* Header i overlay: "Hurtigmeny" | "Lukk" */
.article-nav-mobile__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.article-nav-mobile__heading {
    font-size: 16px;
    font-weight: 600;
}

/* Lukk-knappen i headeren */
.article-nav-mobile__close {
    border: 1px solid #e0e0e0;
    border-radius: 999px;
    background: #fafafa;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;
}

/* Skjul sidebar-tittelen inne i overlay (vi bruker headeren) */
.article-nav-mobile__inner .article-nav__title {
    display: none;
}


/* =========================================
   RESPONSIVE JUSTERING
   ========================================= */

@media (max-width: 480px) {
    .article-nav__name {
        font-size: 14px;
    }
    .article-nav__list a {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ee17026 *//* =========================================
   ARTIKKEL-FILTER – DESKTOP / IPAD
   ========================================= */

/* Selve form'en */
.article-filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;  /* skyv alt til høyre */
    gap: 16px;
    flex-wrap: nowrap;          /* ikke bryt linjen */
    margin-bottom: 1.5rem;
    margin-left: auto;          /* hvis raden er flex: skyv forms til høyre */
}

/* "Filter"-gruppe og "Sorter"-gruppe */
.article-filters__group {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
}

/* Label-tekst ("Filter", "Sorter") */
.article-filters__label {
    font-size: 14px;
    color: #666;
}

/* PILL-knapp for tags */
.tags-dropdown__toggle {
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    padding: 6px 32px 6px 14px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    min-width: 160px;
    text-align: left;
}

/* Liten pil til høyre i pillen */
.tags-dropdown__toggle::after {
    content: "▾";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #777;
}

/* Sorter-pill (select) */
.article-filters__field {
    position: relative;
}

.article-filters__field select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    padding: 6px 32px 6px 14px;
    font-size: 14px;
    cursor: pointer;
    min-width: 180px;
}

.article-filters__field::after {
    content: "▾";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #777;
    pointer-events: none;
}


/* =========================================
   TAG-DROPDOWN (flervalg)
   ========================================= */

.tags-dropdown {
    position: absolute;
    margin-top: 4px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    padding: 10px 12px;
    z-index: 50;
    min-width: 220px;
}

.tags-dropdown__options {
    max-height: 260px;
    overflow-y: auto;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.tags-dropdown__option {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    padding: 2px 0;
}

.tags-dropdown__option input {
    margin: 0;
}

.tags-dropdown__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 8px;
    gap: 4px;
}

.tags-dropdown__all,
.tags-dropdown__none {
    border: none;
    background: none;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    padding: 0;
}

.tags-dropdown__all:hover,
.tags-dropdown__none:hover {
    text-decoration: underline;
}

/* Oppdater-knappen i dropdown */
.tags-dropdown__apply {
    border-radius: 999px;
    border: none;
    background: #4caf50;
    color: #fff;
    font-size: 13px;
    padding: 4px 10px;
    cursor: pointer;
}
/* Gjør filter-knappen hvit */
.tags-dropdown__toggle {
    background-color: #ffffff !important; /* hvit bakgrunn */
    color: #000000 !important;           /* sort tekst */
    border: 1px solid #cccccc;           /* tynn grå kant (valgfritt) */
}

/* Sørg for at den ikke blir grønn ved hover/focus/aktiv */
.tags-dropdown__toggle:hover,
.tags-dropdown__toggle:focus,
.tags-dropdown__toggle:active {
    background-color: #ffffff !important;
    color: #000000 !important;
}



/* =========================================
   MOBIL – FULL BREDDE, STACKET
   ========================================= */

@media (max-width: 767px) {

    /* Formen blir kolonne på mobil */
    .article-filters {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 8px;
        margin-left: 0;
        flex-wrap: nowrap;  /* unngå rare break her også */
    }

    /* Hver gruppe tar full bredde */
    .article-filters__group {
        width: 100%;
        justify-content: flex-start;
    }

    /* Pillene fyller hele bredden */
    .tags-dropdown__toggle,
    .article-filters__field select {
        width: 100%;
        min-width: 0;
    }

    .tags-dropdown__toggle::after,
    .article-filters__field::after {
        right: 16px;
    }

    /* Dropdownen starter venstrejustert på mobil */
    .tags-dropdown {
        left: 0;
        right: auto;
    }
}/* End custom CSS */