@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap');

/* PocketWolves — Forest green #4a7c59 · Pine #3a6348 · Cream #F8F5F0 */
:root,
body.blogg {
    --blog-accent: #4a7c59;
    --blog-accent-2: #3a6348;
    --blog-bg: #fbf7f2;
    --blog-bg-soft: #f8f5f0;
    --blog-card: #f8f5f0;
    --blog-ink: #2c2c2c;
    --blog-muted: #5c6558;
    --blog-border: rgba(74, 124, 89, 0.35);
    --blog-on-accent: #ffffff;
    --blog-header-bg: #4a7c59;
    --blog-menu-bg: #3a6348;
    --blog-tag-bg: #4a7c59;
    --blog-more: #3a6348;
}

body.blogg.blogg-landing-page,
.blogg-landing-page {
    --blog-accent: #162c26;
    --blog-accent-2: #c9c3b7;
    --blog-bg: #162c26;
    --blog-bg-soft: #162c26;
    --blog-card: #f4eee6;
    --blog-ink: #162c26;
    --blog-muted: #162c26;
    --blog-border: #c4a35a;
    --blog-header-bg: transparent;
    --blog-menu-bg: #162c26;
    --blog-tag-bg: #f4eee6;
    --blog-more: #162c26;
    background-color: #162c26;
    background-image:
        linear-gradient(rgba(22, 44, 38, 0.62), rgba(22, 44, 38, 0.74)),
        url('/assets/img/hero-skog.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #f4eee6;
}

body.blogg.blogg-landing-page .blog-header--landing {
    background-color: #162c26;
    background-image:
        linear-gradient(rgba(22, 44, 38, 0.62), rgba(22, 44, 38, 0.74)),
        url('/assets/img/hero-skog.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: none;
}

body.blogg.blogg-landing-page .blog-header-top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
}

body.blogg.blogg-landing-page .blog-landing-brand {
    grid-column: 2;
    align-items: center;
    text-align: center;
}

body.blogg.blogg-landing-page .blog-header-actions {
    grid-column: 3;
    justify-self: end;
}

body.blogg.blogg-landing-page .blog-brand-name,
body.blogg.blogg-landing-page .blog-brand-tag,
body.blogg.blogg-landing-page .blog-nav-link,
body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover,
body.blogg.blogg-landing-page .blog-admin-menu-btn {
    color: #f4eee6;
}

body.blogg.blogg-landing-page .blog-nav-link.is-active,
body.blogg.blogg-landing-page .blog-nav-link:hover {
    border-bottom-color: #f4eee6;
}

body.blogg.blogg-landing-page .blog-nav-landing {
    justify-content: center;
    border-top-color: rgba(244, 238, 230, 0.22);
}

body.blogg.blogg-landing-page .blog-landing-brand .blog-brand-name {
    font-family: Cinzel, Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.12em;
}

body.blogg.blogg-landing-page .blog-landing-card,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-body,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media,
body.blogg.blogg-landing-page .blog-landing-card .blog-kort-media--empty,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side {
    background: #f4eee6 !important;
}

body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--main,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--side,
body.blogg.blogg-landing-page .blog-landing-card.blog-kort-card--break,
body.blogg.blogg-landing-page .blog-grid--landing-side .blog-kort-card--side,
body.blogg.blogg-article-page .blog-article {
    border: 3px solid #c4a35a !important;
    box-shadow: 0 0 0 1px rgba(255, 228, 170, 0.35), inset 0 1px 0 rgba(255, 240, 200, 0.4);
}

body.blogg.blogg-landing-page .blog-kort-tag {
    background: #f4eee6;
    color: #162c26;
}

body.blogg.blogg-landing-page .blog-kort-more {
    color: #2c2c2c;
}

body.blogg.blogg-landing-page .blog-admin-menu-btn {
    background: transparent;
    border-color: rgba(244, 238, 230, 0.4);
    color: #f4eee6;
}

body.blogg.blogg-landing-page .blog-admin-menu-panel {
    background: #162c26;
    border-color: rgba(255, 255, 255, 0.28);
}

body.blogg.blogg-landing-page .blog-footer {
    color: #f4eee6;
    border-top-color: rgba(244, 238, 230, 0.18);
}

body.blogg.blogg-article-page,
body.blogg.blogg-editor-page {
    background-color: #162c26;
    background-image:
        linear-gradient(rgba(22, 44, 38, 0.62), rgba(22, 44, 38, 0.74)),
        url('/assets/img/hero-skog.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #f4eee6;
}

body.blogg.blogg-article-page .blog-article,
body.blogg.blogg-editor-page .blog-editor,
body.blogg.blogg-editor-page .blog-input,
body.blogg.blogg-editor-page .blog-textarea {
    background: #f4eee6;
    color: #162c26;
}

body.auth-site {
    --blog-accent: #2c2c2c;
    --blog-accent-2: #2c2c2c;
    --blog-on-accent: #ffffff;
    background: #fbf7f2;
    --auth-solid: #fbf7f2;
    --auth-veil: rgba(251, 247, 242, 0.58);
    --auth-veil-2: rgba(248, 245, 240, 0.70);
    --auth-hero: url('/assets/img/hero-skog.png');
}

body.auth-site .auth-card,
body.auth-site .auth-partners {
    background: #f8f5f0;
    border: 3px solid #ebe6de !important;
    box-shadow: none;
}

body.auth-site .auth-brand-name {
    font-family: Cinzel, Georgia, 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.12em;
}

body.auth-site .auth-brand-name,
body.auth-site .auth-title,
body.auth-site .auth-field label,
body.auth-site .auth-remember,
body.auth-site .auth-brand-tag,
body.auth-site .auth-legal,
body.auth-site .auth-partner-desc,
body.auth-site .auth-links a,
body.auth-site .auth-partner-name,
body.auth-site .auth-partners-label,
body.auth-site .auth-submit {
    color: #2c2c2c !important;
}

body.auth-site .auth-field input {
    background: #fbf7f2 !important;
    color: #2c2c2c !important;
    border-color: rgba(44, 44, 44, 0.22);
}

body.auth-site .auth-field input:-webkit-autofill,
body.auth-site .auth-field input:-webkit-autofill:hover,
body.auth-site .auth-field input:-webkit-autofill:focus,
body.auth-site .auth-field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fbf7f2 inset !important;
    box-shadow: 0 0 0 1000px #fbf7f2 inset !important;
    -webkit-text-fill-color: #2c2c2c !important;
    caret-color: #2c2c2c;
    border-color: rgba(44, 44, 44, 0.22) !important;
    transition: background-color 99999s ease-out;
}

body.auth-site .auth-submit {
    background: #fbf7f2 !important;
    color: #2c2c2c !important;
    border: 1px solid rgba(44, 44, 44, 0.35);
}

body.auth-site .auth-submit:hover {
    background: #f4eee6 !important;
    border-color: #2c2c2c;
    filter: none;
}

body.auth-site .auth-field input:focus {
    border-color: #2c2c2c;
    box-shadow: 0 0 0 3px rgba(44, 44, 44, 0.12);
}

body.auth-site .auth-remember input {
    accent-color: #2c2c2c;
}