/*
 * Lagerboks – felles løft for sidene som fortsatt er bygd i WPBakery (2.14.0).
 * Gjelder sider med klassen lgbx-gammel (satt av Lagerboks_Ramme): alt som ikke har fått egen mal,
 * og ikke er veiviseren, kurven, kassen eller en produktside. Innholdet røres ikke; her rettes bare
 * knapper, tekststørrelse, lenker, meldingsbokser, blogg og «til toppen»-knappen, så sidene henger
 * sammen med den nye toppen og bunnen.
 */

body.lgbx-gammel {
    --gm-navy: #0b2239;
    --gm-ink: #111827;
    --gm-muted: #4b5563;
    --gm-line: #e3e8ef;
    --gm-bg: #f4f7fb;
    --gm-blue: #0077b6;
    --gm-blue-dark: #005f93;
    --gm-blue-soft: #e8f3fa;
}

/* ── Brødtekst ──────────────────────────────────────────────────────────── */

body.lgbx-gammel #theme-page .mk-text-block,
body.lgbx-gammel #theme-page .mk-single-content {
    color: var(--gm-ink);
    font-size: 16px;
    line-height: 1.65;
}

body.lgbx-gammel #theme-page .mk-text-block p,
body.lgbx-gammel #theme-page .mk-text-block li,
body.lgbx-gammel #theme-page .mk-single-content p,
body.lgbx-gammel #theme-page .mk-single-content li {
    font-size: 16px;
    line-height: 1.65;
}

body.lgbx-gammel #theme-page .mk-text-block h1,
body.lgbx-gammel #theme-page .mk-text-block h2,
body.lgbx-gammel #theme-page .mk-text-block h3,
body.lgbx-gammel #theme-page .mk-single-content h1,
body.lgbx-gammel #theme-page .mk-single-content h2,
body.lgbx-gammel #theme-page .mk-single-content h3 {
    color: var(--gm-navy);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
}

body.lgbx-gammel #theme-page .mk-text-block a:not(.mk-button),
body.lgbx-gammel #theme-page .mk-single-content a:not(.mk-button) {
    color: var(--gm-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.lgbx-gammel #theme-page .mk-text-block a:not(.mk-button):hover,
body.lgbx-gammel #theme-page .mk-single-content a:not(.mk-button):hover {
    color: var(--gm-blue-dark);
}

/* Sider med ren tekst rett i innholdet (vilkårene): samme brødtekst, og en lesbar linjelengde. */

body.lgbx-gammel #theme-page .theme-content > p,
body.lgbx-gammel #theme-page .theme-content > ul > li,
body.lgbx-gammel #theme-page .theme-content > ol > li {
    max-width: 80ch;
    color: var(--gm-ink);
    font-size: 16px;
    line-height: 1.65;
}

body.lgbx-gammel #theme-page .theme-content > h1,
body.lgbx-gammel #theme-page .theme-content > h2,
body.lgbx-gammel #theme-page .theme-content > h3 {
    margin-top: 1.6em;
    color: var(--gm-navy);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-transform: none;
}

body.lgbx-gammel #theme-page .theme-content > p a,
body.lgbx-gammel #theme-page .theme-content > ul a,
body.lgbx-gammel #theme-page .theme-content > ol a {
    color: var(--gm-blue);
    font-size: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── Knapper ────────────────────────────────────────────────────────────── */

body.lgbx-gammel #theme-page a.mk-button {
    min-height: 50px;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Teksten vises slik den er skrevet i innholdet (egennavn som «Avd. Oslo» må beholde store bokstaver). */
body.lgbx-gammel #theme-page a.mk-button .mk-button--text {
    text-transform: none;
}

body.lgbx-gammel #theme-page a.mk-button.mk-button--dimension-flat {
    border: 2px solid var(--gm-blue) !important;
    background-color: var(--gm-blue) !important;
    color: #fff !important;
}

body.lgbx-gammel #theme-page a.mk-button.mk-button--dimension-flat:hover {
    border-color: var(--gm-blue-dark) !important;
    background-color: var(--gm-blue-dark) !important;
}

body.lgbx-gammel #theme-page a.mk-button.mk-button--dimension-flat .mk-svg-icon {
    fill: currentColor !important;
}

body.lgbx-gammel #theme-page a.mk-button.mk-button--dimension-outline {
    border: 2px solid var(--gm-blue) !important;
    background-color: #fff !important;
    color: var(--gm-blue) !important;
}

body.lgbx-gammel #theme-page a.mk-button.mk-button--dimension-outline:hover {
    background-color: var(--gm-blue-soft) !important;
    color: var(--gm-blue-dark) !important;
}

/* Svarte «etiketter» over spalter (knapper uten lenke brukt som overskrift). */
body.lgbx-gammel #theme-page .mk-button--size-black a.mk-button,
body.lgbx-gammel #theme-page .mk-button--size-black2 a.mk-button {
    border: 0 !important;
    background-color: var(--gm-navy) !important;
    color: #fff !important;
}

body.lgbx-gammel #theme-page a.mk-button:focus-visible {
    outline: 3px solid #00b0f0;
    outline-offset: 3px;
}

/* ── Meldingsbokser ─────────────────────────────────────────────────────── */

body.lgbx-gammel #theme-page .vc_message_box {
    padding-top: 16px;
    padding-bottom: 16px;
    border: 0;
    border-radius: 12px;
    background-color: var(--gm-blue-soft);
    color: var(--gm-navy);
    font-size: 16px;
    line-height: 1.55;
}

body.lgbx-gammel #theme-page .vc_message_box p {
    color: var(--gm-navy);
    font-size: 16px;
}

body.lgbx-gammel #theme-page .vc_message_box .vc_message_box-icon {
    color: var(--gm-blue);
}

/* ── Blogg ──────────────────────────────────────────────────────────────── */

body.lgbx-gammel #theme-page .mk-blog-newspaper-item .blog-item-holder {
    overflow: hidden;
    border: 1px solid var(--gm-line);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(11, 34, 57, 0.08);
}

body.lgbx-gammel #theme-page .mk-blog-newspaper-item .the-title,
body.lgbx-gammel #theme-page .mk-blog-newspaper-item .the-title a {
    color: var(--gm-navy);
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
}

body.lgbx-gammel #theme-page .newspaper-social-share,
body.lgbx-gammel #theme-page .mk-blog-newspaper-item .newspaper-item-share {
    display: none;
}

body.lgbx-gammel.single-post #theme-page .mk-single-content {
    font-size: 17px;
    line-height: 1.7;
}

body.lgbx-gammel.single-post #theme-page .mk-single-content p,
body.lgbx-gammel.single-post #theme-page .mk-single-content li {
    font-size: 17px;
    line-height: 1.7;
}

/* ── «Til toppen»-knappen ───────────────────────────────────────────────── */

body.lgbx-ramme .mk-go-top {
    border-radius: 50%;
    background-color: var(--gm-navy, #0b2239);
}