/* ==========================================================
   VEIEN TIL SENTRUMSGATELØPET
   Motus Skarnes
   All styling er avgrenset til .motus-sentrumslop
   ========================================================== */


/* ----------------------------------------------------------
   MOTUS-FARGER
   ---------------------------------------------------------- */

.motus-sentrumslop {
    --motus-turkis: #30E3BE;
    --motus-rosa: #D91278;
    --motus-beige: #FCF8F5;
    --motus-sort: #151515;
    --motus-hvit: #FFFFFF;

    width: min(1380px, calc(100vw - 60px)) !important;
    max-width: 1380px !important;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin: 0 !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.motus-sentrumslop .motus-run-hero {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    min-height: 650px;

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

    overflow: hidden;
}


/* Mørk gradient over bildet */

.motus-sentrumslop .motus-run-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 14, 13, 0.96) 0%,
            rgba(8, 14, 13, 0.90) 28%,
            rgba(8, 14, 13, 0.68) 47%,
            rgba(8, 14, 13, 0.25) 68%,
            rgba(8, 14, 13, 0.04) 100%
        );
}


/* WordPress Cover-beholder */

.motus-sentrumslop
.motus-run-hero
.wp-block-cover__inner-container {

    position: relative;
    z-index: 2;

    width: 100% !important;
    max-width: none !important;

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


/* ==========================================================
   HERO-INNHOLD
   ========================================================== */

.motus-sentrumslop .motus-run-hero-content {

    box-sizing: border-box;

    display: block !important;

    width: 100% !important;
    max-width: 1240px !important;

    margin: 0 auto !important;

    padding:
        85px
        70px
        70px !important;

    text-align: left !important;
}


/*
   VIKTIG:
   Gutenberg prøver å sentrere indre blokker etter content-width.
   Her nullstiller vi dette KUN inne i heroen.
*/

.motus-sentrumslop
.motus-run-hero-content
> * {

    position: static !important;

    box-sizing: border-box;

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

    text-align: left !important;
}


/* ==========================================================
   "VEIEN TIL"
   ========================================================== */

.motus-sentrumslop .motus-run-script {

    width: 620px !important;
    max-width: 100% !important;

    margin:
        0
        0
        12px !important;

    color: var(--motus-rosa) !important;

    font-family: "Poppins", sans-serif;
    font-size: clamp(38px, 4vw, 55px) !important;
    font-weight: 700 !important;
    font-style: italic;

    line-height: 1 !important;
}


/* ==========================================================
   HOVEDOVERSKRIFT
   ========================================================== */

.motus-sentrumslop .motus-run-hero-content > h1 {

    width: 650px !important;
    max-width: 100% !important;

    margin:
        0
        0
        17px !important;

    color: var(--motus-hvit) !important;

    font-family: "Poppins", sans-serif !important;
    font-size: clamp(52px, 5.7vw, 78px) !important;
    font-weight: 800 !important;
    font-style: normal;

    line-height: 0.92 !important;
    letter-spacing: -3px;

    text-transform: uppercase;
}


/* ==========================================================
   PT I GRUPPE
   ========================================================== */

.motus-sentrumslop .motus-run-kicker {

    width: 620px !important;
    max-width: 100% !important;

    margin:
        0
        0
        10px !important;

    color: var(--motus-turkis) !important;

    font-family: "Poppins", sans-serif !important;
    font-size: clamp(26px, 3vw, 35px) !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;
}


/* ==========================================================
   INTROTEKST
   ========================================================== */

.motus-sentrumslop
.motus-run-hero-content
> p:not(.motus-run-script):not(.motus-run-member-note) {

    width: 620px !important;
    max-width: 100% !important;

    margin:
        0
        0
        28px !important;

    color: var(--motus-hvit) !important;

    font-family: "Poppins", sans-serif;
    font-size: 17px !important;
    font-weight: 500;

    line-height: 1.55;
}


/* ==========================================================
   FAKTAFELT
   ========================================================== */

.motus-sentrumslop .motus-run-facts {

    width: 620px !important;
    max-width: 100% !important;

    margin:
        0
        0
        25px !important;

    padding:
        17px
        0 !important;

    border-top:
        1px solid rgba(48, 227, 190, 0.70);

    border-bottom:
        1px solid rgba(255,255,255,0.22);
}


.motus-sentrumslop
.motus-run-facts
.wp-block-group {

    width: 100% !important;
}


.motus-sentrumslop
.motus-run-facts
.wp-block-columns {

    display: flex !important;

    width: 100% !important;

    gap: 0 !important;

    margin: 0 !important;
}


.motus-sentrumslop
.motus-run-facts
.wp-block-column {

    flex: 1 1 33.333% !important;

    margin: 0 !important;
    padding: 0 20px !important;

    border-right:
        1px solid rgba(255,255,255,0.22);
}


.motus-sentrumslop
.motus-run-facts
.wp-block-column:first-child {

    padding-left: 0 !important;
}


.motus-sentrumslop
.motus-run-facts
.wp-block-column:last-child {

    border-right: 0;

    padding-right: 0 !important;
}


.motus-sentrumslop
.motus-run-facts
p {

    margin: 0 !important;

    color: var(--motus-hvit) !important;

    font-family: "Poppins", sans-serif;
    font-size: 13px !important;

    line-height: 1.5;
}


/* ==========================================================
   KNAPP
   ========================================================== */

.motus-sentrumslop
.motus-run-hero-content
> .wp-block-buttons {

    display: flex !important;

    width: 620px !important;
    max-width: 100% !important;

    justify-content: flex-start !important;

    margin:
        0
        0
        10px !important;
}


.motus-sentrumslop
.motus-run-hero
.wp-block-button__link {

    display: inline-block;

    padding:
        15px
        29px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        var(--motus-rosa) !important;

    color:
        var(--motus-hvit) !important;

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

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}


.motus-sentrumslop
.motus-run-hero
.wp-block-button__link:hover {

    transform: translateY(-2px);

    box-shadow:
        0 9px 24px rgba(217,18,120,.30);
}


/* ==========================================================
   MEDLEMSINFO
   ========================================================== */

.motus-sentrumslop .motus-run-member-note {

    width: 620px !important;
    max-width: 100% !important;

    margin: 0 !important;

    color:
        rgba(255,255,255,.72) !important;

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

    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.5;
}


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

@media (max-width: 1000px) {

    .motus-sentrumslop {

        width:
            calc(100vw - 32px) !important;
    }


    .motus-sentrumslop
    .motus-run-hero-content {

        padding:
            70px
            45px
            60px !important;
    }


    .motus-sentrumslop
    .motus-run-hero-content
    > h1 {

        font-size:
            clamp(48px, 7vw, 68px) !important;
    }

}


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

@media (max-width: 700px) {

    .motus-sentrumslop {

        width: 100% !important;
        max-width: 100% !important;

        left: auto;
        transform: none;

        margin: 0 !important;
    }


    .motus-sentrumslop
    .motus-run-hero {

        min-height: 650px;
    }


    .motus-sentrumslop
    .motus-run-hero::after {

        background:
            linear-gradient(
                90deg,
                rgba(8,14,13,.95) 0%,
                rgba(8,14,13,.86) 55%,
                rgba(8,14,13,.50) 100%
            );
    }


    .motus-sentrumslop
    .motus-run-hero-content {

        padding:
            55px
            22px
            42px !important;
    }


    .motus-sentrumslop
    .motus-run-script {

        font-size: 35px !important;

        margin-bottom:
            10px !important;
    }


    .motus-sentrumslop
    .motus-run-hero-content
    > h1 {

        font-size:
            clamp(42px, 12vw, 55px) !important;

        line-height:
            .94 !important;

        letter-spacing:
            -2px;
    }


    .motus-sentrumslop
    .motus-run-kicker {

        font-size:
            25px !important;
    }


    .motus-sentrumslop
    .motus-run-hero-content
    > p:not(.motus-run-script):not(.motus-run-member-note) {

        font-size:
            15px !important;
    }


    .motus-sentrumslop
    .motus-run-facts {

        width:
            100% !important;
    }


    .motus-sentrumslop
    .motus-run-facts
    .wp-block-columns {

        flex-wrap:
            nowrap !important;
    }


    .motus-sentrumslop
    .motus-run-facts
    .wp-block-column {

        flex-basis:
            33.333% !important;

        padding:
            0 9px !important;
    }


    .motus-sentrumslop
    .motus-run-facts
    .wp-block-column:first-child {

        padding-left:
            0 !important;
    }


    .motus-sentrumslop
    .motus-run-facts
    p {

        font-size:
            11px !important;
    }


    .motus-sentrumslop
    .motus-run-member-note {

        font-size:
            11px !important;
    }

}
/* ==========================================================
   KUN INNLEGG 5085 – SKJUL VANLIG INNLEGGSMETA
   ========================================================== */

body.postid-5085 .entry-meta,
body.postid-5085 .post-meta,
body.postid-5085 .entry-footer,
body.postid-5085 .post-navigation,
body.postid-5085 .navigation.post-navigation,
body.postid-5085 .nav-links {
    display: none !important;
}
/* ==========================================================
   SEKSJON 2 – TRENINGSGRUPPER
   ========================================================== */

.motus-sentrumslop .motus-run-groups {
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 95px 70px 90px !important;
    box-sizing: border-box;
    background: #FFFFFF !important;
}


/* LITEN TEKST OVER OVERSKRIFT */

.motus-sentrumslop .motus-run-eyebrow {
    margin: 0 0 10px !important;
    color: #D91278 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* HOVEDOVERSKRIFT */

.motus-sentrumslop .motus-run-groups > h2 {
    max-width: 780px !important;
    margin: 0 0 14px !important;

    color: #151515 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1.05 !important;
    letter-spacing: -1.5px;
}


/* INTRO */

.motus-sentrumslop .motus-run-groups-intro {
    max-width: 700px !important;
    margin: 0 0 45px !important;

    color: #555555 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* ==========================================================
   TO KORT
   ========================================================== */

.motus-sentrumslop .motus-run-group-grid {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;

    gap: 26px !important;
    margin: 0 !important;
}


/* Gutenberg-kolonnene */

.motus-sentrumslop .motus-run-group-grid > .wp-block-column {
    display: flex !important;
    flex: 1 1 0 !important;
    margin: 0 !important;
}


/* SELVE KORTET */

.motus-sentrumslop .motus-run-group-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;

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

    margin: 0 !important;
    padding: 38px 38px 32px !important;

    box-sizing: border-box;

    background: #FFFFFF !important;
    border: 1px solid #E9E9E9;
    border-radius: 26px;

    box-shadow:
        0 16px 45px rgba(0, 0, 0, 0.06);

    overflow: hidden;
}


/* FARGESTREK ØVERST */

.motus-sentrumslop .motus-run-group-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 7px;
}


/* MORGEN = ROSA */

.motus-sentrumslop .motus-run-group-morning::before {
    background: #D91278;
}


/* KVELD = TURKIS */

.motus-sentrumslop .motus-run-group-evening::before {
    background: #30E3BE;
}


/* 01 · MORGEN / 02 · KVELD */

.motus-sentrumslop .motus-run-card-label {
    margin: 0 0 17px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: 1.3px;
    text-transform: uppercase;
}


.motus-sentrumslop .motus-run-group-morning .motus-run-card-label {
    color: #D91278 !important;
}


.motus-sentrumslop .motus-run-group-evening .motus-run-card-label {
    color: #159E86 !important;
}


/* GRUPPE 1 / GRUPPE 2 */

.motus-sentrumslop .motus-run-group-card h3 {
    margin: 0 0 25px !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 31px !important;
    font-weight: 800 !important;

    line-height: 1.05 !important;
}


/* TRENINGSTIDENE */

.motus-sentrumslop .motus-run-group-card > p:not(.motus-run-card-label):not(.motus-run-card-note) {
    position: relative;

    margin: 0 !important;
    padding: 15px 0 !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.55 !important;

    border-top: 1px solid #EEEEEE;
}


/* SISTE TRENINGSTID FÅR OGSÅ BUNNLINJE */

.motus-sentrumslop .motus-run-group-card > p:nth-last-child(2) {
    border-bottom: 1px solid #EEEEEE;
}


/* MAKS 10 DELTAKERE */

.motus-sentrumslop .motus-run-card-note {
    margin: auto 0 0 !important;
    padding-top: 24px !important;

    color: #666666 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}


/* LITEN PRIKK FØR MAKS */

.motus-sentrumslop .motus-run-card-note::before {
    content: "";

    display: inline-block;

    width: 9px;
    height: 9px;

    margin-right: 9px;

    border-radius: 50%;

    vertical-align: 1px;
}


.motus-sentrumslop .motus-run-group-morning .motus-run-card-note::before {
    background: #D91278;
}


.motus-sentrumslop .motus-run-group-evening .motus-run-card-note::before {
    background: #30E3BE;
}


/* ==========================================================
   PT-TEAMET
   ========================================================== */

.motus-sentrumslop .motus-run-teamline {
    position: relative;

    width: 100% !important;

    margin: 34px 0 0 !important;
    padding: 27px 32px !important;

    box-sizing: border-box;

    background: #FFFFFF !important;
    border: 1px solid #E9E9E9;
    border-radius: 20px;

    text-align: center !important;
}


.motus-sentrumslop .motus-run-team-names {
    margin: 0 0 5px !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;

    letter-spacing: .7px;
}


.motus-sentrumslop .motus-run-team-names::before {
    content: "PT-TEAMET";

    display: block;

    margin-bottom: 5px;

    color: #D91278;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}


.motus-sentrumslop .motus-run-teamline > p:last-child {
    margin: 0 !important;

    color: #666666 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}


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

@media (max-width: 700px) {

    .motus-sentrumslop .motus-run-groups {
        padding: 65px 22px !important;
    }

    .motus-sentrumslop .motus-run-groups > h2 {
        font-size: 36px !important;
        letter-spacing: -1px;
    }

    .motus-sentrumslop .motus-run-groups-intro {
        margin-bottom: 32px !important;
        font-size: 15px !important;
    }

    .motus-sentrumslop .motus-run-group-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }

    .motus-sentrumslop .motus-run-group-grid > .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .motus-sentrumslop .motus-run-group-card {
        min-height: 0;
        padding: 32px 25px 28px !important;
        border-radius: 22px;
    }

    .motus-sentrumslop .motus-run-group-card h3 {
        font-size: 27px !important;
    }

    .motus-sentrumslop .motus-run-teamline {
        margin-top: 20px !important;
        padding: 24px 20px !important;
    }
}
/* ==========================================================
   VEIEN TIL SENTRUMSGATELØPET
   SEKSJON: TRENINGSGRUPPER
   ========================================================== */

.motus-run-groups {
    width: min(1100px, calc(100% - 40px)) !important;
    max-width: 1100px !important;
    box-sizing: border-box !important;

    margin: 0 auto !important;
    padding: 90px 55px 80px !important;

    background: #FFFFFF !important;
}


/* ---------- LITEN OVERTEKST ---------- */

.motus-run-groups .motus-run-eyebrow {
    margin: 0 0 10px !important;

    color: #D91278 !important;

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

    letter-spacing: 1.4px;
    text-transform: uppercase;
}


/* ---------- HOVEDOVERSKRIFT ---------- */

.motus-run-groups > h2 {
    max-width: 800px !important;

    margin: 0 0 14px !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: clamp(34px, 4vw, 50px) !important;
    font-weight: 800 !important;
    font-style: normal !important;

    line-height: 1.05 !important;
    letter-spacing: -1.5px;
}


/* ---------- INTRO ---------- */

.motus-run-groups .motus-run-groups-intro {
    max-width: 720px !important;

    margin: 0 0 42px !important;

    color: #555555 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.6 !important;
}


/* ==========================================================
   KORTGRID
   ========================================================== */

.motus-run-groups .motus-run-group-grid {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;

    gap: 24px !important;

    margin: 0 !important;
}


/* Gutenberg-kolonner */

.motus-run-group-grid > .wp-block-column {
    display: flex !important;

    flex: 1 1 0 !important;

    min-width: 0 !important;

    margin: 0 !important;
}


/* ==========================================================
   GRUPPEKORT
   ========================================================== */

.motus-run-group-card {
    position: relative;

    display: flex !important;
    flex-direction: column !important;

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

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 38px 38px 32px !important;

    background: #FFFFFF !important;

    border: 1px solid #E8E8E8 !important;
    border-radius: 26px !important;

    box-shadow:
        0 16px 45px rgba(0,0,0,.07) !important;

    overflow: hidden;
}


/* Fargestrek */

.motus-run-group-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 7px;
}


.motus-run-group-morning::before {
    background: #D91278;
}


.motus-run-group-evening::before {
    background: #30E3BE;
}


/* ---------- 01 MORGEN / 02 KVELD ---------- */

.motus-run-card-label {
    margin: 0 0 15px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: 1.3px;
    text-transform: uppercase;
}


.motus-run-group-morning .motus-run-card-label {
    color: #D91278 !important;
}


.motus-run-group-evening .motus-run-card-label {
    color: #159E86 !important;
}


/* ---------- GRUPPE 1 / GRUPPE 2 ---------- */

.motus-run-group-card h3 {
    margin: 0 0 22px !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    font-style: normal !important;

    line-height: 1.05 !important;
}


/* ---------- DAGER OG TIDER ---------- */

.motus-run-group-card > p:not(.motus-run-card-label):not(.motus-run-card-note) {
    margin: 0 !important;

    padding: 11px 0 !important;

    color: #151515 !important;

    border-top: 1px solid #EEEEEE;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.35 !important;
}


/* ---------- MAKS 10 ---------- */

.motus-run-card-note {
    margin: auto 0 0 !important;

    padding-top: 22px !important;

    color: #666666 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}


.motus-run-card-note::before {
    content: "";

    display: inline-block;

    width: 9px;
    height: 9px;

    margin-right: 9px;

    border-radius: 50%;
}


.motus-run-group-morning .motus-run-card-note::before {
    background: #D91278;
}


.motus-run-group-evening .motus-run-card-note::before {
    background: #30E3BE;
}


/* ==========================================================
   PT TEAM
   ========================================================== */

.motus-run-teamline {
    width: 100% !important;

    box-sizing: border-box !important;

    margin: 28px 0 0 !important;
    padding: 25px 30px !important;

    background: #FFFFFF !important;

    border: 1px solid #E8E8E8 !important;
    border-radius: 20px !important;

    text-align: center !important;
}


.motus-run-teamline .motus-run-team-names {
    margin: 0 0 5px !important;

    color: #151515 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;

    letter-spacing: .5px;
}


.motus-run-team-names::before {
    content: "PT-TEAMET";

    display: block;

    margin-bottom: 5px;

    color: #D91278;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;
}


.motus-run-teamline > p:last-child {
    margin: 0 !important;

    color: #666666 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;

    line-height: 1.5 !important;
}


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

@media (max-width: 700px) {

    .motus-run-groups {
        width: 100% !important;

        padding: 60px 22px !important;
    }


    .motus-run-groups > h2 {
        font-size: 35px !important;
    }


    .motus-run-groups .motus-run-groups-intro {
        margin-bottom: 30px !important;

        font-size: 15px !important;
    }


    .motus-run-groups .motus-run-group-grid {
        display: flex !important;
        flex-direction: column !important;

        gap: 18px !important;
    }


    .motus-run-group-grid > .wp-block-column {
        width: 100% !important;

        flex-basis: 100% !important;
    }


    .motus-run-group-card {
        min-height: 0 !important;

        padding: 32px 25px 28px !important;

        border-radius: 22px !important;
    }


    .motus-run-group-card h3 {
        font-size: 27px !important;
    }


    .motus-run-teamline {
        margin-top: 20px !important;

        padding: 23px 18px !important;
    }
}
/* FINJUSTERING – GRUPPESEKSJON */

.motus-run-groups {
    width: min(1000px, calc(100% - 40px)) !important;
    max-width: 1000px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Litt mer luft før kortene */
.motus-run-groups .motus-run-group-grid {
    margin-top: 38px !important;
    gap: 28px !important;
}

/* Kortene får bedre proporsjoner */
.motus-run-group-card {
    min-height: 330px !important;
    padding: 38px 42px 34px !important;
}

/* PT-felt */
.motus-run-teamline {
    margin-top: 28px !important;
    padding: 28px 35px !important;
}

/* Mobil */
@media (max-width: 700px) {
    .motus-run-groups {
        width: 100% !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .motus-run-group-card {
        min-height: 0 !important;
        padding: 32px 26px !important;
    }
}
/* SENTRER INNHOLDET I GRUPPESEKSJONEN */

.motus-run-groups > * {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.motus-run-groups .motus-run-group-grid {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.motus-run-groups .motus-run-teamline {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ==========================================================
   VEIEN TIL SENTRUMSGATELØPET
   DETTE FÅR DU
   ========================================================== */

.motus-run-included {
    width: min(1100px, calc(100% - 40px)) !important;
    max-width: 1100px !important;
    margin: 30px auto 90px !important;
    padding: 0 !important;
}

/* To kolonner */
.motus-run-included > .wp-block-columns {
    display: grid !important;
    grid-template-columns: 46% 54% !important;
    gap: 0 !important;
    align-items: stretch !important;

    margin: 0 !important;

    background: #151515 !important;
    border-radius: 30px !important;
    overflow: hidden !important;

    box-shadow: 0 20px 55px rgba(0,0,0,.10) !important;
}

/* Nullstill WordPress-kolonnene */
.motus-run-included > .wp-block-columns > .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
}


/* ==========================================================
   BILDET
   ========================================================== */

.motus-run-included figure {
    width: 100% !important;
    height: 100% !important;
    min-height: 570px !important;

    margin: 0 !important;
}

.motus-run-included figure img {
    display: block !important;

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

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


/* ==========================================================
   HØYRE SIDE
   ========================================================== */

.motus-run-included > .wp-block-columns > .wp-block-column:last-child {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    padding: 60px 60px 55px !important;

    background: #151515 !important;
}


/* Liten rosa tekst */

.motus-run-included-eyebrow {
    margin: 0 0 12px !important;

    color: #D91278 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}


/* Overskrift */

.motus-run-included h2 {
    margin: 0 0 16px !important;

    color: #FFFFFF !important;

    font-family: "Poppins", sans-serif !important;
    font-size: clamp(36px, 4vw, 52px) !important;
    font-weight: 800 !important;
    font-style: normal !important;

    line-height: 1.02 !important;
    letter-spacing: -1.3px !important;
}


/* Intro */

.motus-run-included h2 + p {
    max-width: 520px !important;

    margin: 0 0 28px !important;

    color: rgba(255,255,255,.76) !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1.65 !important;
}


/* ==========================================================
   LISTE
   ========================================================== */

.motus-run-included ul {
    list-style: none !important;

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

.motus-run-included li {
    position: relative !important;

    margin: 0 !important;
    padding: 13px 0 13px 43px !important;

    color: #FFFFFF !important;

    border-bottom: 1px solid rgba(255,255,255,.11) !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* Turkis sirkel */

.motus-run-included li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 0 !important;
    top: 10px !important;

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

    width: 25px !important;
    height: 25px !important;

    background: #30E3BE !important;
    color: #151515 !important;

    border-radius: 50% !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


/* ==========================================================
   LITEN MERKNAD NEDERST
   ========================================================== */

.motus-run-included-note {
    position: relative !important;

    margin: 26px 0 0 !important;
    padding: 18px 20px 18px 24px !important;

    background: rgba(217,18,120,.12) !important;

    border-left: 3px solid #D91278 !important;
    border-radius: 0 12px 12px 0 !important;

    color: rgba(255,255,255,.72) !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;
}


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

@media (max-width: 800px) {

    .motus-run-included {
        width: calc(100% - 32px) !important;

        margin-top: 20px !important;
        margin-bottom: 65px !important;
    }

    .motus-run-included > .wp-block-columns {
        display: flex !important;
        flex-direction: column !important;

        border-radius: 22px !important;
    }

    .motus-run-included figure,
    .motus-run-included figure img {
        min-height: 330px !important;
        height: 330px !important;
    }

    .motus-run-included > .wp-block-columns > .wp-block-column:last-child {
        padding: 42px 27px 38px !important;
    }

    .motus-run-included h2 {
        font-size: 36px !important;
    }

    .motus-run-included li {
        padding-left: 39px !important;

        font-size: 14px !important;
    }
}
/* BREDERE "DETTE FÅR DU"-SEKSJON */
.motus-run-included {
    width: min(900px, calc(100% - 40px)) !important;
    max-width: 900px !important;
}

/* Litt mer plass til innhold enn bilde */
.motus-run-included > .wp-block-columns {
    grid-template-columns: 44% 56% !important;
}

/* Litt mindre ekstrem høyde på desktop */
.motus-run-included figure,
.motus-run-included figure img {
    min-height: 620px !important;
}

/* Behold mobil som før */
@media (max-width: 800px) {
    .motus-run-included {
        width: calc(100% - 32px) !important;
    }

    .motus-run-included figure,
    .motus-run-included figure img {
        min-height: 330px !important;
        height: 330px !important;
    }
}
/* ==================================================
   VEIEN TIL SENTRUMSGATELØPET
   DETTE FÅR DU – KORREKT BRED DESKTOP
   ================================================== */

/* Ytterseksjon */
.motus-run-included {
    width: 100% !important;
    max-width: 1080px !important;
    margin: 70px auto !important;
}

/* Selve 2-kolonneboksen */
.motus-run-included-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    display: grid !important;
    grid-template-columns: 44% 56% !important;
    gap: 0 !important;

    background: #151515 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    align-items: stretch !important;
}

/* Nullstill WordPress-bredder */
.motus-run-included-grid > .wp-block-column {
    width: auto !important;
    max-width: none !important;
    flex-basis: auto !important;
    margin: 0 !important;
}

/* ================================
   VENSTRE – BILDET
   ================================ */

.motus-run-included-grid > .wp-block-column:first-child {
    position: relative !important;
    min-height: 620px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.motus-run-included-grid > .wp-block-column:first-child figure {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

.motus-run-included-grid > .wp-block-column:first-child img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* ================================
   HØYRE – INNHOLD
   ================================ */

.motus-run-included-grid > .wp-block-column:last-child {
    min-height: 620px !important;
    padding: 55px 64px !important;
    box-sizing: border-box !important;
}

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

@media (max-width: 800px) {

    .motus-run-included {
        width: calc(100% - 32px) !important;
        margin: 45px auto !important;
    }

    .motus-run-included-grid {
        display: flex !important;
        flex-direction: column !important;
        border-radius: 22px !important;
    }

    .motus-run-included-grid > .wp-block-column:first-child {
        min-height: 320px !important;
        height: 320px !important;
    }

    .motus-run-included-grid > .wp-block-column:last-child {
        min-height: 0 !important;
        padding: 38px 28px 42px !important;
    }
}
/* SKJUL WORDPRESS-INNLEGGSMETA KUN PÅ SENTRUMSLØPET */

body:has(.motus-sentrumslop) .entry-meta,
body:has(.motus-sentrumslop) .post-meta,
body:has(.motus-sentrumslop) .entry-footer,
body:has(.motus-sentrumslop) .post-navigation,
body:has(.motus-sentrumslop) .navigation,
body:has(.motus-sentrumslop) .nav-links {
    display: none !important;
}
/* ==========================================================
   SLIK FUNGERER DET
   ========================================================== */

.motus-sentrumslop .motus-run-process {
    width: min(1100px, calc(100% - 48px));
    margin: 0 auto;
    padding: 95px 0 105px;
}

/* LITEN ROSA OVERTEKST */
.motus-sentrumslop .motus-run-process > .motus-run-eyebrow {
    margin: 0 0 8px !important;
    color: #D91278 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase;
}

/* OVERSKRIFT */
.motus-sentrumslop .motus-run-process > h2 {
    margin: 0 0 10px !important;
    color: #111 !important;
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: .98 !important;
    font-weight: 800 !important;
    font-style: italic;
    letter-spacing: -.04em !important;
}

/* INTRO */
.motus-sentrumslop .motus-run-process > h2 + p {
    max-width: 760px;
    margin: 0 0 48px !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* DE FIRE KOLONNENE */
.motus-sentrumslop .motus-run-process > .wp-block-columns {
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
    margin: 0 !important;
}

/* TURKIS LINJE BAK STEGENE */
.motus-sentrumslop .motus-run-process > .wp-block-columns::before {
    content: "";
    position: absolute;
    top: 29px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: #30E3BE;
    opacity: .45;
}

/* HVERT STEG */
.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
}

/* ROSA NUMMER */
.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border-radius: 50%;
    background: #D91278;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 8px 22px rgba(217, 18, 120, .18);
}

.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column:nth-child(1)::before {
    content: "01";
}

.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column:nth-child(2)::before {
    content: "02";
}

.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column:nth-child(3)::before {
    content: "03";
}

.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column:nth-child(4)::before {
    content: "04";
}

/* TEKSTEN I STEGENE */
.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* FØRSTE LINJE = STEGTITTEL */
.motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column p::first-line {
    color: #111;
    font-weight: 800;
}

/* MOBIL */
@media (max-width: 800px) {

    .motus-sentrumslop .motus-run-process {
        width: calc(100% - 40px);
        padding: 70px 0 75px;
    }

    .motus-sentrumslop .motus-run-process > .wp-block-columns {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    .motus-sentrumslop .motus-run-process > .wp-block-columns::before {
        top: 20px;
        bottom: 20px;
        left: 28px;
        right: auto;
        width: 2px;
        height: auto;
    }

    .motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column {
        padding-left: 82px !important;
        min-height: 70px;
    }

    .motus-sentrumslop .motus-run-process > .wp-block-columns > .wp-block-column::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 56px;
        height: 56px;
        margin: 0;
    }
}
/* ==================================================
   SLIK FUNGERER DET – KORRIGERT
   ================================================== */

.motus-run-process {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 90px 24px 100px !important;
}

.motus-run-process .motus-run-eyebrow {
    color: #D91278 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.motus-run-process h2 {
    font-size: 40px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: italic !important;
    letter-spacing: -.04em !important;
    margin: 0 0 12px !important;
}

/* FIRE STEG */
.motus-run-process .wp-block-columns {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin-top: 48px !important;
}

/* TURKIS LINJE */
.motus-run-process .wp-block-columns::before {
    content: "" !important;
    position: absolute !important;
    top: 29px !important;
    left: 29px !important;
    right: 29px !important;
    height: 2px !important;
    background: #30E3BE !important;
}

/* KOLONNER */
.motus-run-process .wp-block-column {
    position: relative !important;
    z-index: 2 !important;
    flex-basis: auto !important;
    min-width: 0 !important;
}

/* NUMMER */
.motus-run-process .wp-block-column::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;
    margin-bottom: 25px !important;

    border-radius: 50% !important;
    background: #D91278 !important;
    color: white !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}

.motus-run-process .wp-block-column:nth-child(1)::before {
    content: "01" !important;
}

.motus-run-process .wp-block-column:nth-child(2)::before {
    content: "02" !important;
}

.motus-run-process .wp-block-column:nth-child(3)::before {
    content: "03" !important;
}

.motus-run-process .wp-block-column:nth-child(4)::before {
    content: "04" !important;
}

/* TEKST */
.motus-run-process .wp-block-column p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #444 !important;
}

/* MOBIL */
@media (max-width: 800px) {

    .motus-run-process {
        padding: 65px 22px 75px !important;
    }

    .motus-run-process .wp-block-columns {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    .motus-run-process .wp-block-columns::before {
        display: none !important;
    }
}
/* SLIK FUNGERER DET – roligere introtekst */
.motus-run-process > h2 + p {
    max-width: 760px !important;
    margin: 0 0 48px !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
/* ==================================================
   SLIK FUNGERER DET – 2 x 2 STEGKORT
   ================================================== */

.motus-run-process {
    width: min(1100px, calc(100% - 48px)) !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 75px 0 95px !important;
}

/* Intro skal være rolig */
.motus-run-process > h2 + p {
    max-width: 700px !important;
    margin: 0 0 55px !important;
    color: #666 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* 2 x 2 */
.motus-run-process > .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
}

/* FJERN TURKIS TIDSLINJE */
.motus-run-process > .wp-block-columns::before {
    display: none !important;
}

/* KORT */
.motus-run-process > .wp-block-columns > .wp-block-column {
    position: relative !important;
    min-height: 190px !important;
    margin: 0 !important;
    padding: 34px 38px 34px 105px !important;

    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.045) !important;
}

/* FARGEAKSENT ØVERST */
.motus-run-process > .wp-block-columns > .wp-block-column::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 22px !important;
    right: 22px !important;
    height: 3px !important;
    background: #30E3BE !important;
    border-radius: 0 0 4px 4px !important;
}

/* STORT NUMMER */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    position: absolute !important;
    top: 34px !important;
    left: 30px !important;

    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;

    background: transparent !important;
    color: #D91278 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: italic !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(1)::before {
    content: "01" !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(2)::before {
    content: "02" !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(3)::before {
    content: "03" !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(4)::before {
    content: "04" !important;
}

/* TEKST */
.motus-run-process > .wp-block-columns > .wp-block-column p {
    margin: 0 !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* MOBIL */
@media (max-width: 800px) {

    .motus-run-process > .wp-block-columns {
        grid-template-columns: 1fr !important;
    }

    .motus-run-process > .wp-block-columns > .wp-block-column {
        min-height: 0 !important;
        padding: 32px 25px 30px 90px !important;
    }

    .motus-run-process > .wp-block-columns > .wp-block-column::before {
        left: 25px !important;
        top: 32px !important;
    }
}
/* ==================================================
   SLIK FUNGERER DET – FINJUSTERING
   ================================================== */

/* Intro – vanlig brødtekst */
.motus-run-process > h2 + p {
    max-width: 720px !important;
    margin: 0 0 46px !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Litt tettere kort */
.motus-run-process > .wp-block-columns {
    gap: 16px !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column {
    min-height: 165px !important;
    padding: 32px 34px 30px 100px !important;
}

/* Litt større og roligere nummer */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    top: 32px !important;
    left: 28px !important;
    font-size: 32px !important;
}

/* Turkis detalj kortere – mer elegant */
.motus-run-process > .wp-block-columns > .wp-block-column::after {
    left: 26px !important;
    right: auto !important;
    width: 72px !important;
    height: 3px !important;
}

/* Korttekst */
.motus-run-process > .wp-block-columns > .wp-block-column p {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}
/* ==================================================
   SLIK FUNGERER DET – RETT OPP KORTENE
   ================================================== */

/* Stabilt 2 x 2-grid */
.motus-run-process > .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    gap: 18px !important;
    align-items: stretch !important;
}

/* Alle fire kort identiske */
.motus-run-process > .wp-block-columns > .wp-block-column {
    position: relative !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 185px !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 34px 34px 32px 105px !important;

    background: #fff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 20px !important;
}

/* Fjern den lille turkise streken */
.motus-run-process > .wp-block-columns > .wp-block-column::after {
    display: none !important;
}

/* Nummer – samme posisjon i alle kort */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    position: absolute !important;
    top: 34px !important;
    left: 30px !important;

    width: 50px !important;
    margin: 0 !important;

    color: #D91278 !important;
    background: transparent !important;

    font-size: 32px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    line-height: 1 !important;

    text-align: left !important;
}

/* Tekst fyller resten av kortet */
.motus-run-process > .wp-block-columns > .wp-block-column > p {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* MOBIL */
@media (max-width: 800px) {
    .motus-run-process > .wp-block-columns {
        grid-template-columns: 1fr !important;
    }

    .motus-run-process > .wp-block-columns > .wp-block-column {
        min-height: 0 !important;
    }
}
/* SLIK FUNGERER DET – RYDD TOPPEN */

.motus-run-process > .motus-run-eyebrow {
    text-align: left !important;
    margin: 0 0 9px !important;
    color: #D91278 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

.motus-run-process > h2 {
    margin: 0 0 14px !important;
}

/* Intro – vanlig brødtekst */
.motus-run-process > h2 + p {
    max-width: 680px !important;
    margin: 0 0 42px !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
/* SLIK FUNGERER DET – BREDERE OG SENTRERT */

.motus-run-process {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 80px 0 95px !important;
}

/* Toppinnhold følger samme bredde */
.motus-run-process > .motus-run-eyebrow,
.motus-run-process > h2,
.motus-run-process > h2 + p {
    width: 100% !important;
    max-width: 100% !important;
}

/* Kortområdet bruker hele bredden */
.motus-run-process > .wp-block-columns {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

/* Litt bredere kort gir bedre tekstlinjer */
.motus-run-process > .wp-block-columns > .wp-block-column {
    min-height: 180px !important;
    padding: 36px 42px 34px 110px !important;
}

/* Nummer */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    left: 34px !important;
    top: 36px !important;
}

/* Mobil */
@media (max-width: 800px) {
    .motus-run-process {
        width: calc(100% - 40px) !important;
    }

    .motus-run-process > .wp-block-columns {
        grid-template-columns: 1fr !important;
    }
}
/* ==================================================
   SLIK FUNGERER DET – MER MOTUS / MER LIV
   ================================================== */

/* KORTENE */
.motus-run-process > .wp-block-columns > .wp-block-column {
    position: relative !important;
    overflow: hidden !important;
    min-height: 190px !important;
    padding: 44px 42px 38px 125px !important;
    border: 1px solid #ececec !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.05) !important;
}

/* STORT NUMMER */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    position: absolute !important;
    z-index: 2 !important;
    top: 42px !important;
    left: 38px !important;

    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: italic !important;
}

/* DEKORATIV FARGEFORM */
.motus-run-process > .wp-block-columns > .wp-block-column::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;

    width: 145px !important;
    height: 145px !important;
    right: -70px !important;
    bottom: -80px !important;

    border-radius: 50% !important;
    opacity: .10 !important;
}

/* ROSA – 01 + 04 */
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(1)::before,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(4)::before {
    color: #D91278 !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(1)::after,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(4)::after {
    background: #D91278 !important;
}

/* TURKIS – 02 + 03 */
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(2)::before,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(3)::before {
    color: #19BFA4 !important;
}

.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(2)::after,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(3)::after {
    background: #30E3BE !important;
}

/* TEKST OVER DEKOREN */
.motus-run-process > .wp-block-columns > .wp-block-column p {
    position: relative !important;
    z-index: 2 !important;
}

/* LITT MER LUFT MELLOM KORTENE */
.motus-run-process > .wp-block-columns {
    gap: 20px !important;
}
/* ==================================================
   SLIK FUNGERER DET – H5 KORT
   ================================================== */

.motus-run-process > .wp-block-columns > .wp-block-column {
    position: relative !important;
    display: block !important;
    min-height: 215px !important;
    padding: 72px 38px 34px !important;
    overflow: hidden !important;

    background: #fff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.045) !important;
}

/* Nummer */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    position: absolute !important;
    top: 26px !important;
    left: 38px !important;

    width: auto !important;
    margin: 0 !important;

    font-size: 28px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    line-height: 1 !important;
}

/* Fjern de store bakgrunnssirklene */
.motus-run-process > .wp-block-columns > .wp-block-column::after {
    display: none !important;
}

/* H5 */
.motus-run-process > .wp-block-columns > .wp-block-column h5 {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #111 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

/* Brødtekst */
.motus-run-process > .wp-block-columns > .wp-block-column p {
    margin: 0 !important;
    padding: 0 !important;

    color: #555 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.65 !important;
}

/* Rosa nummer: 01 + 04 */
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(1)::before,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(4)::before {
    color: #D91278 !important;
}

/* Turkis nummer: 02 + 03 */
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(2)::before,
.motus-run-process > .wp-block-columns > .wp-block-column:nth-child(3)::before {
    color: #19BFA4 !important;
}
/* SLIK FUNGERER DET – FINPUSS */

/* Litt mer kompakte kort */
.motus-run-process > .wp-block-columns > .wp-block-column {
    min-height: 0 !important;
    height: auto !important;
    padding: 32px 38px 34px !important;
}

/* Nummeret skal nå ligge normalt i kortet */
.motus-run-process > .wp-block-columns > .wp-block-column::before {
    position: static !important;
    display: block !important;
    margin: 0 0 14px !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

/* H5 */
.motus-run-process > .wp-block-columns > .wp-block-column h5 {
    margin: 0 0 9px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
}

/* Brødtekst */
.motus-run-process > .wp-block-columns > .wp-block-column p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Intro under hovedoverskriften */
.motus-run-process > h2 + p {
    max-width: 760px !important;
    margin: 0 0 28px !important;
    color: #555 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
/* ==================================================
   PÅMELDING / PRIS
   ================================================== */

.motus-run-signup {
    position: relative !important;
    overflow: hidden !important;

    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin: 40px auto 90px !important;
    padding: 65px 70px !important;

    background: #121212 !important;
    border-radius: 28px !important;
    color: #fff !important;

    box-shadow: 0 22px 55px rgba(0,0,0,.12) !important;
}

/* Liten tekst øverst */
.motus-run-signup > p:first-child {
    margin: 0 0 10px !important;

    color: #30E3BE !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* Overskrift */
.motus-run-signup h2 {
    margin: 0 0 12px !important;

    color: #fff !important;
    font-size: clamp(34px, 4vw, 52px) !important;
    font-weight: 800 !important;
    font-style: italic !important;
    line-height: 1 !important;
}

/* Vanlig tekst */
.motus-run-signup h2 + p {
    max-width: 680px !important;
    margin: 0 0 38px !important;

    color: rgba(255,255,255,.72) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* Prisene */
.motus-run-signup strong {
    color: #fff !important;
    font-weight: 800 !important;
}

/* Knapp */
.motus-run-signup .wp-block-button__link {
    margin-top: 18px !important;
    padding: 15px 30px !important;

    background: #D91278 !important;
    color: #fff !important;

    border-radius: 999px !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    font-style: italic !important;

    transition: transform .2s ease, opacity .2s ease !important;
}

.motus-run-signup .wp-block-button__link:hover {
    transform: translateY(-2px) !important;
    opacity: .92 !important;
}

/* Dekor i høyre hjørne */
.motus-run-signup::after {
    content: "" !important;
    position: absolute !important;
    width: 330px !important;
    height: 330px !important;
    right: -150px !important;
    top: -170px !important;

    background: #30E3BE !important;
    border-radius: 50% !important;
    opacity: .10 !important;
    pointer-events: none !important;
}

/* MOBIL */
@media (max-width: 800px) {
    .motus-run-signup {
        width: calc(100% - 40px) !important;
        margin: 30px auto 60px !important;
        padding: 45px 28px !important;
        border-radius: 22px !important;
    }

    .motus-run-signup h2 {
        font-size: 34px !important;
    }
}
/* ==================================================
   PÅMELDING – PRISER + INFO
   ================================================== */

.motus-run-signup .motus-run-prices {
    display: grid !important;
    grid-template-columns: 1.15fr .85fr 1.15fr !important;
    gap: 18px !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 32px 0 26px !important;

    align-items: stretch !important;
}

/* ALLE TRE KORT */
.motus-run-signup .motus-run-prices > .wp-block-column {
    position: relative !important;
    margin: 0 !important;
    padding: 24px 26px !important;

    border-radius: 18px !important;
    min-width: 0 !important;
    min-height: 155px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* =========================
   01 – EARLY BIRD
   ========================= */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(1) {
    background: #D91278 !important;
    border: 1px solid #D91278 !important;
}

/* =========================
   02 – ORDINÆR PRIS
   ========================= */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(2) {
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

/* =========================
   03 – FØR DU MELDER DEG PÅ
   ========================= */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(3) {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

/* VANLIG TEKST I KORTENE */

.motus-run-signup .motus-run-prices p {
    margin: 0 !important;
    color: rgba(255,255,255,.78) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}

/* PRIS */

.motus-run-signup .motus-run-prices p strong {
    display: block !important;
    margin-top: 7px !important;

    color: #fff !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    letter-spacing: -.03em !important;
    text-transform: none !important;
}

/* EARLY BIRD – større pris */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(1) p strong {
    font-size: 42px !important;
}

/* =========================
   INFOKORT
   ========================= */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(3) p {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    margin-bottom: 12px !important;
}

/* Listen */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(3) ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(3) li {
    position: relative !important;
    padding-left: 23px !important;
    margin: 7px 0 !important;

    color: rgba(255,255,255,.88) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* Turkis check */

.motus-run-signup .motus-run-prices > .wp-block-column:nth-child(3) li::before {
    content: "✓" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    color: #30E3BE !important;
    font-weight: 900 !important;
}

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

@media (max-width: 800px) {

    .motus-run-signup .motus-run-prices {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .motus-run-signup .motus-run-prices > .wp-block-column {
        min-height: auto !important;
        padding: 22px !important;
    }
}
/* ==================================================
   PÅMELDING – CTA
   ================================================== */

.motus-run-signup .motus-run-signup-cta {
    width: 100% !important;
    margin: 24px 0 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.motus-run-signup .motus-run-signup-cta .wp-block-button__link {
    width: 300px !important;
    max-width: 100% !important;
    padding: 15px 32px !important;
    border-radius: 999px !important;

    background: #D91278 !important;
    color: #fff !important;

    font-weight: 800 !important;
    font-style: italic !important;
    text-align: center !important;
}
/* Strammere avslutning på påmeldingsseksjonen */
.motus-run-signup {
    padding-bottom: 52px !important;
}

.motus-run-signup .motus-run-signup-cta {
    margin-top: 34px !important;
    margin-bottom: 0 !important;
}
/* ==================================================
   FAQ – VEIEN TIL SENTRUMSGATELØPET
   ================================================== */

.motus-run-faq {
    max-width: 920px !important;
    margin: 80px auto 70px !important;
    padding: 0 20px !important;
}

/* Liten tekst over overskriften */
.motus-run-faq > p:first-child {
    margin: 0 0 8px !important;
    color: #D91278 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* Overskrift */
.motus-run-faq > h2 {
    margin: 0 0 30px !important;
    color: #111 !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-style: italic !important;
}

/* Hvert spørsmål */
.motus-run-faq details {
    position: relative !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.035) !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

.motus-run-faq details:hover {
    border-color: #30E3BE !important;
}

/* Spørsmålet */
.motus-run-faq summary {
    position: relative !important;
    display: block !important;
    padding: 20px 65px 20px 22px !important;
    cursor: pointer !important;

    color: #111 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    list-style: none !important;
}

.motus-run-faq summary::-webkit-details-marker {
    display: none !important;
}

/* Rosa + til høyre */
.motus-run-faq summary::after {
    content: "+" !important;
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

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

    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;

    background: #D91278 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

/* Når spørsmålet er åpent */
.motus-run-faq details[open] {
    border-color: #30E3BE !important;
}

.motus-run-faq details[open] summary::after {
    content: "−" !important;
    background: #30E3BE !important;
    color: #111 !important;
}

/* Svaret */
.motus-run-faq details > *:not(summary) {
    margin-left: 22px !important;
    margin-right: 65px !important;
}

.motus-run-faq details > p {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    color: #555 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

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

    .motus-run-faq {
        margin: 55px auto 50px !important;
        padding: 0 18px !important;
    }

    .motus-run-faq > h2 {
        font-size: 31px !important;
        margin-bottom: 24px !important;
    }

    .motus-run-faq summary {
        padding: 18px 58px 18px 18px !important;
        font-size: 15px !important;
    }

    .motus-run-faq summary::after {
        right: 16px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .motus-run-faq details > *:not(summary) {
        margin-left: 18px !important;
        margin-right: 50px !important;
    }
}
/* FAQ – 2 kolonner på desktop */
@media (min-width: 801px) {

    .motus-run-faq {
        max-width: 1050px !important;
    }

    .motus-run-faq {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 16px !important;
        align-items: start !important;
    }

    /* Overskriftene skal gå over begge kolonnene */
    .motus-run-faq > p:first-child,
    .motus-run-faq > h2 {
        grid-column: 1 / -1 !important;
    }

    .motus-run-faq > h2 {
        margin-bottom: 30px !important;
    }

    /* FAQ-feltene */
    .motus-run-faq > details {
        width: 100% !important;
        margin-bottom: 14px !important;
    }
}
/* KUN gradering på hero – Sentrumsgateløpet */
.motus-sentrumslop .motus-run-hero .wp-block-cover__background {
    background: linear-gradient(
        90deg,
        rgba(5, 14, 13, 0.94) 0%,
        rgba(5, 14, 13, 0.82) 30%,
        rgba(5, 14, 13, 0.48) 52%,
        rgba(5, 14, 13, 0.16) 72%,
        rgba(5, 14, 13, 0.04) 100%
    ) !important;
    opacity: 1 !important;
}
/* Lysere gradering – KUN hero på innlegg 5085 */
body.postid-5085 .motus-run-hero .wp-block-cover__background {
    background: linear-gradient(
        90deg,
        rgba(5, 14, 13, 0.92) 0%,
        rgba(5, 14, 13, 0.78) 27%,
        rgba(5, 14, 13, 0.38) 48%,
        rgba(5, 14, 13, 0.10) 68%,
        rgba(5, 14, 13, 0.00) 100%
    ) !important;
    opacity: 1 !important;
}