/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/* =============================================
   JobBoardWP - Web3 kortdesign
   ============================================= */

.jb-job-list-row {
    min-height: 140px !important;
    border-radius: 16px !important;
    margin-bottom: 12px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.35) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.jb-job-list-row:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

.jb-job-title-link {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-shadow: 0 1px 6px rgba(0,0,0,0.7) !important;
}

.jb-row-data {
    padding: 18px 24px !important;
}

.jb-row-info {
    font-size: 0.95rem !important;
    margin-top: 8px !important;
    opacity: 0.9 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
}

.jb-row-info a,
.jb-row-info .company,
.jb-row-info .location,
.jb-row-info .date,
.jb-row-info .expires,
.jb-row-info .category {
    color: rgba(255,255,255,0.88) !important;
}

.jb-job-type {
    border-radius: 999px !important;
    padding: 4px 14px !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

.jb-job-list-row .jb-row-right-side .date {
    font-size: 0.85rem !important;
    color: rgba(255,255,255,0.7) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
}

/* =============================================
   JobBoardWP - To kolonner + fremhevet frist/lønn
   ============================================= */

/* To kolonner */
.jb-jobs-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}

/* Én kolonne på mobil */
@media (max-width: 768px) {
    .jb-jobs-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* Fjern margin-bottom siden gap håndterer det */
.jb-job-list-row {
    margin-bottom: 0 !important;
}

/* Fremhev søknadsfrist */
.jb-row-info .expires {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(220, 50, 50, 0.75) !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-shadow: none !important;
    margin-top: 6px !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255,100,100,0.4) !important;
}

/* Fremhev lønn */
.jb-job-salary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(30, 180, 100, 0.75) !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-shadow: none !important;
    margin-top: 6px !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(50,220,120,0.4) !important;
}

/* =============================================
   JobBoardWP - To kolonner + fremhevet frist/lønn
   ============================================= */

/* To kolonner */
.jb-jobs-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
}

/* Én kolonne på mobil */
@media (max-width: 768px) {
    .jb-jobs-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* Fjern margin-bottom siden gap håndterer det */
.jb-job-list-row {
    margin-bottom: 0 !important;
}

/* Fremhev søknadsfrist */
.jb-row-info .expires {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(220, 50, 50, 0.75) !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-shadow: none !important;
    margin-top: 6px !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255,100,100,0.4) !important;
}

/* Fremhev lønn */
.jb-job-salary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(30, 180, 100, 0.75) !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-shadow: none !important;
    margin-top: 6px !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(50,220,120,0.4) !important;
}

/* =============================================
   JobBoardWP - Favoritthjerte + skjul publiseringsdato
   ============================================= */

/* Skjul publiseringsdato */
.jb-row-info .date,
.jb-row-right-side .date {
    display: none !important;
}

/* Større favoritthjerte */
.um-user-bookmarks-button {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.15) !important;
    border-radius: 50% !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

.um-user-bookmarks-button:hover {
    background: rgba(180,50,180,0.5) !important;
    transform: scale(1.15) !important;
}

.um-user-bookmarks-button i {
    font-size: 1.2rem !important;
    color: #fff !important;
}

/* =============================================
   JobBoardWP - Favoritthjerte posisjon og funksjon
   ============================================= */

/* Plasser hjerte øverst til høyre inne i kortet */
.jb-row-actions {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
}

/* Fjern gammel høyre-flyt */
.jb-job-list-row {
    position: relative !important;
}

/* Sørg for at klikkflate er hel */
.um-user-bookmarks-button {
    pointer-events: all !important;
    cursor: pointer !important;
}

/* =============================================
   JobBoardWP - Lik høyde på kort + hover-farge
   ============================================= */

/* Lik høyde alle kort */
.jb-jobs-wrapper {
    align-items: stretch !important;
}

