.elementor-2097 .elementor-element.elementor-element-2f7fbff{--display:flex;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2097 .elementor-element.elementor-element-4b903f1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-2097 .elementor-element.elementor-element-0c258f3{padding:15px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2097 .elementor-element.elementor-element-2f7fbff{--content-width:1300px;}}@media(max-width:1024px){.elementor-2097 .elementor-element.elementor-element-4b903f1{padding:0px 10px 0px 10px;}.elementor-2097 .elementor-element.elementor-element-0c258f3{padding:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-2097 .elementor-element.elementor-element-4b903f1{padding:0px 10px 0px 10px;}.elementor-2097 .elementor-element.elementor-element-0c258f3{padding:5px 5px 5px 5px;}}/* Start custom CSS for shortcode, class: .elementor-element-0c258f3 *//* === Nedlastinger-tabellen (desktop baseline) === */

.ut-downloads-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 18px 20px;
    table-layout: fixed;
}

.ut-downloads-table th,
.ut-downloads-table td {
    border: 0;
    padding: 0;
    color: #000;
    vertical-align: middle;
}

.ut-downloads-table thead th {
    padding: 0 0.75rem 0.3rem;
    font-weight: 600;
    text-align: left;
    font-size: 1rem;
}

.ut-downloads-table tbody tr {
    border-bottom: 1px solid #e0e0e0 !important;
}

.ut-downloads-table tbody tr td {
    background: transparent !important;
}

/* Kolonnebredder */
.ut-downloads-col-product {
    width: 15%;
}

.ut-downloads-col-dataark,
.ut-downloads-col-fdv,
.ut-downloads-col-epd,
.ut-downloads-col-annet {
    width: 21.25%;
}

/* Produktcelle */
.ut-downloads-product {
    padding: 0.75rem 0.75rem 0.5rem 1.5rem; /* ekstra venstre-padding */
    font-weight: 600;
}

.ut-downloads-product-link {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

.ut-downloads-product-link:hover {
    text-decoration: underline;
}

/* Dokumentceller */
.ut-downloads-cell {
    padding: 0.5rem 0.75rem;
    vertical-align: middle;
}

/* === PILLER (én fil per pille) === */

/* Hver fil = én pille på egen linje */
.ut-download-pill {
    display: block;
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 0.7rem 2.5rem 0.7rem 1rem;  /* ekstra høyre-padding til ikon */
    text-decoration: none;
    color: #000;
    margin-bottom: 1rem;
}

/* Små innrykk i enkelte kolonner, hvis ønsket */
.ut-downloads-cell-dataark .ut-download-pill,
.ut-downloads-cell-fdv .ut-download-pill,
.ut-downloads-cell-epd .ut-download-pill,
.ut-downloads-cell-annet .ut-download-pill {
    width: calc(100% - 8px);
}

.ut-downloads-cell-dataark .ut-download-pill,
.ut-downloads-cell-fdv .ut-download-pill,
.ut-downloads-cell-epd .ut-download-pill {
    margin-right: 8px;
}

.ut-downloads-cell-annet .ut-download-pill {
    margin-left: 8px;
}

/* Siste pille i en celle trenger ikke ekstra margin under */
.ut-downloads-cell .ut-download-pill:last-child {
    margin-bottom: 0;
}



/* Teksten kan bryte linje som normalt */
.ut-download-pill .ut-download-link-text {
    display: block;
    white-space: normal;
    word-break: break-word;
}

/* Ikonet sitter fast til høyre, midt i pillen */
.ut-download-pill .ut-download-link-icon {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9em;
    color: #000;
}

/* Fjern ev. gamle globale tekst/ikon-stiler som blandet seg inn */
.ut-download-link-text {
    /* tom – beholdes kun som hook hvis du bruker den andre steder */
}

.ut-download-link-icon {
    /* tom – alt styres via .ut-download-pill .ut-download-link-icon over */
}

/* Fjern toppborder i header */
.ut-downloads-table thead,
.ut-downloads-table thead tr,
.ut-downloads-table thead th {
    border-top: none !important;
}

.ut-downloads-overview .ut-downloads-table {
    margin-top: 0.5rem;
}

/* === Filter + sortering (desktop baseline) === */

.ut-downloads-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

/* Filter-knapper (desktop) */
.ut-downloads-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ut-downloads-filter {
    border: 1px solid #ddd;
    background: #fff;
    padding: 0.35rem 0.9rem;
    font-size: 0.9rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ut-downloads-filter:not(.is-active):hover {
    background-color: #54B948;
    border-color: #54B948;
    color: #fff;
}

.ut-downloads-filter.is-active,
.ut-downloads-filter.is-active:hover {
    background-color: #262626;
    border-color: #e0007e;
    color: #fff;
}

/* Filter-select (mobil + tablet – skjult som default på desktop) */
.ut-downloads-filter-select-wrap {
    display: none; /* vises i media queries */
}

/* Sortering */
.ut-downloads-sort-wrap {
    position: relative;
    margin-left: auto;
    display: flex;
    
    
    align-items: center;
}

/* Label skjult default (vises på mindre skjerm i media query) */
.ut-downloads-sort-label,
.ut-downloads-filter-select-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Select som pill-knapp */
.ut-downloads-sort,
.ut-downloads-filter-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    padding: 0.35rem 2.1rem 0.35rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
    line-height: 1.3;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ut-downloads-sort:hover,
.ut-downloads-sort:focus,
.ut-downloads-filter-select:hover,
.ut-downloads-filter-select:focus {
    background: #262626;
    border-color: #262626;
    color: #fff;
    outline: none;
}

/* Pil-ikon på sort (filter-select bruker browserens egen) */
.ut-downloads-sort-wrap::after {
    content: "▾";
    position: absolute;
    right: 0.75rem;
    pointer-events: none;
    font-size: 0.7rem;
    color: #333;
}

.ut-downloads-sort-wrap:hover::after {
    color: #fff;
}


@media (max-width: 1024px) {

    .ut-downloads-table {
        border-spacing: 12px 12px; /* jevnt mellom romrader og kolonner */
    }

    .ut-downloads-table thead th {
        font-size: 0.9rem;
    }

    .ut-downloads-product,
    .ut-downloads-cell {
        padding: 0.4rem 0.75rem;
        font-size: 0.9rem;
    }

    .ut-download-pill {
        padding: 0.6rem 2.2rem 0.6rem 0.9rem;
        font-size: 0.9rem;
        margin-bottom: 0.4rem;
    }

    .ut-downloads-cell .ut-download-pill:last-child {
        margin-bottom: 0; /* ikke ekstra luft etter siste pill */
    }

    /* Bruk filter-select, skjul knapper */
    .ut-downloads-filters {
        display: none;
    }

    .ut-downloads-filter-select-wrap {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .ut-downloads-controls {
        align-items: flex-start;
        gap: 0.9rem;
    }

    /* Gjør labels synlige og legg dem over selectene */
    .ut-downloads-sort-label,
    .ut-downloads-filter-select-label {
        position: static;
        width: auto;
        height: auto;
        margin: 0 0 0.25rem 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        color: #555;
    }

    .ut-downloads-sort-wrap {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 0;
        gap: 0.25rem;
    }
}

/* === Mobil (≤ 768px) – kort-layout med jevn spacing === */
@media (max-width: 768px) {

    .ut-downloads-controls {
        flex-direction: column;
        align-items: stretch;
        gap: 0.9rem;
        margin-bottom: 1.25rem;
    }

    .ut-downloads-table thead {
        display: none;
    }

    .ut-downloads-table,
    .ut-downloads-table tbody,
    .ut-downloads-table tr,
    .ut-downloads-table td {
        display: block;
        width: 100%;
    }

    /* Hvert produkt = kort */
    .ut-downloads-table tbody tr {
        border-bottom: none;
        margin-bottom: 1rem;
        border-radius: 12px;
        background: #fafafa;
        padding: 1rem 0.9rem 0.9rem;
    }

    .ut-downloads-table tbody tr:last-child {
        margin-bottom: 0;
    }

    /* PRODUKTTITTEL – litt ekstra luft under */
    .ut-downloads-product {
        padding: 0 0 0.9rem 0;   /* ØKT fra 0.5/0.6 -> 0.9rem */
        font-size: 1rem;
        font-weight: 600;
    }

    /* Seksjonene (Dataark / FDV / EPD) inni kortet */
    .ut-downloads-cell {
        padding: 0;             /* vi styrer spacing med margin i stedet */
        margin: 0;
    }

    /* Jevn avstand mellom seksjoner (Dataark ↔ FDV ↔ EPD) */
    .ut-downloads-cell + .ut-downloads-cell {
        margin-top: 0.6rem;     /* samme “gap” som mellom piller */
    }

    /* PILLER – én per linje, jevn avstand */
    .ut-downloads-cell .ut-download-pill {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.6rem;  /* avstand mellom piller av samme type */
        padding: 0.6rem 2.3rem 0.6rem 0.85rem;
        font-size: 0.95rem;
    }

    /* Ingen ekstra luft etter siste pille i en seksjon */
    .ut-downloads-cell .ut-download-pill:last-child {
        margin-bottom: 0;
    }

    /* Dropp DATAARK/FDV/EPD-overskrifter (vi ser det i teksten) */
    .ut-downloads-cell-dataark::before,
    .ut-downloads-cell-fdv::before,
    .ut-downloads-cell-epd::before,
    .ut-downloads-cell-annet::before {
        content: none;
    }
}

/* Mitthar override: filterknapper på /nedlastinger */
body .ut-downloads-overview .ut-downloads-filters button.ut-downloads-filter,
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter {
  background: #fff !important;
  color: #000 !important;
  border: 0 !important; !important;
  box-shadow: none !important;
}

/* Hover/focus uten grønn */
body .ut-downloads-overview .ut-downloads-filters button.ut-downloads-filter:hover,
body .ut-downloads-overview .ut-downloads-filters button.ut-downloads-filter:focus,
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter:hover,
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter:focus {
  background: #f2f2f2 !important;
  color: #000 !important;
  border: none;
}

/* Behold aktiv-knappen slik du allerede har den */
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter.is-active,
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter.is-active:hover,
body .ut-downloads-overview .ut-downloads-filters .ut-downloads-filter.is-active:focus {
  background-color: #262626 !important;
  border-color: #e0007e !important;
  color: #fff !important;
}/* End custom CSS */