.jb-job-list-row {
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Hover-farge på lenker */
.jb-job-list-row a:hover,
.jb-job-list-row .jb-job-title-link:hover {
    color: #ff66c4 !important;
}

/* =============================================
   JobBoardWP - Favoritthjerte tilstander
   ============================================= */

/* Ikke lagret - standard */
.um-user-bookmarks-add-button {
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
}

.um-user-bookmarks-add-button i {
    color: rgba(255,255,255,0.8) !important;
}

/* Lagret - aktiv tilstand */
.um-user-bookmarks-remove-button {
    background: rgba(255,102,196,0.35) !important;
    border: 1px solid rgba(255,102,196,0.7) !important;
}

.um-user-bookmarks-remove-button i {
    color: #ff66c4 !important;
}

/* Erstatt hjerte-ikon med kryss på remove-knappen */
.um-user-bookmarks-remove-button i.um-icon-heart::before {
    content: "\f057" !important; /* fa-times-circle */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Hover på remove */
.um-user-bookmarks-remove-button:hover {
    background: rgba(220,50,50,0.45) !important;
    border-color: rgba(220,50,50,0.8) !important;
}

.um-user-bookmarks-remove-button:hover i {
    color: #ff4444 !important;
}

/* Skjul teksten "Fjern favoritt" som vises ved siden av */
.um-clear {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Skjul UM bookmark tekst-labels */
.um-user-bookmarks-button + *,
.um-user-bookmarks-button ~ span,
.um-clear > *:not(.um-user-bookmarks-button) {
    display: none !important;
}

/* Sikre at bookmark-knapp alltid er synlig uavhengig av tilstand */
.jb-row-actions .um-clear {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.jb-row-actions .um-user-bookmarks-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    backdrop-filter: blur(6px) !important;
    transition: background 0.2s ease !important;
}

/* Skjul UM bookmark tekst-labels */
.um-user-bookmarks-button span.text {
    display: none !important;
}

/* Remove-knapp: fylt hjerte med rosa farge */
.um-user-bookmarks-remove-button i.um-icon-heart::before {
    content: "\f004" !important; /* fa-heart fylt */
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Ikoner og metadata-tekst i jobbkort */
.jb-row-info i,
.jb-row-info .company i,
.jb-row-info .location i,
.jb-row-info .category i,
.jb-row-info .expires i,
.jb-row-info .jb-job-salary i {
    color: #d1ff00 !important;
}

/* Søknadsfrist - mørk oransje */
.jb-row-info .expires {
    background: rgba(200, 80, 0, 0.85) !important;
    border: 1px solid rgba(255, 120, 30, 0.5) !important;
}

/* =============================================
   JobBoardWP - Web3 søkebar og filtre
   ============================================= */

/* Wrapper */
.jb-search-bar {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 24px !important;
}

/* Tekstfelter */
.jb-search-bar input[type="text"],
.jb-search-bar input[type="search"] {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    outline: none !important;
    transition: border 0.2s ease, background 0.2s ease !important;
}

.jb-search-bar input[type="text"]:focus,
.jb-search-bar input[type="search"]:focus {
    border-color: #d1ff00 !important;
    background: rgba(255,255,255,0.12) !important;
}

.jb-search-bar input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

/* Dropdowns */
.jb-search-bar select {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    appearance: auto !important;
    cursor: pointer !important;
    transition: border 0.2s ease !important;
}

.jb-search-bar select:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Checkboxer */
.jb-search-bar input[type="checkbox"] {
    accent-color: #d1ff00 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.jb-search-bar label {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
}

/* Søkeknapp */
.jb-search-bar input[type="button"],
.jb-search-bar button,
.jb-search-bar .jb-button {
    background: #d1ff00 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
}

.jb-search-bar input[type="button"]:hover,
.jb-search-bar button:hover,
.jb-search-bar .jb-button:hover {
    background: #ff66c4 !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   JobBoardWP - Web3 søkebar og filtre
   ============================================= */

/* Wrapper */
.jb-search-bar {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 24px !important;
}

/* Tekstfelter */
.jb-search-bar input[type="text"],
.jb-search-bar input[type="search"] {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    outline: none !important;
    transition: border 0.2s ease, background 0.2s ease !important;
}

.jb-search-bar input[type="text"]:focus,
.jb-search-bar input[type="search"]:focus {
    border-color: #d1ff00 !important;
    background: rgba(255,255,255,0.12) !important;
}

.jb-search-bar input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

/* Dropdowns */
.jb-search-bar select {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    appearance: auto !important;
    cursor: pointer !important;
    transition: border 0.2s ease !important;
}

.jb-search-bar select:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Checkboxer */
.jb-search-bar input[type="checkbox"] {
    accent-color: #d1ff00 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.jb-search-bar label {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
}

/* Søkeknapp */
.jb-search-bar input[type="button"],
.jb-search-bar button,
.jb-search-bar .jb-button {
    background: #d1ff00 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
}

.jb-search-bar input[type="button"]:hover,
.jb-search-bar button:hover,
.jb-search-bar .jb-button:hover {
    background: #ff66c4 !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   JobBoardWP - Web3 søkebar og filtre
   ============================================= */

/* Wrapper */
.jb-search-bar {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 24px !important;
}

/* Tekstfelter */
.jb-search-bar input[type="text"],
.jb-search-bar input[type="search"] {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    outline: none !important;
    transition: border 0.2s ease, background 0.2s ease !important;
}

.jb-search-bar input[type="text"]:focus,
.jb-search-bar input[type="search"]:focus {
    border-color: #d1ff00 !important;
    background: rgba(255,255,255,0.12) !important;
}

.jb-search-bar input::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

/* Dropdowns */
.jb-search-bar select {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    appearance: auto !important;
    cursor: pointer !important;
    transition: border 0.2s ease !important;
}

.jb-search-bar select:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Checkboxer */
.jb-search-bar input[type="checkbox"] {
    accent-color: #d1ff00 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.jb-search-bar label {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
}

/* Søkeknapp */
.jb-search-bar input[type="button"],
.jb-search-bar button,
.jb-search-bar .jb-button {
    background: #d1ff00 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
}

.jb-search-bar input[type="button"]:hover,
.jb-search-bar button:hover,
.jb-search-bar .jb-button:hover {
    background: #ff66c4 !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   JobBoardWP - Web3 søkebar korrekte klasser
   ============================================= */

.jb-jobs-search-bar {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 24px !important;
}

.jb-search-line,
.jb-search-location {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    outline: none !important;
    transition: border 0.2s ease, background 0.2s ease !important;
}

.jb-search-line:focus,
.jb-search-location:focus {
    border-color: #d1ff00 !important;
    background: rgba(255,255,255,0.12) !important;
}

.jb-search-line::placeholder,
.jb-search-location::placeholder {
    color: rgba(255,255,255,0.4) !important;
}

.jb-do-search {
    background: #d1ff00 !important;
    color: #000 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
}

.jb-do-search:hover {
    background: #ff66c4 !important;
    color: #000 !important;
    transform: translateY(-2px) !important;
}

/* Skjul label-tekst men behold tilgjengelighet */
.jb-jobs-search-line label span,
.jb-jobs-search-bar label span {
    display: none !important;
}

/* Checkboxer og labels i filterraden */
.jb-jobs-search-bar input[type="checkbox"] {
    accent-color: #d1ff00 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.jb-jobs-search-bar label,
.jb-jobs-search-bar .jb-search-filter-label {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
}

/* Dropdowns */
.jb-jobs-search-bar select,
.jb-search-type,
.jb-search-category {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
    transition: border 0.2s ease !important;
}

.jb-jobs-search-bar select:focus,
.jb-search-type:focus,
.jb-search-category:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Søkebar yttre wrapper */
.jb-jobs-search-row {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 20px !important;
    padding: 20px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 24px !important;
}

/* Dropdowns */
select.jb-job-type-filter,
select.jb-job-category-filter {
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    color: #fff !important;
    padding: 10px 16px !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
    transition: border 0.2s ease !important;
}

select.jb-job-type-filter:focus,
select.jb-job-category-filter:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Checkboxer */
input.jb-only-remote,
input.jb-only-salary {
    accent-color: #d1ff00 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* Filter-rad wrapper */
.jb-jobs-filters-row {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 14px 24px !important;
    backdrop-filter: blur(12px) !important;
    margin-bottom: 16px !important;
}

/* Checkbox labels */
.jb-jobs-filters-row label {
    color: rgba(255,255,255,0.75) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
}

/* Søkefelt og filter tekst - sort */
.jb-search-line,
.jb-search-location {
    color: #000 !important;
}

.jb-search-line::placeholder,
.jb-search-location::placeholder {
    color: rgba(0,0,0,0.45) !important;
}

select.jb-job-type-filter,
select.jb-job-category-filter {
    color: #000 !important;
}

.jb-jobs-filters-row label {
    color: #000 !important;
}

/* Rammer rundt søkefelter og dropdowns */
.jb-search-line,
.jb-search-location,
select.jb-job-type-filter,
select.jb-job-category-filter {
    border: 1px solid #ff66c4 !important;
    background: rgba(255,102,196,0.05) !important;
}

.jb-search-line:focus,
.jb-search-location:focus,
select.jb-job-type-filter:focus,
select.jb-job-category-filter:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Filter-rad: grid-layout med tre rader */
.jb-jobs-filters-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 12px 16px !important;
    align-items: center !important;
}

/* Dropdowns tar rad 1 */
.jb-jobs-filters-row label:has(select.jb-job-type-filter) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.jb-jobs-filters-row label:has(select.jb-job-category-filter) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Checkboxer tar rad 2 */
.jb-jobs-filters-row label:has(input.jb-only-remote) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.jb-jobs-filters-row label:has(input.jb-only-salary) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

/* Dropdowns full bredde */
select.jb-job-type-filter,
select.jb-job-category-filter {
    width: 100% !important;
}

/* Store touch-vennlige checkboxer */
input.jb-only-remote,
input.jb-only-salary {
    width: 22px !important;
    height: 22px !important;
    accent-color: #d1ff00 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

.jb-jobs-filters-row label:has(input[type="checkbox"]) {
    display: flex !important;
    align-items: center !important;
    font-size: 0.95rem !important;
    color: #000 !important;
    cursor: pointer !important;
    gap: 8px !important;
}

/* Tett filter-layout */
.jb-jobs-filters-row {
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.jb-jobs-search-row {
    margin-bottom: 8px !important;
}

/* Tving checkbox rad 2 kolonne 2 opp */
.jb-jobs-filters-row label:has(input.jb-only-salary) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
}

.jb-jobs-filters-row label:has(input.jb-only-remote) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
}

/* Salary slider rad */
.jb-salary-filters-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 24px !important;
}

/* Tving lønn-checkbox til rad 3 kolonne 2, uavhengig av slider */
.jb-jobs-filters-row:not(.jb-salary-filters-row) {
    grid-template-rows: auto auto !important;
}

/* Fjern ekstra luft mellom alle filter-rader */
.jb-jobs-header-row {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.jb-jobs-filters-row + .jb-jobs-filters-row {
    margin-top: 0 !important;
}

/* Lønn-checkbox alltid øverst i sin rad */
.jb-salary-filters-row label:has(input.jb-only-salary) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
}

/* =============================================
   Filter-layout: én kolonne for checkboxer
   ============================================= */

.jb-jobs-filters-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px 16px !important;
    margin: 0 !important;
    padding: 8px 24px !important;
}

.jb-jobs-filters-row label:has(select.jb-job-type-filter) {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.jb-jobs-filters-row label:has(select.jb-job-category-filter) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.jb-jobs-filters-row label:has(input.jb-only-remote) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.jb-jobs-filters-row label:has(input.jb-only-salary) {
    grid-column: 1 !important;
    grid-row: 3 !important;
}

.jb-jobs-search-row,
.jb-jobs-filters-row,
.jb-salary-filters-row,
.jb-jobs-header-row {
    margin-bottom: 4px !important;
    margin-top: 0 !important;
}

/* =============================================
   Single job - hero header
   ============================================= */

.jb-single-hero {
    position: relative;
    min-height: 320px;
    background-size: cover;
    background-position: center;
    background-color: #1a1a2e;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 32px;
    display: flex;
    align-items: flex-end;
}

.jb-single-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.15) 100%);
    z-index: 0;
}

.jb-single-hero-content {
    position: relative;
    z-index: 1;
    padding: 36px 40px;
    width: 100%;
}

.jb-single-hero-title {
    color: #fff !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    margin-bottom: 16px !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
    line-height: 1.2 !important;
}

/* Info-rad inne i hero */
.jb-single-hero-content .jb-job-info {
    margin-bottom: 16px !important;
}

.jb-single-hero-content .jb-job-info a,
.jb-single-hero-content .jb-job-info div,
.jb-single-hero-content .jb-job-info time {
    color: rgba(255,255,255,0.85) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

.jb-single-hero-content .jb-job-info i {
    color: #d1ff00 !important;
}

.jb-single-hero-content .jb-job-type {
    border-radius: 999px !important;
    padding: 4px 14px !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

/* Deadline badge */
.jb-single-hero-deadline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(200,80,0,0.85) !important;
    color: #fff !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    margin-top: 12px !important;
    border: 1px solid rgba(255,120,30,0.5) !important;
    backdrop-filter: blur(4px) !important;
}

.jb-single-hero-deadline i {
    color: #fff !important;
}

/* Body under hero */
.jb-single-body {
    padding: 0 4px;
}

/* Skjul gammel tittel siden den nå er i hero */
.jb-single-job-wrapper .jb-job-title-info {
    display: none !important;
}

/* =============================================
   Single job - hjerte, knapp, luft
   ============================================= */

/* Fjern luft over hero */
.jb-single-job-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hjerte posisjon inne i hero */
.jb-single-hero-bookmark {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 10 !important;
}

.jb-single-hero-bookmark .um-clear {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Søk nå knapp - web3 stil */
.jb-single-apply-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #d1ff00 !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 12px 28px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    margin-bottom: 20px !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    letter-spacing: 0.04em !important;
}

.jb-single-apply-btn:hover {
    background: #ff66c4 !important;
    color: #000 !important;
    transform: translateY(-2px) !important;
}

.jb-single-apply-btn i {
    color: #000 !important;
    font-size: 0.9rem !important;
}

/* =============================================
   Single job - hjerte, knapp, luft
   ============================================= */

/* Fjern luft over hero */
.jb-single-job-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hjerte posisjon inne i hero */
.jb-single-hero-bookmark {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 10 !important;
}

.jb-single-hero-bookmark .um-clear {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Søk nå knapp - web3 stil */
.jb-single-apply-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #d1ff00 !important;
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 12px 28px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    margin-bottom: 20px !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    letter-spacing: 0.04em !important;
}

.jb-single-apply-btn:hover {
    background: #ff66c4 !important;
    color: #000 !important;
    transform: translateY(-2px) !important;
}

.jb-single-apply-btn i {
    color: #000 !important;
    font-size: 0.9rem !important;
}

/* =============================================
   Single job - fjern Uncode padding og fiks hjerte
   ============================================= */

/* Fjern Uncode dobbel padding over/under */
.row.double-top-padding:has(.jb-single-job-wrapper) {
    padding-top: 0 !important;
}

/* Fallback uten :has() */
.jb-single-job-wrapper {
    margin-top: -60px !important;
}

/* Flytt hjerte inn i hero via CSS posisjon */
.jb-single-hero {
    position: relative !important;
}

/* Bookmark-knappen som flyter utenfor hero */
.jb-single-job-wrapper > .um-clear,
.jb-single-job-wrapper > div > .um-clear {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 20 !important;
}

/* Skjul bookmark på row-nivå */
.row.double-top-padding > .um-clear {
    display: none !important;
}

/* =============================================
   Single job - hjerte og knapp posisjon
   ============================================= */

/* Hjerte lenger ned */
.jb-single-hero-bookmark {
    top: 60px !important;
}

/* Flytt søk nå knapp til bunnen av hero */
.jb-single-apply-btn {
    display: block !important;
    position: absolute !important;
    bottom: 24px !important;
    right: 24px !important;
    margin-bottom: 0 !important;
}

/* Deadline badge øverst til venstre */
.jb-single-hero-deadline {
    position: absolute !important;
    top: 20px !important;
    left: 24px !important;
    margin-top: 0 !important;
}

/* =============================================
   UM Social Activity - Web3 redesign
   ============================================= */

/* Hovedwrapper - full bredde */
.um-activity-wall,
.um-activity-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* Innlegg-kort */
.um-activity-body {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    backdrop-filter: blur(8px) !important;
    transition: box-shadow 0.2s ease !important;
}

.um-activity-body:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.25) !important;
    border-color: rgba(255,102,196,0.25) !important;
}

/* Avatar */
.um-activity-ava img {
    border-radius: 50% !important;
    border: 2px solid rgba(209,255,0,0.4) !important;
}

/* Forfatter-info */
.um-activity-author-meta {
    font-weight: 600 !important;
}

.um-activity-author-url {
    color: #ff66c4 !important;
    text-decoration: none !important;
}

.um-activity-author-url:hover {
    color: #d1ff00 !important;
}

/* Innholdstekst */
.um-activity-bodyinner-txt {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 12px 0 !important;
}

/* Kommentar-seksjon */
.um-activity-commentl {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
}

/* Kommentar-kort */
.um-activity-comment {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

.um-activity-comment-author-link {
    color: #ff66c4 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um-activity-comment-author-link:hover {
    color: #d1ff00 !important;
}

.um-activity-comment-text {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
}

/* Kommentar-avatar */
.um-activity-comment-avatar img {
    border-radius: 50% !important;
    border: 1px solid rgba(209,255,0,0.3) !important;
}

/* Textarea for nye kommentarer */
.um-activity-comment-textarea,
.um-activity-comment-box textarea {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,102,196,0.35) !important;
    border-radius: 10px !important;
    color: inherit !important;
    padding: 10px 14px !important;
    width: 100% !important;
    resize: none !important;
    transition: border 0.2s ease !important;
}

.um-activity-comment-textarea:focus,
.um-activity-comment-box textarea:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Post-form */
.um-activity-wall-form,
.um-new-post-form {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
}

/* Likes og meta */
.um-activity-comment-likes,
.um-activity-ajaxdata-commentlikes {
    color: #ff66c4 !important;
    font-size: 0.85rem !important;
}

/* Load more kommentarer */
.um-activity-ccommentload,
.um-activity-commentload {
    color: #d1ff00 !important;
    cursor: pointer !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

/* Meta-linje (tid, permalink) */
.um-activity-comment-meta,
.um-activity-comment-permalink {
    font-size: 0.78rem !important;
    opacity: 0.6 !important;
}

/* =============================================
   UM Social Activity - Web3 redesign
   ============================================= */

/* Hovedwrapper - full bredde */
.um-activity-wall,
.um-activity-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* Innlegg-kort */
.um-activity-body {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    backdrop-filter: blur(8px) !important;
    transition: box-shadow 0.2s ease !important;
}

.um-activity-body:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.25) !important;
    border-color: rgba(255,102,196,0.25) !important;
}

/* Avatar */
.um-activity-ava img {
    border-radius: 50% !important;
    border: 2px solid rgba(209,255,0,0.4) !important;
}

/* Forfatter-info */
.um-activity-author-meta {
    font-weight: 600 !important;
}

.um-activity-author-url {
    color: #ff66c4 !important;
    text-decoration: none !important;
}

.um-activity-author-url:hover {
    color: #d1ff00 !important;
}

/* Innholdstekst */
.um-activity-bodyinner-txt {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 12px 0 !important;
}

/* Kommentar-seksjon */
.um-activity-commentl {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
}

/* Kommentar-kort */
.um-activity-comment {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

.um-activity-comment-author-link {
    color: #ff66c4 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um-activity-comment-author-link:hover {
    color: #d1ff00 !important;
}

.um-activity-comment-text {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
}

/* Kommentar-avatar */
.um-activity-comment-avatar img {
    border-radius: 50% !important;
    border: 1px solid rgba(209,255,0,0.3) !important;
}

/* Textarea for nye kommentarer */
.um-activity-comment-textarea,
.um-activity-comment-box textarea {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,102,196,0.35) !important;
    border-radius: 10px !important;
    color: inherit !important;
    padding: 10px 14px !important;
    width: 100% !important;
    resize: none !important;
    transition: border 0.2s ease !important;
}

.um-activity-comment-textarea:focus,
.um-activity-comment-box textarea:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Post-form */
.um-activity-wall-form,
.um-new-post-form {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
}

/* Likes og meta */
.um-activity-comment-likes,
.um-activity-ajaxdata-commentlikes {
    color: #ff66c4 !important;
    font-size: 0.85rem !important;
}

/* Load more kommentarer */
.um-activity-ccommentload,
.um-activity-commentload {
    color: #d1ff00 !important;
    cursor: pointer !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

/* Meta-linje (tid, permalink) */
.um-activity-comment-meta,
.um-activity-comment-permalink {
    font-size: 0.78rem !important;
    opacity: 0.6 !important;
}

/* =============================================
   UM Social Activity - Web3 redesign
   ============================================= */

/* Hovedwrapper - full bredde */
.um-activity-wall,
.um-activity-wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* Innlegg-kort */
.um-activity-body {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    backdrop-filter: blur(8px) !important;
    transition: box-shadow 0.2s ease !important;
}

.um-activity-body:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.25) !important;
    border-color: rgba(255,102,196,0.25) !important;
}

/* Avatar */
.um-activity-ava img {
    border-radius: 50% !important;
    border: 2px solid rgba(209,255,0,0.4) !important;
}

/* Forfatter-info */
.um-activity-author-meta {
    font-weight: 600 !important;
}

.um-activity-author-url {
    color: #ff66c4 !important;
    text-decoration: none !important;
}

.um-activity-author-url:hover {
    color: #d1ff00 !important;
}

/* Innholdstekst */
.um-activity-bodyinner-txt {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 12px 0 !important;
}

/* Kommentar-seksjon */
.um-activity-commentl {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 12px !important;
    margin-top: 12px !important;
}

/* Kommentar-kort */
.um-activity-comment {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    margin-bottom: 8px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

.um-activity-comment-author-link {
    color: #ff66c4 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.um-activity-comment-author-link:hover {
    color: #d1ff00 !important;
}

.um-activity-comment-text {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-top: 4px !important;
}

/* Kommentar-avatar */
.um-activity-comment-avatar img {
    border-radius: 50% !important;
    border: 1px solid rgba(209,255,0,0.3) !important;
}

/* Textarea for nye kommentarer */
.um-activity-comment-textarea,
.um-activity-comment-box textarea {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,102,196,0.35) !important;
    border-radius: 10px !important;
    color: inherit !important;
    padding: 10px 14px !important;
    width: 100% !important;
    resize: none !important;
    transition: border 0.2s ease !important;
}

.um-activity-comment-textarea:focus,
.um-activity-comment-box textarea:focus {
    border-color: #d1ff00 !important;
    outline: none !important;
}

/* Post-form */
.um-activity-wall-form,
.um-new-post-form {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    margin-bottom: 20px !important;
}

/* Likes og meta */
.um-activity-comment-likes,
.um-activity-ajaxdata-commentlikes {
    color: #ff66c4 !important;
    font-size: 0.85rem !important;
}

/* Load more kommentarer */
.um-activity-ccommentload,
.um-activity-commentload {
    color: #d1ff00 !important;
    cursor: pointer !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

/* Meta-linje (tid, permalink) */
.um-activity-comment-meta,
.um-activity-comment-permalink {
    font-size: 0.78rem !important;
    opacity: 0.6 !important;
}

/* =============================================
   Social Activity - full bredde + chat-bobler
   ============================================= */

/* Utvid container */
.box-container:has(.um-activity-body) {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Fjern ramme/kort på selve innlegget */
.um-activity-body {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 0 !important;
    margin-bottom: 0 !important;
    backdrop-filter: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: none !important;
}

.um-activity-body:hover {
    box-shadow: none !important;
    border-color: rgba(0,0,0,0.08) !important;
}

/* Kommentarer som chat-bobler */
.um-activity-comment {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 4px 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

.um-activity-comment-data {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 75% !important;
}

/* Snakkeboble */
.um-activity-comment-text {
    background: #f0f0f0 !important;
    color: #000 !important;
    border-radius: 18px 18px 18px 4px !important;
    padding: 10px 16px !important;
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    display: inline-block !important;
    max-width: 100% !important;
    word-break: break-word !important;
}

/* Egne kommentarer (høyre side) */
.um-activity-comment.is-mine .um-activity-comment-data {
    align-items: flex-end !important;
    margin-left: auto !important;
}

.um-activity-comment.is-mine .um-activity-comment-text {
    background: #d1ff00 !important;
    color: #000 !important;
    border-radius: 18px 18px 4px 18px !important;
}

/* Avatar i kommentar */
.um-activity-comment-avatar img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(209,255,0,0.4) !important;
    flex-shrink: 0 !important;
}

/* Forfatternavn over boble */
.um-activity-comment-author-link {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #ff66c4 !important;
    margin-bottom: 3px !important;
    display: block !important;
}

/* Tid og meta under boble */
.um-activity-comment-meta {
    font-size: 0.72rem !important;
    opacity: 0.5 !important;
    margin-top: 3px !important;
    padding-left: 4px !important;
}

/* Kommentarfelt - sort tekst */
.um-activity-comment-textarea,
.um-activity-comment-box textarea {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid rgba(255,102,196,0.4) !important;
    border-radius: 20px !important;
    padding: 10px 18px !important;
}

/* Liker/kommentar-lenker under post */
.um-activity-commentl.um-activity-comment-area {
    border-top: none !important;
    padding-top: 8px !important;
}

/* =============================================
   Social Activity - SMS-stil innlegg og post-form
   ============================================= */

/* Post-form wrapper */
.um-activity-publish {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 16px 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}

/* Skjul heading */
.um-activity-head {
    display: none !important;
}

/* Textarea + knapp som én enhet */
.um-activity-body:has(.um-activity-textarea) {
    background: #f0f0f0 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255,102,196,0.3) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.um-activity-textarea,
.um-activity-textarea-elem {
    background: transparent !important;
    border: none !important;
    border-radius: 24px !important;
    padding: 12px 18px !important;
    font-size: 0.95rem !important;
    color: #000 !important;
    resize: none !important;
    flex: 1 !important;
    min-height: 44px !important;
    outline: none !important;
    width: 100% !important;
}

.um-activity-textarea-elem::placeholder {
    color: rgba(0,0,0,0.4) !important;
}

/* Foot med kamera og knapp */
.um-activity-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px 4px 12px !important;
}

/* Legg ut-knapp */
.um-activity-post {
    background: #d1ff00 !important;
    color: #000 !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    text-decoration: none !important;
}

.um-activity-post:hover {
    background: #ff66c4 !important;
    color: #000 !important;
}

.um-activity-post.um-disabled {
    opacity: 0.5 !important;
}

/* Innlegg som SMS-boble */
.um-activity-bodyinner {
    background: #f0f0f0 !important;
    border-radius: 18px 18px 18px 4px !important;
    padding: 12px 16px !important;
    display: inline-block !important;
    max-width: 80% !important;
    margin: 8px 0 !important;
    color: #000 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    border: none !important;
}

/* Fjern alle rammer */
.um-activity-comment,
.um-activity-commentl,
.um-activity-comment-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Kommentar-textarea */
.um-activity-comment-textarea,
.um-activity-comment-box textarea {
    background: #f0f0f0 !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 18px !important;
    color: #000 !important;
}

.um-activity-comment-textarea::placeholder {
    color: rgba(0,0,0,0.4) !important;
}

/* =============================================
   Social Activity - fjern alle kanter
   ============================================= */

/* Fjern alle borders overalt */
.um-activity-publish,
.um-activity-body,
.um-activity-foot,
.um-activity-commentl,
.um-activity-comment-area,
.um-activity-comment,
.um-activity-comment-box,
.um-activity-wall,
.um-activity-wrapper,
.um-activity-right,
.um-activity-left {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Post-form - textarea og knapp på samme linje */
.um-activity-publish .um-activity-body {
    background: #f0f0f0 !important;
    border-radius: 28px !important;
    padding: 4px 4px 4px 16px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.um-activity-publish .um-activity-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 4px 0 4px !important;
    margin-top: 0 !important;
}

/* Textarea */
.um-activity-textarea-elem {
    background: transparent !important;
    border: none !important;
    flex: 1 !important;
    padding: 10px 0 !important;
    min-height: 40px !important;
    font-size: 0.95rem !important;
    color: #000 !important;
    resize: none !important;
    outline: none !important;
}

/* Legg ut-knapp integrert i textarea-feltet */
.um-activity-right {
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.um-activity-post {
    border-radius: 24px !important;
    padding: 8px 18px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* Kamera-ikon */
.um-activity-left.um-activity-insert {
    padding: 0 !important;
}

.um-faicon-camera {
    color: rgba(0,0,0,0.4) !important;
    font-size: 1.2rem !important;
}

/* Separator mellom innlegg */
.um-activity-body:not(:has(.um-activity-textarea)) {
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 0 !important;
    padding: 16px 0 !important;
}

/* Fjern grå bakgrunn og rammer på innlegg og kommentarseksjon */
.um-activity-bodyinner,
.um-activity-commentl,
.um-activity-commentl.um-activity-comment-area,
.um-activity-comment-child,
.um-activity-comment-box {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Behold SMS-boble kun på selve kommentarteksten */
.um-activity-comment-info {
    background: transparent !important;
    border: none !important;
}

/* Fjern ramme og bakgrunn på kommentar-container */
.um-activity-commentwrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* =============================================
   Social Activity - kompakt layout
   ============================================= */

/* Widget - tett spacing */
.um-activity-widget {
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

/* Forfatter-rad */
.um-activity-head {
    margin-bottom: 6px !important;
}

/* Innlegg-tekst tett på forfatter */
.um-activity-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Foot - likes og kommentar på én linje */
.um-activity-foot.status {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 6px 0 !important;
    margin: 4px 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.um-activity-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.um-activity-like,
.um-activity-comment {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.85rem !important;
    color: rgba(0,0,0,0.5) !important;
    cursor: pointer !important;
}

.um-activity-like a,
.um-activity-comment a {
    color: rgba(0,0,0,0.5) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.um-activity-like a:hover,
.um-activity-comment a:hover {
    color: #ff66c4 !important;
}

/* Skjul liker-bilder */
.um-activity-likers,
[class*="um-activity-liker"],
.um-activity-foot.status .um-activity-right {
    display: none !important;
}

/* Kommentar-seksjon tett på foot */
.um-activity-comments-loop {
    margin-top: 4px !important;
}

.um-activity-commentwrap {
    margin-bottom: 6px !important;
}

/* Kommentar-meta på samme linje */
.um-activity-comment-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
    padding-left: 8px !important;
}

/* Skjul likes-teller med 0 */
.um-activity-comment-likes.count-0 {
    display: none !important;
}

/* =============================================
   Social Activity - kompakt layout
   ============================================= */

/* Widget - tett spacing */
.um-activity-widget {
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}

/* Forfatter-rad */
.um-activity-head {
    margin-bottom: 6px !important;
}

/* Innlegg-tekst tett på forfatter */
.um-activity-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Foot - likes og kommentar på én linje */
.um-activity-foot.status {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 6px 0 !important;
    margin: 4px 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.um-activity-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.um-activity-like,
.um-activity-comment {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 0.85rem !important;
    color: rgba(0,0,0,0.5) !important;
    cursor: pointer !important;
}

.um-activity-like a,
.um-activity-comment a {
    color: rgba(0,0,0,0.5) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.um-activity-like a:hover,
.um-activity-comment a:hover {
    color: #ff66c4 !important;
}

/* Skjul liker-bilder */
.um-activity-likers,
[class*="um-activity-liker"],
.um-activity-foot.status .um-activity-right {
    display: none !important;
}

/* Kommentar-seksjon tett på foot */
.um-activity-comments-loop {
    margin-top: 4px !important;
}

.um-activity-commentwrap {
    margin-bottom: 6px !important;
}

/* Kommentar-meta på samme linje */
.um-activity-comment-meta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-top: 4px !important;
    padding-left: 8px !important;
}

/* Skjul likes-teller med 0 */
.um-activity-comment-likes.count-0 {
    display: none !important;
}