/* ========== wpForo-kommentarer i artiklar (single post) ========== */
body.single-post .aka-wpforo-comment-area {
    background-color: var(--color-brand) !important;
    padding: 80px 0;
    margin-top: 40px;
    margin-bottom: 0 !important;
}
body.single-post .aka-wpforo-comment-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
body.single-post .aka-wpforo-comment-intro {
    margin-bottom: 40px;
    color: #fff;
}
body.single-post .aka-wpforo-comment-intro h2 {
    color: #fff !important;
    font-weight: 800;
    font-size: 32px;
    margin-bottom: 10px;
}
body.single-post .aka-wpforo-comment-intro p {
    font-size: 18px;
    opacity: 0.92;
    max-width: 860px;
}
body.single-post .aka-wpforo-comment-flex {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
body.single-post .aka-wpforo-main-card {
    flex: 2;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.1);
    min-height: 360px;
}
body.single-post .aka-wpforo-topic-wrap {
    padding: 26px;
    box-sizing: border-box;
}
body.single-post .aka-wpforo-sidebar {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
body.single-post .aka-wpforo-login-teaser {
    padding: 52px 22px;
    text-align: center;
}
body.single-post .aka-wpforo-login-teaser h4 {
    color: var(--h-dark);
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 10px;
}
body.single-post .aka-wpforo-login-sub {
    margin-top: 15px;
    font-size: 12px;
    color: #666;
}
body.single-post .aka-wpforo-login-sub a {
    color: var(--color-brand) !important;
    font-weight: 700;
    text-decoration: none;
}
body.single-post .aka-wpforo-missing-topic {
    padding: 34px 22px;
    text-align: center;
}
body.single-post .aka-wpforo-missing-topic h4 {
    color: var(--h-dark);
    font-weight: 800;
    margin-bottom: 10px;
}
body.single-post .aka-wpforo-quick-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
body.single-post .aka-wpforo-quick-links li {
    margin-bottom: 10px;
}
body.single-post .aka-wpforo-quick-links a {
    color: var(--h-dark);
    text-decoration: none;
    font-weight: 700;
}
body.single-post .aka-wpforo-quick-links a:hover {
    color: var(--color-brand);
}

@media (max-width: 980px) {
    body.single-post .aka-wpforo-comment-flex {
        flex-direction: column;
    }
    body.single-post .aka-wpforo-main-card,
    body.single-post .aka-wpforo-sidebar {
        width: 100%;
    }
    body.single-post .aka-wpforo-comment-area {
        padding: 50px 0;
        margin-bottom: 0 !important;
    }
    body.single-post .aka-wpforo-comment-intro h2 {
        font-size: 26px;
    }
}

/* Single post: ingen extra margin under #main-content (footer sitter tight).
 * VIKTIGT: Sätt INTE padding-bottom/margin-bottom på sista .et_pb_section här –
 * det skriver över Divi Theme Builder (turkos sektion + luft före footer). */
body.single-post #main-content {
    margin-bottom: 0 !important;
}

/*
 * Tom extra-sektion före global footer: i Builder ser du blå sektion + grön rad,
 * men på sajten blir höjden ofta 0px om raden saknar moduler.
 * Lägg CSS Class på den blå sektionen: aka-post-footer-spacer
 * (Advanced → CSS ID & Classes). Justera höjd via variabel om du vill.
 */
body.single-post #main-content .et_pb_section.aka-post-footer-spacer {
    --aka-post-footer-spacer-block: 48px;
    min-height: var(--aka-post-footer-spacer-block);
    padding-top: var(--aka-post-footer-spacer-block) !important;
    padding-bottom: var(--aka-post-footer-spacer-block) !important;
    box-sizing: border-box;
}

/* Vitt streck precis ovanför footer: Divi kan lägga margin/padding/border-top i footer-start */
body.single-post #main-footer,
body.single-post .footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* Footer legal links should use brand turquoise */
.custom-footer .f-legal-links a,
#main-footer .f-legal-links a,
#footer-bottom .f-legal-links a {
    color: var(--color-brand, #1abc9c) !important;
    font-weight: 700;
}

/*
 * Viktigt: Låt Divi’s egen padding/bakgrund vara kvar så att turkos bakgrund
 * sträcker sig runt våra vita kort.
 *
 * Om vi fortfarande ser en "vit linje" ska den normalt försvinna genom att
 * våra egna shortcode-wrappar inte lämnar margin/padding i botten.
 */
body.single-post #main-content .aka-share-box-article,
body.single-post #main-content .aka-article-engagement-stack,
body.single-post #main-content .aka-share-icons-only {
    margin-bottom: 0 !important;
}

/* Gatekeeper-login (kortkod [akalasi_kommentarer]) */
body.single-post .aka-login-embedded {
    text-align: center;
    max-width: 430px;
    margin: 0 auto;
}
body.single-post .aka-login-embedded h4 {
    color: var(--h-dark) !important;
    font-weight: 800 !important;
    font-size: 32px !important;
    margin-bottom: 8px !important;
}
body.single-post .aka-login-embedded > p {
    color: #4b5563;
    margin-bottom: 18px;
}
body.single-post .aka-social-login-wrap {
    margin: 18px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
body.single-post .aka-social-login-label {
    margin: 0 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
}
body.single-post .aka-social-login-wrap .the_champ_login_container {
    display: block !important;
    margin: 0 auto !important;
}
body.single-post .aka-login-separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 18px 0;
    color: #6b7280;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
body.single-post .aka-login-separator::before,
body.single-post .aka-login-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e5e7eb;
}
body.single-post .aka-login-separator span {
    padding: 0 10px;
}
body.single-post #aka-login-form p {
    text-align: left;
    margin-bottom: 14px;
}
body.single-post #aka-login-form label {
    display: block;
    font-weight: 700;
    margin-bottom: 6px;
    color: var(--h-dark);
}
body.single-post #aka-login-form input[type="text"],
body.single-post #aka-login-form input[type="email"],
body.single-post #aka-login-form input[type="password"] {
    width: 100% !important;
    height: 46px !important;
    padding: 0 15px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
    box-sizing: border-box;
}
body.single-post #aka-login-form .forgetmenot {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.single-post #aka-login-form .forgetmenot input {
    width: auto !important;
    height: auto !important;
}
body.single-post #aka-login-form #aka-login-submit {
    width: 100% !important;
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(91, 122, 189, 0.22) !important;
}
body.single-post #aka-login-form #aka-login-submit:hover {
    filter: brightness(0.96);
}
body.single-post .aka-login-modal .cf-turnstile,
body.single-post .aka-login-modal div[class*="turnstile"],
body.single-post #aka-login-form .cf-turnstile {
    margin: 14px 0 !important;
    display: flex;
    justify-content: center;
}
body.single-post .aka-register-footer {
    margin-top: 10px;
    color: #6b7280;
}
body.single-post .aka-register-footer a {
    color: var(--aka-auth-login-accent, #5b7abd) !important;
    font-weight: 700;
    text-decoration: none;
}
body.single-post .aka-register-footer a:hover {
    text-decoration: underline;
}

/* Gästläge för kommentarer: läs kommentarer + popup-login */
body.single-post .aka-comments-guest-wrap {
    max-width: 720px;
    margin: 0 auto;
}
body.single-post .aka-comments-guest-title {
    margin: 0 0 6px;
    font-size: 30px;
    font-weight: 800;
    color: var(--h-dark);
}
body.single-post .aka-comments-guest-sub {
    margin: 0 0 8px;
    color: #4b5563;
}
body.single-post .aka-comments-guest-count {
    margin: 0 0 16px;
    font-size: 13px;
    color: #6b7280;
    font-weight: 700;
}
body.single-post .aka-comments-preview-list {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    display: grid;
    gap: 10px;
}
body.single-post .aka-comments-preview-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 12px 14px;
}
body.single-post .aka-comments-preview-meta {
    margin: 0 0 6px;
    font-size: 12px;
    color: #6b7280;
}
body.single-post .aka-comments-preview-text {
    font-size: 14px;
    line-height: 1.5;
    color: #111827;
}
body.single-post .aka-comments-preview-empty {
    margin: 0 0 16px;
    color: #6b7280;
}
body.single-post .aka-open-login-modal {
    margin-top: 4px;
}
/* Kommentarsblock [aka_article_engagement] / [akalasi_kommentarer]: centrera i kolumnen (Divi kan annars krympa modulen) */
body.single-post .et_pb_code:has(.aka-article-engagement-stack) .et_pb_code_inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
body.single-post .aka-article-engagement-stack {
    display: block;
    width: 100%;
    max-width: 820px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    float: none !important;
    margin-bottom: 0 !important;
}
body.single-post .aka-article-engagement-stack .aka-comments-guest-wrap {
    max-width: 100%;
    margin-bottom: 0 !important;
}

body.single-post .aka-article-engagement-stack #comments,
body.single-post .aka-article-engagement-stack .comments-area {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

body.single-post .aka-login-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
    box-sizing: border-box;
}
body.single-post .aka-login-modal.is-open {
    display: flex !important;
}
body.single-post .aka-login-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(44, 62, 80, 0.5);
}
body.single-post .aka-login-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(520px, calc(100vw - 28px));
    max-height: calc(100vh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    background: #fff;
    padding: clamp(20px, 3vw, 28px) clamp(22px, 3.5vw, 34px) clamp(20px, 3vw, 26px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
    width: min(820px, calc(100vw - 40px));
    padding-top: clamp(18px, 2.4vw, 22px);
    padding-bottom: clamp(18px, 2.4vw, 22px);
}

body.single-post .aka-login-modal__inner {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
    column-gap: clamp(20px, 3vw, 30px);
    row-gap: 4px;
    align-items: start;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-auth-brand,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__title,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__lead,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-register-footer {
    grid-column: 1 / -1;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__woo,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap {
    min-width: 0;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__woo {
    grid-column: 1;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap {
    grid-column: 2;
    align-self: stretch;
    margin: 0;
    padding: clamp(14px, 2vw, 18px) clamp(14px, 2vw, 18px) clamp(12px, 1.8vw, 16px);
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #f8fafc;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__lead {
    max-width: 56ch;
    margin-left: auto;
    margin-right: auto;
}

body.single-post .aka-login-modal__dialog .aka-auth-brand {
    margin: 0 0 6px;
    padding: 0;
    line-height: 1;
}
body.single-post .aka-login-modal__dialog .aka-auth-brand img,
body.single-post .aka-login-modal__dialog .aka-auth-brand svg {
    max-height: 26px;
    width: auto;
}
body.single-post .aka-login-modal__title {
    margin: 4px 0 2px;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center;
    color: var(--h-dark, #2c3e50) !important;
}
body.single-post .aka-login-modal__lead {
    margin: 0 0 12px;
    font-size: 0.85rem;
    line-height: 1.4;
    text-align: center;
    color: #64748b;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post .aka-login-modal__woo input.input-text,
body.single-post .aka-login-modal__woo input[type="text"],
body.single-post .aka-login-modal__woo input[type="password"],
body.single-post .aka-login-modal__woo input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    border: 1px solid #d9dee6 !important;
    background: #fff !important;
}
body.single-post .aka-login-modal__woo input.input-text:focus,
body.single-post .aka-login-modal__woo input[type="text"]:focus,
body.single-post .aka-login-modal__woo input[type="password"]:focus,
body.single-post .aka-login-modal__woo input[type="email"]:focus {
    border-color: var(--aka-auth-login-accent, #5b7abd) !important;
    box-shadow: 0 0 0 3px var(--aka-auth-login-ring, rgba(91, 122, 189, 0.28));
    outline: none;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-button,
body.single-post .aka-login-modal__woo form.woocommerce-form-login .button {
    background: var(--aka-auth-login-accent, #5b7abd) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 12px !important;
    font-weight: 700 !important;
    border: none !important;
    width: 100% !important;
    min-height: 0 !important;
    box-shadow: 0 4px 14px rgba(91, 122, 189, 0.22);
    text-transform: none !important;
    letter-spacing: normal !important;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-button:hover {
    background: var(--aka-auth-login-accent-hover, #4a6599) !important;
}
body.single-post .aka-login-modal__woo .woocommerce-form-login__submit {
    float: none !important;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-LostPassword {
    margin-bottom: 0 !important;
}
body.single-post .aka-login-modal__close.aka-auth-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: #f4f6f7;
    color: var(--h-dark, #2c3e50);
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0;
}
body.single-post .aka-login-modal__close.aka-auth-modal__close:hover {
    background: #e8ecec;
}
body.aka-modal-open {
    overflow: hidden;
}

/* Login-modal: kompaktare social-box, läsbar villkorstext */
body.single-post .aka-login-modal .aka-social-login-wrap .aka-auth-woo-label {
    margin: 0 0 4px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #6b7280;
    text-align: center;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_container,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_outer_login_container {
    margin: 0 !important;
    padding: 0 !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul {
    display: flex !important;
    flex-direction: column;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul li {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login {
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_text,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_div {
    margin: 6px 0 0 !important;
    padding: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
    text-align: left !important;
    word-break: normal;
    overflow-wrap: anywhere;
    white-space: normal !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_checkbox {
    margin: 0 6px 0 0 !important;
    vertical-align: middle;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_text a {
    color: var(--aka-auth-accent, #1abc9c);
    font-weight: 600;
    text-decoration: none;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_text a:hover {
    text-decoration: underline;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .form-row {
    margin: 0 0 10px !important;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login label {
    font-size: 0.82rem !important;
    margin-bottom: 4px !important;
}
body.single-post .aka-login-modal .aka-register-footer {
    margin: 14px 0 0;
    text-align: center;
    font-size: 0.85rem;
}

@media (max-width: 760px) {
    body.single-post .aka-login-modal {
        padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
    }
    body.single-post .aka-login-modal__dialog,
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
        width: min(100%, calc(100vw - 20px));
        max-height: calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        padding: 20px 18px 18px;
    }
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap {
        padding: 16px;
        gap: 10px;
    }
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__inner {
        display: block;
    }
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap {
        margin: 18px 0 0;
        padding: 16px;
    }
    body.single-post .aka-login-modal__title,
    body.single-post .aka-login-modal__lead {
        padding-left: 34px;
        padding-right: 34px;
    }
}

/* Artikelsida 2026: läslängd, fokus och luft (gäller bara single post) */
body.single #main-content .et_pb_column_2_3 .et_pb_post_content,
body.single #main-content .et_pb_column_3_4 .et_pb_post_content,
body.single .entry-content {
    max-width: 42em; /* bekväm läslängd för brödtext */
    line-height: 1.7;
}
body.single .entry-content a:focus-visible,
body.single .et_pb_post_content a:focus-visible {
    outline: 2px solid var(--color-brand);
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    body.single .aka-sidebar-btn:hover,
    body.single .aka-article-sidebar .aka-sidebar-btn:hover {
        transform: none;
    }
}

/* Tvinga artikeltexten att breda ut sig i hela kolumnen */
.single-post .et_pb_post_content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Säkerställ att texten är vänsterjusterad i sin container */
.single-post .et_pb_post_content > div {
    text-align: left !important;
}

/* ==========================================================================
   Single post hero (Divi): dynamisk kategorifärg via body-klass.
   Använd i Theme Builder: lägg CSS-klassen "aka-single-dynamic-hero" på sektionen/raden
   som innehåller Post Title-modulen.
   ========================================================================== */
body.single-post .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-brand, #1abc9c);
    --aka-single-hero-accent-2: var(--h-dark, #2c3e50);
    background: linear-gradient(135deg, var(--aka-single-hero-accent-2) 0%, var(--aka-single-hero-accent) 100%) !important;
    border-radius: 0;
    padding: 42px 34px !important;
    box-shadow: none;
    color: #fff;
}
body.single-post .aka-single-dynamic-hero .et_pb_post_title h1,
body.single-post .aka-single-dynamic-hero .et_pb_title_container h1,
body.single-post .aka-single-dynamic-hero h1 {
    color: #fff !important;
    font-weight: 800 !important;
}
body.single-post .aka-single-dynamic-hero .et_pb_post_title .post-meta,
body.single-post .aka-single-dynamic-hero .et_pb_title_meta_container,
body.single-post .aka-single-dynamic-hero .et_pb_post_title .post-meta a {
    color: rgba(255, 255, 255, 0.92) !important;
}
body.single-post .aka-single-dynamic-hero .et_pb_module_inner,
body.single-post .aka-single-dynamic-hero .et_pb_post_title,
body.single-post .aka-single-dynamic-hero .et_pb_title_container {
    background: transparent !important;
}
/* Fallback: om CSS-klassen inte satts i Divi, färga första sektion som BARA har titel (ej Post Content i samma sektion — annars blir hela brödtexten på grön gradient). */
body.single-post #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-brand, #1abc9c);
    --aka-single-hero-accent-2: var(--h-dark, #2c3e50);
    background: linear-gradient(135deg, var(--aka-single-hero-accent-2) 0%, var(--aka-single-hero-accent) 100%) !important;
    border-radius: 0;
    box-shadow: none;
    padding: 42px 34px !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
}
body.single-post #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) .et_pb_post_title h1,
body.single-post #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) .et_pb_post_title .post-meta,
body.single-post #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) .et_pb_post_title .post-meta a {
    color: #fff !important;
}
body.single-post .aka-single-dynamic-hero .et_pb_row,
body.single-post #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) .et_pb_row {
    width: 100%;
}
body.single-post.aka-single-pillar-allmant-fakta #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-brand, #1abc9c);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 74%, var(--color-brand, #1abc9c));
}
body.single-post.aka-single-pillar-behandling #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-treat, #f39c12);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-treat, #f39c12));
}
body.single-post.aka-single-pillar-diagnos-symptom #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-disease, #e74c3c);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-disease, #e74c3c));
}
body.single-post.aka-single-pillar-forskning #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-research, #2980b9);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-research, #2980b9));
}
body.single-post.aka-single-pillar-mat-kost #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-food, #27ae60);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-food, #27ae60));
}
body.single-post.aka-single-pillar-berattelser #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-family, #e67e22);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-family, #e67e22));
}
body.single-post.aka-single-pillar-livsstil #main-content .et_pb_section:first-of-type:has(.et_pb_post_title):not(:has(.et_pb_post_content)) {
    --aka-single-hero-accent: var(--color-tool, #8e44ad);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-tool, #8e44ad));
}

body.single-post.aka-single-pillar-allmant-fakta .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-brand, #1abc9c);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 74%, var(--color-brand, #1abc9c));
}
body.single-post.aka-single-pillar-behandling .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-treat, #f39c12);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-treat, #f39c12));
}
body.single-post.aka-single-pillar-diagnos-symptom .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-disease, #e74c3c);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-disease, #e74c3c));
}
body.single-post.aka-single-pillar-forskning .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-research, #2980b9);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-research, #2980b9));
}
body.single-post.aka-single-pillar-mat-kost .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-food, #27ae60);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-food, #27ae60));
}
body.single-post.aka-single-pillar-berattelser .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-family, #e67e22);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-family, #e67e22));
}
body.single-post.aka-single-pillar-livsstil .aka-single-dynamic-hero {
    --aka-single-hero-accent: var(--color-tool, #8e44ad);
    --aka-single-hero-accent-2: color-mix(in srgb, var(--h-dark, #2c3e50) 70%, var(--color-tool, #8e44ad));
}

@media (max-width: 980px) {
    body.single-post .aka-single-dynamic-hero {
        border-radius: 0;
        padding: 28px 20px !important;
    }
}

/* =============================================================================
   Single blog post only (body.single-post): sidomeny-kort + kolumnordning.
   Isolerat från WooCommerce (.single-product), forum, arkiv och övriga .single-*.
   Theme Builder: ~66/33-rad, Post Content vänster, moduler med .aka-sidebar-card höger.
   ============================================================================= */
body.single-post .aka-sidebar-card {
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(148, 163, 184, 0.2);
    padding: var(--aka-sidebar-padding, 20px);
    margin-bottom: 0;
}

body.single-post .et_pb_column .aka-sidebar-card + .aka-sidebar-card {
    margin-top: 1.25rem;
}

@media (min-width: 981px) {
    /* Tvinga rad-läge om Divi/TB satt row-reverse eller liknande */
    body.single-post #main-content .et_pb_section .et_pb_row {
        flex-direction: row !important;
    }

    /*
     * Kolumn med .aka-sidebar-card ska alltid vara till höger (order 2).
     * Systerkolumn utan .aka-sidebar-card = innehåll till vänster (order 1).
     */
    body.single-post #main-content .et_pb_row:has(.aka-sidebar-card) > .et_pb_column:has(.aka-sidebar-card) {
        order: 2;
    }
    body.single-post #main-content .et_pb_row:has(.aka-sidebar-card) > .et_pb_column:not(:has(.aka-sidebar-card)) {
        order: 1;
    }
}

/* Header & Nav */
.aka-dynamic-nav-row {
    background-color: var(--color-brand) !important;
    transition: background-color 0.4s ease, border-top 0.4s ease;
    border-top: 4px solid transparent;
}

/* Sökfunktion */
.aka-search-results-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    z-index: 999999;
    display: none;
    max-height: 450px;
    overflow-y: auto;
}
.aka-res-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    text-decoration: none !important;
    transition: background 0.2s;
}
.aka-res-row:hover { background: rgba(26, 188, 156, 0.05); }
.aka-highlight {
    background: rgba(26, 188, 156, 0.2);
    border-radius: 2px;
    font-weight: 700;
}
.aka-res-badge {
    min-width: 90px;
    text-align: center;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;
}

/* Hero-badges ovanför titel (RESURSCENTER + liten kategori-/textikonruta) */
.aka-hero-badges {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 14px;
}

.aka-hero-badges .aka-res-badge {
    min-width: auto; /* gör "textikonrutan" smalare än standard-badgen */
}

.aka-hero-badge-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1em;
    line-height: 1;
    margin-right: 0.35em;
}
.bg-sjukdom { background: var(--color-disease); }
.bg-behandling { background: var(--color-treat); }
.bg-vard { background: var(--color-care); }
.bg-kost { background: var(--color-food); }
.bg-anatomi { background: var(--color-anat); }
.bg-tool { background: var(--color-tool); }
.bg-artikel { background: var(--color-brand, #1ABC9C) !important; color: #fff !important; }
/* Butiksprodukter – egen färg och tydligare markering */
.bg-product { background: var(--color-product); }
.chip-product { background: var(--color-product); color: #fff; }
.border-product { border-color: var(--color-product); }
/* Header live-sök: grå fallback utan !important så att .tag-article etc. (med !important) vinner */
#aka-global-header .aka-results-box .res-tag,
.aka-results-box .aka-res-row .res-tag {
    background: #95A5A6;
    color: #fff;
}
/* Kategoribadges: !important på dessa så att de alltid slår fallback-grå ovan */
#aka-global-header .aka-results-box .aka-res-row .res-tag[class*="tag-sjukdom"],
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-sjukdom,
.aka-results-box .aka-res-row .res-tag[class*="tag-sjukdom"],
.aka-results-box .aka-res-row .res-tag.tag-sjukdom { background: #E74C3C !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-behandling,
.aka-results-box .aka-res-row .res-tag.tag-behandling { background: #F39C12 !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-rights,
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-vard,
.aka-results-box .aka-res-row .res-tag.tag-rights,
.aka-results-box .aka-res-row .res-tag.tag-vard { background: #2874A6 !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-diet,
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-kost,
.aka-results-box .aka-res-row .res-tag.tag-diet,
.aka-results-box .aka-res-row .res-tag.tag-kost { background: #27AE60 !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-anat,
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-tool,
.aka-results-box .aka-res-row .res-tag.tag-anat,
.aka-results-box .aka-res-row .res-tag.tag-tool { background: #8E44AD !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-forum,
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-info,
.aka-results-box .aka-res-row .res-tag.tag-forum,
.aka-results-box .aka-res-row .res-tag.tag-info { background: #F1C40F !important; color: #333 !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-page,
.aka-results-box .aka-res-row .res-tag.tag-page { background: #95A5A6 !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag[class*="tag-article"],
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-article,
.aka-results-box .aka-res-row .res-tag[class*="tag-article"],
.aka-results-box .aka-res-row .res-tag.tag-article { background: var(--color-brand, #1ABC9C) !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-dict,
.aka-results-box .aka-res-row .res-tag.tag-dict { background: var(--color-brand, #1ABC9C) !important; color: #fff !important; }
#aka-global-header .aka-results-box .aka-res-row .res-tag.tag-product,
.aka-results-box .aka-res-row .res-tag.tag-product,
.aka-res-row.aka-product .res-tag { background: var(--color-product, #232f3e) !important; color: #fff !important; }

/* Mobil-sök ska aldrig synas på desktop (undvik dubbel sök under brödsmulor) */
@media (min-width: 1181px) {
    #akaMobSearchContainer { display: none !important; }
}

/* Dölj scope-rader på desktop utom i sök-flyouten (#aka-search-scope-desktop) */
@media (min-width: 1181px) {
    #aka-global-header .aka-search-scope:not(#aka-search-scope-desktop) { display: none !important; }
    #aka-search-scope-desktop.aka-search-scope { display: flex !important; }
}

/* Header full bredd — utom när context-rail är aktiv (aka-22 återställer kanalen) */
body:not(.aka-context-nav-enabled) #aka-global-header {
    width: 100vw !important; max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important; margin-right: 0 !important;
    margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
    box-sizing: border-box !important;
}
#aka-global-header .aka-top-utility { margin-top: 0 !important; }
#aka-global-header .aka-breadcrumbs-bar { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* När headern från fil: ta bort body-margin så inget vitt ovanför (Opera/Chrome) */
body.aka-header-from-file { margin-top: 0 !important; padding-top: 0 !important; }
html:has(body.aka-header-from-file) { margin: 0 !important; padding: 0 !important; }

/* När headern kommer från fil: dölj Divi Theme Builder-header (en header, inte dubbel på artiklar) */
body.aka-header-from-file #main-header,
body.aka-header-from-file .et_pb_section.et_pb_section_header,
body.aka-header-from-file .et_pb_header,
body.aka-header-from-file .et-l-header,
/* Hoppa över: dölj inte första sektionen i #page-container – det är ofta sidans innehåll (t.ex. startsidan), inte bara Divi-header. */

/* Undvik synligt streck i headern när sökresultat visas (ingen extra kantlinje) */
.aka-search-wrapper { outline: none !important; }
.aka-search-wrapper:focus,
.aka-search-wrapper:focus-within { outline: none !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }

/* Sökknapp i header: ikonstil utan grön bubbla */
.aka-lower-bar .aka-search-submit,
.aka-search-submit {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--color-brand, #1ABC9C) !important;
    min-width: 28px !important;
    min-height: 28px !important;
}
.aka-search-submit svg { display: block !important; width: 14px !important; height: 14px !important; fill: currentColor !important; }
.aka-search-submit::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79L20 21.5 21.5 20zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79L20 21.5 21.5 20zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.aka-search-submit:has(svg)::before { display: none; }
.aka-search-submit:empty::after { content: '' !important; display: none !important; }

.aka-res-row.aka-product,
.aka-res-row.product {
    border-left: 4px solid var(--color-product, #232f3e);
    font-weight: 600;
    background: rgba(35, 47, 62, 0.04);
}
.aka-res-row.aka-product .aka-res-badge,
.aka-res-row.product .aka-res-badge {
    background: var(--color-product, #232f3e);
    font-weight: 800;
}
/* Kategorichips i header (Butik-scope): synlig färg även om CSS load-order skiljer */
#aka-search-area-desktop.aka-scope-shop .aka-context-filter-chip.active,
.aka-mob-search-container.aka-scope-shop .aka-context-filter-chip.active {
    background: var(--color-product, #232f3e) !important;
    color: #fff !important;
    border-color: var(--color-product, #232f3e) !important;
}

/* CTA Forum-knapp */
.aka-forum-cta {
    background: var(--color-brand) !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    transition: transform 0.2s;
}
.aka-forum-cta:hover { transform: scale(1.05); }

/* Nyheter & Artiklar-forumet: använd samma blå som forskningskategorin på artikelsidan */
.aka-forum-cta-artiklar {
    background: #4a7ba1 !important;
}

/* ========== wpForo – Akalasi.se känsla (layout, brödsmulor, rubrikbarer, rader, knappar) ========== */
/* Mindre vitt tomrum under global header / Divi (functions.php: body.aka-page-wpforo) */
body.aka-page-wpforo #page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-wpforo #main-content,
body.aka-page-wpforo #main-content .container,
body.aka-page-wpforo #left-area,
body.aka-page-wpforo article {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-wpforo #main-content .container,
body.aka-page-wpforo #main-content .et_pb_row,
body.aka-page-wpforo #main-content .et-l--body,
body.aka-page-wpforo #left-area {
    width: 100% !important;
    max-width: min(100%, 1680px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Context OS: forum fyller ytan mellan rail och högerkant (ej centrerad 1680px-ruta) */
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #page-container,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #main-content,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #main-content .container,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #main-content .et_pb_row,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #main-content .et-l--body,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #left-area,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #wpforo,
body.aka-context-nav-enabled:is(.aka-page-wpforo, .wpforo) #wpforo #wpforo-wrap {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.aka-page-wpforo #main-content .container {
    padding-left: clamp(14px, 2.2vw, 28px) !important;
    padding-right: clamp(14px, 2.2vw, 28px) !important;
}
body.aka-page-wpforo #sidebar,
body.aka-page-wpforo #main-content .container::before {
    display: none !important;
}
body.aka-page-wpforo #left-area {
    float: none !important;
    width: 100% !important;
    padding-right: 0 !important;
}
body.aka-page-wpforo #main-content .et_pb_section:first-of-type,
body.aka-page-wpforo #main-content .et_pb_row:first-of-type {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Övergripande: sajtens typsnitt och luft */
#wpforo #wpforo-wrap {
    font-family: var(--aka-font, 'Open Sans', sans-serif) !important;
    padding: 6px 0 16px !important;
    --aka-wpf-community-accent: #5d4e37;
    --aka-wpf-tool-accent: #9a5b2e;
    --bakgrundsfarg-2: var(--color-brand-bg, #e0f2f1);
}

/* Brödsmulor – diskreta, länkfärg sajtens turkos */
#wpforo #wpforo-wrap .wpf-breadcrumb {
    display: none !important;
}
#wpforo #wpforo-wrap .wpf-breadcrumb a {
    color: var(--color-brand, #1abc9c) !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

/* Kategori-rubrikbarer – standard turkos; knappar/ikoner alltid läsbara på färgad bakgrund */
#wpforo #wpforo-wrap .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 12px 20px !important;
    border: 1px solid rgba(26, 188, 156, 0.28) !important;
}
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-secondary,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button i,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button .wpf-button-icon {
    color: var(--h-dark, #2c3e50) !important;
}
#wpforo #wpforo-wrap .wpf-head-bar-left {
    color: var(--h-dark, #2c3e50) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Huvudkategori (slug på .aka-wpf-cat-section – se functions.php) – rubrikfält per färgtema */
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-forskning-akalasi-dysfagi .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-kunskap-medicin .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-livet-med-akalasi .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-stod .wpf-head-bar,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-narstaende .wpf-head-bar,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-mat-nutrition-recept .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-community-webbplats .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-nyheter-artiklar .wpf-head-bar {
    background-color: var(--bakgrundsfarg-2) !important;
}

/* Forumrader (vita boxar) – enhetlig kant, hover */
#wpforo #wpforo-wrap .wpf-forum-item {
    border: 1px solid #edf2f2 !important;
    background: #fff !important;
    margin-bottom: -1px !important;
    transition: background 0.2s ease !important;
}
#wpforo #wpforo-wrap .wpf-forum-item:hover {
    background-color: #f8fbfb !important;
}

/* Ikoner – lätt dämpning; färg per kategori sätts i kategoristyring nedan */
#wpforo #wpforo-wrap .wpf-forum-icon i {
    opacity: 0.9 !important;
}

/* Knappar (Nytt ämne, Logga in) – Akalasi-stil */
#wpforo #wpforo-wrap .wpf-button,
#wpforo #wpforo-wrap .wpf-button-secondary {
    background-color: var(--color-brand, #1abc9c) !important;
    border-radius: var(--aka-radius-btn, 50px) !important;
    padding: 8px 25px !important;
    font-weight: 700 !important;
    border: none !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    color: #fff !important;
}
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-secondary {
    background-color: var(--color-brand, #1abc9c) !important;
    color: #fff !important;
    border: none !important;
}
#wpforo #wpforo-wrap .wpf-button a,
#wpforo #wpforo-wrap .wpf-button-secondary a,
#wpforo #wpforo-wrap .wpf-button a:visited,
#wpforo #wpforo-wrap .wpf-button-secondary a:visited,
#wpforo #wpforo-wrap .wpf-button a:hover,
#wpforo #wpforo-wrap .wpf-button-secondary a:hover {
    color: #fff !important;
    text-decoration: none !important;
}
#wpforo #wpforo-wrap .wpf-button *,
#wpforo #wpforo-wrap .wpf-button-secondary *,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button *,
#wpforo #wpforo-wrap .wpf-head-bar .wpf-button-secondary * {
    color: #fff !important;
    fill: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
#wpforo #wpforo-wrap .wpf-button i,
#wpforo #wpforo-wrap .wpf-button-secondary i {
    color: #fff !important;
}
#wpforo #wpforo-wrap .wpf-button:hover,
#wpforo #wpforo-wrap .wpf-button-secondary:hover {
    background-color: #16a085 !important;
}
#wpforo #wpforo-wrap .wpf-button:focus-visible,
#wpforo #wpforo-wrap .wpf-button-secondary:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 2px;
}

/* Sökfält */
#wpforo #wpf-forum-search input[type="text"],
#wpforo .wpf-search-form input[type="text"] {
    border-radius: var(--aka-radius-btn, 50px) !important;
    border: 1px solid #ddd !important;
    padding: 10px 20px !important;
}

/* Rubrik och beskrivning i forumlistan */
#wpforo #wpforo-wrap .wpf-forum-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--h-dark, #2c3e50) !important;
}
#wpforo #wpforo-wrap .wpf-forum-description {
    color: #777 !important;
    line-height: 1.5 !important;
    margin-top: 5px !important;
}

/* Forum auth (logga in/registrera): visuellt nära sajtens egna auth-kort */
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-login-wrap,
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap,
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-spp-wrap {
    max-width: 880px;
    margin: 20px auto;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--aka-auth-border, #e2e8e8);
    border-radius: 18px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-login-wrap input[type="text"],
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-login-wrap input[type="password"],
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap input[type="text"],
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap input[type="password"],
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap input[type="email"] {
    width: 100%;
    border: 1px solid #dbe4e4 !important;
    border-radius: 50px !important;
    background: #fff !important;
    min-height: 48px;
    padding: 10px 18px !important;
    color: var(--h-dark, #2c3e50);
}
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-login-wrap input:focus,
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap input:focus {
    border-color: var(--color-brand, #1abc9c) !important;
    box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.15) !important;
    outline: none !important;
}
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-login-wrap .wpf-button,
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-register-wrap .wpf-button,
body.aka-page-wpforo #wpforo #wpforo-wrap .wpf-spp-wrap .wpf-button {
    min-height: 46px;
    border-radius: 50px !important;
    font-weight: 800 !important;
}

@media (max-width: 768px) {
    #wpforo #wpforo-wrap .wpf-head-bar {
        padding: 10px !important;
    }
    body.aka-page-wpforo #main-content .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #wpforo #wpforo-wrap {
        padding: 4px 0 10px !important;
    }
}

/* wpForo – Kategoristyring: ikon och vänsterkant per sektion. Slug = forum-slug; wrapper .aka-wpf-cat-section i functions.php */
/* Bas – undvik [class*="wpf-cat-"] (träffar .wpf-cat-forums och ger fel kaskad) */
#wpforo #wpforo-wrap .aka-wpf-cat-section .wpf-forum-title {
    color: var(--color-rights, #2c3e50) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section .wpf-forum-item {
    border-left: 3px solid var(--color-brand, #1abc9c) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section .wpf-forum-icon i {
    color: var(--color-brand, #1abc9c) !important;
}

/* 1. Kunskap & Medicin (#1abc9c) */
#wpforo #wpforo-wrap .wpf-cat-diagnos-symtom .wpf-forum-icon i { color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-diagnos-symtom .wpf-forum-item { border-left-color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-behandlingar-operationer .wpf-forum-icon i { color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-behandlingar-operationer .wpf-forum-item { border-left-color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-forskning-akalasi-dysfagi .wpf-forum-icon i { color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-forskning-akalasi-dysfagi .wpf-forum-item { border-left-color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-medicinska-studier-ron .wpf-forum-icon i { color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-medicinska-studier-ron .wpf-forum-item { border-left-color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-kliniska-studier-pagaende .wpf-forum-icon i { color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-kliniska-studier-pagaende .wpf-forum-item { border-left-color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-teknisk-utveckling-vard .wpf-forum-icon i { color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .wpf-cat-teknisk-utveckling-vard .wpf-forum-item { border-left-color: var(--color-research, #2980b9) !important; }
/* Legacy slug */
#wpforo #wpforo-wrap .wpf-cat-kunskap-medicin .wpf-forum-icon i { color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-kunskap-medicin .wpf-forum-item { border-left-color: var(--color-brand, #1abc9c) !important; }

/* 2. Livet med Akalasi */
#wpforo #wpforo-wrap .wpf-cat-vardval-rattigheter .wpf-forum-icon i { color: var(--color-rights, #2c3e50) !important; }
#wpforo #wpforo-wrap .wpf-cat-vardval-rattigheter .wpf-forum-item { border-left-color: var(--color-rights, #2c3e50) !important; }
#wpforo #wpforo-wrap .wpf-cat-livsstil-med-akalasi .wpf-forum-icon i { color: var(--color-rights, #2c3e50) !important; }
#wpforo #wpforo-wrap .wpf-cat-livsstil-med-akalasi .wpf-forum-item { border-left-color: var(--color-rights, #2c3e50) !important; }
#wpforo #wpforo-wrap .wpf-cat-livet-med-akalasi .wpf-forum-icon i { color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .wpf-cat-livet-med-akalasi .wpf-forum-item { border-left-color: var(--color-brand, #1abc9c) !important; }

/* 3. Anhöriga & Närstående (#d35400) */
#wpforo #wpforo-wrap .wpf-cat-partners-sambor-stod .wpf-forum-icon i { color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-partners-sambor-stod .wpf-forum-item { border-left-color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-foraldrar-barn-svalljning .wpf-forum-icon i { color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-foraldrar-barn-svalljning .wpf-forum-item { border-left-color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-vanner-slakt-bemotande .wpf-forum-icon i { color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-vanner-slakt-bemotande .wpf-forum-item { border-left-color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-egenvard-for-anhoriga .wpf-forum-icon i { color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-egenvard-for-anhoriga .wpf-forum-item { border-left-color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-anhoriga-stod .wpf-forum-icon i { color: var(--color-forum-anhoriga, #d35400) !important; }
#wpforo #wpforo-wrap .wpf-cat-anhoriga-stod .wpf-forum-item { border-left-color: var(--color-forum-anhoriga, #d35400) !important; }

/* 4. Mat, Nutrition & Recept */
#wpforo #wpforo-wrap .wpf-cat-peg-sondmatning .wpf-forum-icon i { color: var(--color-food, #27ae60) !important; }
#wpforo #wpforo-wrap .wpf-cat-peg-sondmatning .wpf-forum-item { border-left-color: var(--color-food, #27ae60) !important; }
#wpforo #wpforo-wrap .wpf-cat-mat-nutrition-recept .wpf-forum-icon i { color: var(--color-food, #27ae60) !important; }
#wpforo #wpforo-wrap .wpf-cat-mat-nutrition-recept .wpf-forum-item { border-left-color: var(--color-food, #27ae60) !important; }
#wpforo #wpforo-wrap .wpf-cat-hjalpmedel-i-koket .wpf-forum-icon i { color: var(--aka-wpf-tool-accent, #9a5b2e) !important; }
#wpforo #wpforo-wrap .wpf-cat-hjalpmedel-i-koket .wpf-forum-item { border-left-color: var(--aka-wpf-tool-accent, #9a5b2e) !important; }
#wpforo #wpforo-wrap .wpf-cat-hjalpmedel .wpf-forum-icon i { color: var(--aka-wpf-tool-accent, #9a5b2e) !important; }
#wpforo #wpforo-wrap .wpf-cat-hjalpmedel .wpf-forum-item { border-left-color: var(--aka-wpf-tool-accent, #9a5b2e) !important; }

/* 5. Community & Webbplats */
#wpforo #wpforo-wrap .wpf-cat-feedback-felrapportering .wpf-forum-icon i { color: var(--aka-wpf-community-accent, #5d4e37) !important; }
#wpforo #wpforo-wrap .wpf-cat-feedback-felrapportering .wpf-forum-item { border-left-color: var(--aka-wpf-community-accent, #5d4e37) !important; }
#wpforo #wpforo-wrap .wpf-cat-community-webbplats .wpf-forum-icon i { color: var(--aka-wpf-community-accent, #5d4e37) !important; }
#wpforo #wpforo-wrap .wpf-cat-community-webbplats .wpf-forum-item { border-left-color: var(--aka-wpf-community-accent, #5d4e37) !important; }

/* wpfl-4: grå kategorirad, accent under (inte wpForo-blått överallt); tightare mot underforum */
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category {
    background: #eef1f3 !important;
    margin-bottom: 0 !important;
    padding: 10px 14px !important;
    border-bottom: 3px solid rgba(44, 62, 80, 0.18) !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category .cat-title {
    color: var(--h-dark, #2c3e50) !important;
    font-weight: 700 !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forums {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a {
    color: var(--h-dark, #2c3e50) !important;
    font-weight: 600 !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover {
    color: var(--color-brand, #1abc9c) !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat {
    color: #4a5568 !important;
    border-color: #cbd5e0 !important;
}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat sep {
    color: #718096 !important;
}

/* Accent under kategorititel + ikoncirklar per huvudsektion */
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-forskning-akalasi-dysfagi .wpforo-category { border-bottom-color: var(--color-research, #2980b9) !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-forskning-akalasi-dysfagi .wpf-cat-forum-list .wpf-circle {
    border-color: var(--color-research, #2980b9) !important;
    color: var(--color-research, #2980b9) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-kunskap-medicin .wpforo-category { border-bottom-color: var(--color-brand, #1abc9c) !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-kunskap-medicin .wpf-cat-forum-list .wpf-circle {
    border-color: var(--color-brand, #1abc9c) !important;
    color: var(--color-brand, #1abc9c) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-livet-med-akalasi .wpforo-category { border-bottom-color: var(--color-rights, #2c3e50) !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-livet-med-akalasi .wpf-cat-forum-list .wpf-circle {
    border-color: var(--color-rights, #2c3e50) !important;
    color: var(--color-rights, #2c3e50) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-stod .wpforo-category,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-narstaende .wpforo-category,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga .wpforo-category {
    border-bottom-color: var(--color-forum-anhoriga, #d35400) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-stod .wpf-cat-forum-list .wpf-circle,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga-narstaende .wpf-cat-forum-list .wpf-circle,
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-anhoriga .wpf-cat-forum-list .wpf-circle {
    border-color: var(--color-forum-anhoriga, #d35400) !important;
    color: var(--color-forum-anhoriga, #d35400) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-mat-nutrition-recept .wpforo-category { border-bottom-color: var(--color-food, #27ae60) !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-mat-nutrition-recept .wpf-cat-forum-list .wpf-circle {
    border-color: var(--color-food, #27ae60) !important;
    color: var(--color-food, #27ae60) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-community-webbplats .wpforo-category { border-bottom-color: var(--aka-wpf-community-accent, #5d4e37) !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-community-webbplats .wpf-cat-forum-list .wpf-circle {
    border-color: var(--aka-wpf-community-accent, #5d4e37) !important;
    color: var(--aka-wpf-community-accent, #5d4e37) !important;
}
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-nyheter-artiklar .wpforo-category { border-bottom-color: #4a7ba1 !important; }
#wpforo #wpforo-wrap .aka-wpf-cat-section.wpf-cat-nyheter-artiklar .wpf-cat-forum-list .wpf-circle {
    border-color: #4a7ba1 !important;
    color: #4a7ba1 !important;
}

/* Senaste inlägg / listor: bättre kontrast; varmare standardavatar (ersätter lila/neon) */
#wpforo #wpforo-wrap .wpforo-post-signature-content {
    border-top-color: rgba(44, 62, 80, 0.22) !important;
}
#wpforo #wpforo-wrap .wpf-spost-title p,
#wpforo #wpforo-wrap .wpf-spost-topic-recent-posts {
    color: #4a5568 !important;
}
#wpforo #wpforo-wrap a.wpf-spost-title-link {
    color: var(--h-dark, #2c3e50) !important;
}

/* Forum: högerspaltens rubrik ska aldrig kapas ("Senaste inlägg"). */
#wpforo #wpforo-wrap .wpf-right h2,
#wpforo #wpforo-wrap .wpf-right h3,
#wpforo #wpforo-wrap .wpf-right h4,
#wpforo #wpforo-wrap .wpf-right .wpf-spost-head,
#wpforo #wpforo-wrap .wpf-right .wpf-spost-head * {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
}

@media (min-width: 981px) {
    #wpforo #wpforo-wrap .wpf-right {
        min-width: 300px;
    }
}
#wpforo #wpforo-wrap .wpf-spost-avatar img.avatar,
#wpforo #wpforo-wrap .wpf-spost-avatar .avatar,
#wpforo #wpforo-wrap .wpforo-last-post-avatar img,
#wpforo #wpforo-wrap .wpforo-last-post-avatar .avatar,
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-users-avatars img {
    background-color: #c0392b !important;
    color: #fff !important;
}
#wpforo #wpforo-wrap .wpf-spost-avatar svg circle:first-of-type,
#wpforo #wpforo-wrap .wpforo-last-post-avatar svg circle:first-of-type {
    fill: #c45c32 !important;
}
#wpforo #wpforo-wrap .wpf-spost-avatar svg text,
#wpforo #wpforo-wrap .wpforo-last-post-avatar svg text {
    fill: #fff !important;
}

/* Z-index */
@media (max-width: 980px) {
    .et_pb_section { z-index: 10 !important; }
}
.et_pb_section { z-index: 10 !important; }
.et_pb_row { z-index: 11 !important; }
.aka-search-container { position: relative; z-index: 999999 !important; }
.aka-search-results-overlay { z-index: 1000000 !important; }

/* Tooltips */
.aka-tooltip {
    border-bottom: 2px dotted var(--color-brand, #1abc9c);
    cursor: help;
    font-weight: 700;
    color: #2c3e50;
    position: relative;
    text-decoration: none;
}
.aka-tooltip .aka-tooltip-text {
    visibility: hidden;
    width: 240px;
    background-color: #1abc9c;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 12px;
    position: absolute;
    z-index: 999;
    bottom: 135%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s, bottom 0.3s;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.aka-tooltip .aka-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #1abc9c transparent transparent transparent;
}
.aka-tooltip:hover .aka-tooltip-text {
    visibility: visible;
    opacity: 1;
    bottom: 125%;
}

/* Källruta (redan använd i butikslayout) */
.kall-ruta {
    background-color: #f9f9f9;
    border-left: 5px solid #1abc9c;
    padding: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-radius: 0 5px 5px 0;
    font-size: 0.9em;
}
.kall-ruta h3 {
    color: #1abc9c;
    margin-top: 0;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.kall-ruta ul {
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-bottom: 0;
}
.kall-ruta li { margin-bottom: 10px; }
.kall-ruta a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
.kall-ruta a:hover {
    color: #1abc9c;
    text-decoration: underline;
}

/* Global käll-/referenspanel (ersätter visuellt äldre .kall-ruta på faktasidor) */
/* Källruta: samma läsbredd som guide-innehåll (inte helskärmsbredd under fullbredds-layout) */
body.aka-faktasida .aka-fluid-container > .aka-reference-box {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
.aka-reference-box + .aka-las-vidare-outer,
.aka-reference-box + .aka-lv-footer-strip-outer {
    margin-top: 0;
    padding-top: 36px;
}
body.aka-page-mat-kostrad .aka-fluid-container .aka-reference-box.aka-reference-box--mat-legal {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.aka-reference-box {
    padding: 16px 18px;
    background: #f9fbfb;
    border-radius: 14px;
    border-left: 6px solid var(--color-disease, #e74c3c);
    margin-top: 28px;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}
.aka-reference-box h3 {
    margin: 0 0 10px;
    color: var(--h-dark, #2c3e50);
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.25;
}
.aka-reference-box .aka-ref-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.aka-reference-box .aka-ref-list--sources {
    gap: 5px;
}
.aka-reference-box .aka-ref-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
}
.aka-reference-box .aka-ref-icon {
    font-size: 14px;
    line-height: 1.35;
    flex-shrink: 0;
    margin-top: 1px;
}
.aka-reference-box .aka-ref-text {
    font-size: 13px;
    color: #333;
    line-height: 1.38;
}
.aka-reference-box .aka-ref-text a {
    color: var(--color-brand, #1abc9c);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    text-decoration-thickness: 1px;
}
.aka-reference-box .aka-ref-text a:hover {
    text-decoration-thickness: 2px;
}
.aka-reference-box .aka-ref-footer-cta {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

/* Källruta: externa länkar ska alltid öppnas i nytt fönster (sätt target="_blank" rel="noopener" i HTML) */

/* Medicin-sida: samma chip-rad och ankarrym som kirurgi */
body.aka-page-medicin .aka-medicin-section-anchor {
    scroll-margin-top: 100px;
}
body.aka-page-medicin .aka-medicin-jump-nav {
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 30px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
}
body.aka-page-medicin .aka-medicin-jump-label {
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    color: #64748b;
    margin-right: 4px;
}
body.aka-page-medicin .aka-medicin-jump-nav .aka-context-filter-chip:not(.active) {
    background: #fff;
}
body.aka-page-medicin .aka-medicin-lead {
    font-size: 1.05rem;
    line-height: 1.65;
    color: #555;
    margin: 0;
}
body.aka-page-medicin .aka-medicin-overview-heading {
    margin-top: 0;
    margin-bottom: 12px;
    color: #2c3e50;
    font-size: 1.4rem;
    font-weight: 700;
}
body.aka-page-medicin .aka-medicin-overview-card .card-badge {
    margin-bottom: 10px;
}
body.aka-page-medicin .aka-medicin-botox-warn {
    margin-top: 12px;
    margin-bottom: 0;
    color: #c0392b;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.45;
}
body.aka-page-medicin .aka-medicin-italic-note {
    margin-top: 15px;
    margin-bottom: 0;
    font-style: italic;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* FASS-ruta (återanvändbar; samma utformning som medicinsidan) */
body.aka-page-medicin .aka-fass-box--medicin {
    margin-top: 36px;
}
.aka-fass-box {
    padding: 20px 22px;
    border-radius: 14px;
    border: 1px solid #b2dfdb;
    background: linear-gradient(165deg, #f0fdfa 0%, #ecfdf5 55%, #e6fffa 100%);
    box-shadow: 0 4px 18px rgba(15, 118, 110, 0.08);
}
.aka-fass-box__head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}
.aka-fass-box__icon {
    flex-shrink: 0;
    line-height: 0;
}
.aka-fass-box__title {
    margin: 0 0 6px;
    font-size: 1.15rem;
    font-weight: 800;
    color: #115e59;
    letter-spacing: 0.02em;
}
.aka-fass-box__lede {
    margin: 0;
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.45;
}
.aka-fass-box__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}
.aka-fass-box__list li {
    margin: 0;
}
.aka-fass-box__link,
.aka-fass-box__home {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none !important;
    color: #0f766e !important;
    background: #fff;
    border: 1px solid #99f6e4;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.aka-fass-box__link:hover,
.aka-fass-box__link:focus-visible,
.aka-fass-box__home:hover,
.aka-fass-box__home:focus-visible {
    background: #ccfbf1;
    border-color: #2dd4bf;
    color: #0d4f4a !important;
}
.aka-fass-box__external {
    font-size: 0.85em;
    opacity: 0.85;
}
.aka-fass-box__foot {
    margin: 14px 0 0;
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.5;
}

/* Disclaimer för faktasidor (sjukdomsinfo, medicin) – liten text i botten */
.aka-disclaimer {
    margin-top: 24px;
    padding: 14px 18px;
    background: #f5f5f5;
    border-left: 4px solid #95a5a6;
    font-size: 0.85rem;
    color: #555;
    line-height: 1.5;
}

.aka-disclaimer strong { color: #333; }

.aka-disclaimer a { color: var(--color-brand, #1ABC9C); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.aka-disclaimer a:hover { opacity: 0.85; }

/* CTA-knapp i disclaimer (hjalpmedel + mat/kost) */
.aka-disclaimer-cta {
	margin: 0.85rem 0 0.95rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
	justify-content: center;
}

.aka-disclaimer-cta .rc-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 10px;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 0.9rem;
	color: #fff !important;
}

.aka-disclaimer-cta .aka-disclaimer-cta__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: 10px;
	text-decoration: none !important;
	font-weight: 700;
	font-size: 0.9rem;
	color: #2f4f63;
	background: #eef6f3;
	border: 1px solid #d3e8e1;
}

/* Hitta-vard CTA ska alltid använda vård-kategorifärgen */
a.rc-cta-btn[href*="hitta-vard"] {
	background: var(--color-care, #2874A6) !important;
	color: #fff !important;
}

/* Mat & Kost: "Viktig information" i samma referenspanel-mall (egen rubrik, CTA under) */
body.aka-page-mat-kostrad .aka-reference-box.aka-reference-box--mat-legal {
	margin-top: 1.6rem;
	margin-bottom: 2rem;
}
body.aka-page-mat-kostrad .aka-reference-box.aka-reference-box--mat-legal h3 {
	margin-bottom: 14px;
}
body.aka-page-mat-kostrad .aka-reference-box.aka-reference-box--mat-legal .aka-ref-text {
	font-size: 0.92rem;
	color: #4d6270;
}
body.aka-page-mat-kostrad .aka-reference-box.aka-reference-box--mat-legal .aka-ref-footer-cta {
	margin-top: 16px;
}

/* Mat & Kostråd: kortgrid, CTA under sektioner, disclaimer längst ned */
body.aka-page-mat-kostrad .aka-mat-kostrad-inner {
	max-width: 1000px;
	margin: 0 auto;
}

.aka-diet-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 24px;
    margin-bottom: 40px;
}
body.aka-page-mat-kostrad .aka-bridge-paragraph {
	margin: 4px 0 30px;
	color: #4e5f69;
	line-height: 1.75;
	font-size: 1.02rem;
}
body.aka-page-mat-kostrad .featured-article-card {
	margin-top: 20px;
	padding: clamp(1rem, 2.4vw, 1.25rem);
	border: 1px solid #d8ebe3;
	border-left: 4px solid var(--color-food, #27AE60);
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(22, 47, 36, 0.08);
}
body.aka-page-mat-kostrad .featured-article-card__label {
	display: inline-block;
	margin-bottom: 0.55rem;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1f7b48;
}
body.aka-page-mat-kostrad .featured-article-card__title {
	margin: 0 0 0.55rem;
	font-size: clamp(1.03rem, 2.1vw, 1.2rem);
	color: #2c3e50;
}
body.aka-page-mat-kostrad .featured-article-card__snippet {
	margin: 0 0 0.9rem;
	color: #50616d;
	line-height: 1.65;
}
body.aka-page-mat-kostrad .featured-article-card .rc-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 10px;
	background: var(--color-food, #27AE60) !important;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none !important;
}
@media (max-width: 768px) {
	body.aka-page-mat-kostrad .featured-article-card {
		margin-top: 16px;
	}
	body.aka-page-mat-kostrad .featured-article-card .rc-cta-btn {
		width: 100%;
	}
}
.diet-choice-card {
    display: flex;
    flex-direction: column;
    padding: 28px;
    border-radius: 16px;
    border: 1px solid #eee;
    background: #fff;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
    transition: transform 0.2s, box-shadow 0.2s;
}
.diet-choice-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.diet-choice-card .choice-icon { font-size: 2.5rem; margin-bottom: 12px; }
.diet-choice-card h3 { margin: 0 0 8px; font-size: 1.25rem; color: #2C3E50; }
.diet-choice-card p { margin: 0; color: #555; font-size: 0.95rem; flex: 1; }
.diet-card-cta {
    display: inline-block;
    margin-top: 16px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-brand, #1ABC9C);
}
.aka-article-card-cta { margin-top: 20px; }
.aka-article-card-cta .rc-cta-btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 0.9rem;
}
.aka-article-card-cta .rc-cta-btn.btn-brand { background: var(--color-brand, #1ABC9C) !important; }
.aka-article-card-cta .rc-cta-btn.theme-social-bg { background: #F39C12 !important; color: #fff !important; }

/* Två CTA på samma rad, lika breda (guide-sidor m.m.) */
.aka-article-card-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	align-items: stretch;
	margin-top: 20px;
	width: 100%;
	box-sizing: border-box;
}
.aka-article-card-cta-row .rc-cta-btn {
	flex: 1 1 0;
	min-width: min(100%, 200px);
	max-width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	font-size: 0.9rem;
	line-height: 1.2;
	min-height: 44px;
	box-sizing: border-box;
}
.aka-article-card-cta-row .rc-cta-btn.btn-brand { background: var(--color-brand, #1ABC9C) !important; }
.aka-article-card-cta-row .rc-cta-btn.theme-social-bg { background: #F39C12 !important; color: #fff !important; }

@media (max-width: 520px) {
	.aka-article-card-cta-row {
		flex-direction: column;
		align-items: stretch;
	}
	.aka-article-card-cta-row .rc-cta-btn {
		flex: 1 1 auto;
		min-width: 0;
		width: 100%;
	}
}

/* Mat & Kost: centrera CTA-knappen under info-korten */
body.aka-page-mat-kostrad .aka-article-card-cta {
	text-align: center;
}
/* Mat & Kost: anhöriga = mat-kostfärg, forum = forumfärg */
body.aka-page-mat-kostrad .aka-article-card-cta-row .rc-cta-btn.btn-brand {
	background: var(--color-food, #27AE60) !important;
	color: #fff !important;
}
body.aka-page-mat-kostrad .aka-article-card-cta-row .rc-cta-btn.theme-social-bg {
	background: #F39C12 !important;
	color: #fff !important;
}

/* Mat & Kost: utökad guide – konsistenstrappa + stödblock */
body.aka-page-mat-kostrad .aka-konsistenstrappa {
	margin-top: 22px;
	padding: clamp(1rem, 2.4vw, 1.25rem);
	background: #f3f9f6;
	border: 1px solid #d8ebe3;
	border-left: 4px solid var(--color-food, #27AE60);
	border-radius: 14px;
}

body.aka-page-mat-kostrad .aka-konsistenstrappa h4 {
	margin: 0 0 0.55rem;
	color: #2c3e50;
}

body.aka-page-mat-kostrad .aka-konsistenstrappa > p {
	margin: 0 0 0.65rem;
	color: #50616d;
}

body.aka-page-mat-kostrad .aka-konsistenstrappa__list {
	margin: 0;
	padding-left: 1.1rem;
}

body.aka-page-mat-kostrad .aka-konsistenstrappa__list li {
	margin-bottom: 0.5rem;
	color: #455965;
}

body.aka-page-mat-kostrad .aka-family-support-block {
	margin-top: 22px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

body.aka-page-mat-kostrad .aka-family-support-block__parents,
body.aka-page-mat-kostrad .aka-family-support-block__caregiver {
	background: #f8fcfb;
	border: 1px solid #d9efe7;
	border-radius: 12px;
	padding: clamp(0.95rem, 2.1vw, 1.2rem);
}

body.aka-page-mat-kostrad .aka-family-support-block__parents {
	border-top: 4px solid var(--color-food, #27AE60);
}

body.aka-page-mat-kostrad .aka-family-support-block__caregiver {
	border-top: 4px solid var(--color-food, #27AE60);
	display: flex;
	flex-direction: column;
}

body.aka-page-mat-kostrad .aka-family-support-block h4 {
	margin: 0 0 0.5rem;
	color: #2c3e50;
}

body.aka-page-mat-kostrad .aka-family-support-block p {
	margin: 0 0 0.65rem;
	color: #50616d;
}

body.aka-page-mat-kostrad .aka-family-support-block ul {
	margin: 0;
	padding-left: 1.1rem;
}

body.aka-page-mat-kostrad .aka-family-support-block li {
	margin-bottom: 0.4rem;
	color: #455965;
}

body.aka-page-mat-kostrad .aka-family-support-block__caregiver .rc-cta-btn {
	margin-top: auto;
	align-self: flex-start;
	background: var(--color-food, #27AE60) !important;
}

/* Mat & Kost: utökad medicinsk nutrition-guide */
body.aka-page-mat-kostrad .aka-nutrition-practical {
	margin-top: 22px;
	padding: clamp(1rem, 2.4vw, 1.25rem);
	background: #f3f9f6;
	border: 1px solid #d8ebe3;
	border-left: 4px solid var(--color-food, #27AE60);
	border-radius: 14px;
}

body.aka-page-mat-kostrad .aka-nutrition-practical h4 {
	margin: 0 0 0.6rem;
	color: #2c3e50;
}

body.aka-page-mat-kostrad .aka-nutrition-practical ul {
	margin: 0;
	padding-left: 1.1rem;
}

body.aka-page-mat-kostrad .aka-nutrition-practical li {
	margin-bottom: 0.48rem;
	color: #455965;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block {
	margin-top: 22px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block__parents,
body.aka-page-mat-kostrad .aka-nutrition-family-block__caregiver {
	background: #f8fcfb;
	border: 1px solid #d9efe7;
	border-radius: 12px;
	padding: clamp(0.95rem, 2.1vw, 1.2rem);
}

body.aka-page-mat-kostrad .aka-nutrition-family-block__parents {
	border-top: 4px solid var(--color-food, #27AE60);
}

body.aka-page-mat-kostrad .aka-nutrition-family-block__caregiver {
	border-top: 4px solid var(--color-food, #27AE60);
	display: flex;
	flex-direction: column;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block h4 {
	margin: 0 0 0.5rem;
	color: #2c3e50;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block p {
	margin: 0 0 0.65rem;
	color: #50616d;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block ul {
	margin: 0;
	padding-left: 1.1rem;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block li {
	margin-bottom: 0.4rem;
	color: #455965;
}

body.aka-page-mat-kostrad .aka-nutrition-family-block__caregiver .rc-cta-btn {
	margin-top: auto;
	align-self: flex-start;
	background: var(--color-food, #27AE60) !important;
}

/* Mat & Kost: nya anhörig-/föräldraknappar ska följa sajtens CTA-riktlinjer */
body.aka-page-mat-kostrad .aka-family-support-block__caregiver .rc-cta-btn,
body.aka-page-mat-kostrad .aka-nutrition-family-block__caregiver .rc-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 0.92rem;
	font-weight: 800;
	text-decoration: none !important;
	color: #fff !important;
	line-height: 1.2;
}

@media (max-width: 900px) {
	body.aka-page-mat-kostrad .aka-info-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	body.aka-page-mat-kostrad .aka-family-support-block {
		grid-template-columns: minmax(0, 1fr);
	}
	body.aka-page-mat-kostrad .aka-nutrition-family-block {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Mat & Kost: rc grid policy (inga 2+1 / 3+1 etc) */
/* 3 kort -> 3 i rad */
body.aka-page-mat-kostrad .rc-category-grid.rc-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 18px;
}

@media (max-width: 900px) {
	body.aka-page-mat-kostrad .rc-category-grid.rc-grid-3 {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Mat & Kost: låt rubriktext + kortikoner "andas" mer */
body.aka-page-mat-kostrad .aka-article-card[aria-label="Relaterade artiklar och forum"] > p {
	margin-bottom: 18px;
}

body.aka-page-mat-kostrad .aka-article-card[aria-label="Relaterade artiklar och forum"] .rc-card-header .rc-icon-circle {
	margin-bottom: 16px;
}

body.aka-page-mat-kostrad .aka-article-card[aria-label="Relaterade artiklar och forum"] .rc-card-header h3 {
	margin-top: 2px;
}

/* Små ikonbakgrunder för guidekort */
.rc-card .rc-icon-circle.bg-soft-brand {
	background: color-mix(in srgb, var(--color-brand, #1ABC9C) 14%, #ffffff);
	color: var(--color-brand, #1ABC9C);
}

.rc-card .rc-icon-circle.bg-soft-social {
	background: #fff6e3;
	color: #e6ab3a;
}

/* Divi featured image / banner: dölj på faktasidor – bilden finns kvar för delning (og:image) */
body.aka-faktasida .et_pb_post_featured_image,
body.aka-faktasida .et_pb_featured_image,
body.page-slug-vad-ar-akalasi .et_pb_post_featured_image,
body.page-slug-vad-ar-akalasi .et_pb_featured_image,
body.aka-faktasida .wp-post-image,
body.aka-faktasida .post-thumbnail,
body.page-slug-vad-ar-akalasi .wp-post-image,
body.page-slug-vad-ar-akalasi .post-thumbnail { display: none !important; }

/* Dölj featured image i article.has-post-thumbnail (WordPress utvald bild) på faktasidor – inte bilder inne i .entry-content */
body.aka-faktasida article.has-post-thumbnail .post-thumbnail,
body.page-slug-vad-ar-akalasi article.has-post-thumbnail .post-thumbnail,
body.aka-faktasida article.has-post-thumbnail > img,
body.page-slug-vad-ar-akalasi article.has-post-thumbnail > img,
body.aka-faktasida article.has-post-thumbnail > *:not(.entry-content) img,
body.page-slug-vad-ar-akalasi article.has-post-thumbnail > *:not(.entry-content) img { display: none !important; }

/* Faktasidor (shortcode-hero, första Divi-sektionen dold): vit glapp under header/brödsmulor kommer från Divi container/section – nolla överallt */
body.aka-faktasida #page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-faktasida #main-content,
body.aka-faktasida #main-content .container,
body.aka-faktasida #left-area,
body.aka-faktasida article {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-faktasida #main-content .et_pb_post_content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-faktasida #main-content .et_pb_section,
body.aka-faktasida #main-content .et_pb_row,
body.aka-faktasida #main-content .et_pb_column {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-faktasida .aka-fluid-container {
    padding-top: 0 !important;
}
body.aka-faktasida .aka-hero-wide {
    margin-top: 0 !important;
}

/* Dölj första Divi-sektionen (stor banner) på sidor som visar enbart shortcode-innehåll – ingen stor bild ovanför vår hero */
body.page-slug-vad-ar-akalasi #main-content .et_pb_section:first-of-type,
body.aka-page-symptom #main-content .et_pb_section:first-of-type,
body.aka-page-diagnos #main-content .et_pb_section:first-of-type,
body.aka-page-akalasi #main-content .et_pb_section:first-of-type,
body.aka-page-andra-sjukdomar #main-content .et_pb_section:first-of-type,
body.aka-page-mat-kostrad #main-content .et_pb_section:first-of-type,
body.aka-page-behandling #main-content .et_pb_section:first-of-type,
body.aka-page-ballongdilatation #main-content .et_pb_section:first-of-type,
body.aka-page-kirurgi #main-content .et_pb_section:first-of-type,
body.aka-page-medicin #main-content .et_pb_section:first-of-type,
body.aka-page-resurscenter #main-content .et_pb_section:first-of-type,
body.aka-page-nutritionisten #main-content .et_pb_section:first-of-type { display: none !important; }

/* Resurscenter + Nutritionisten: dölj lila banderoll (bilden hjalpmedel-akalasi-se-lila) */
body.aka-page-resurscenter img[src*="hjalpmedel-akalasi-se-lila"],
body.page-slug-resurscenter img[src*="hjalpmedel-akalasi-se-lila"],
body.aka-page-nutritionisten img[src*="hjalpmedel-akalasi-se-lila"],
body.page-slug-akalasi-nutritionisten img[src*="hjalpmedel-akalasi-se-lila"] { display: none !important; }
body.aka-page-resurscenter img[src*="hjalpmedel-akalasi-se-lila"]::before,
body.aka-page-resurscenter img[src*="hjalpmedel-akalasi-se-lila"]::after { display: none !important; }
/* Nutritionisten: dölj hela sektion/rad som innehåller banderollbilden (bild + brödtext) */
body.aka-page-nutritionisten .et_pb_section:has(img[src*="hjalpmedel-akalasi-se-lila"]),
body.page-slug-akalasi-nutritionisten .et_pb_section:has(img[src*="hjalpmedel-akalasi-se-lila"]),
body.aka-page-nutritionisten .et_pb_row:has(img[src*="hjalpmedel-akalasi-se-lila"]),
body.page-slug-akalasi-nutritionisten .et_pb_row:has(img[src*="hjalpmedel-akalasi-se-lila"]) { display: none !important; }
/* Dölj hela sektionen som innehåller banderollbilden (första sektion / fullwidth header) */
body.aka-page-resurscenter #page-container > .et_pb_section:first-of-type,
body.page-slug-resurscenter #page-container > .et_pb_section:first-of-type,
body.aka-page-nutritionisten #page-container > .et_pb_section:first-of-type,
body.page-slug-akalasi-nutritionisten #page-container > .et_pb_section:first-of-type,
body.aka-page-resurscenter #main-content .et_pb_section:first-of-type,
body.page-slug-resurscenter #main-content .et_pb_section:first-of-type,
body.aka-page-nutritionisten #main-content .et_pb_section:first-of-type,
body.page-slug-akalasi-nutritionisten #main-content .et_pb_section:first-of-type,
body.aka-page-resurscenter .et_pb_fullwidth_header,
body.page-slug-resurscenter .et_pb_fullwidth_header,
body.aka-page-nutritionisten .et_pb_fullwidth_header,
body.page-slug-akalasi-nutritionisten .et_pb_fullwidth_header { display: none !important; }

/* ============================================================
   AKALASI.SE 2026 - WIDE LAYOUT & READING MODE (Master-direktiv)
   ============================================================ */

/* 1. Fluid Container */
.aka-fluid-container {
    width: 95%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Andra sjukdomar: minimal luft under headern (ta bort vita gapet) */
body.aka-page-andra-sjukdomar .aka-fluid-container { padding-top: 0 !important; }
body.aka-page-andra-sjukdomar #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-andra-sjukdomar #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }

/* Shortcode-sidor med aka-hero-wide: ingen toppluft i behållaren under headern */
body.aka-page-hjalpmedel .aka-fluid-container,
body.aka-page-behandling .aka-fluid-container,
body.aka-page-ballongdilatation .aka-fluid-container,
body.aka-page-kirurgi .aka-fluid-container,
body.aka-page-medicin .aka-fluid-container,
body.aka-page-resurscenter .aka-fluid-container,
body.aka-page-nutritionisten .aka-fluid-container {
    padding-top: 0 !important;
}

/* Andra sjukdomar: full bredd – Divi ska inte klämma in innehållet i en smal kolumn */
body.aka-page-andra-sjukdomar #main-content,
body.aka-page-andra-sjukdomar #main-content .container,
body.aka-page-andra-sjukdomar #main-content .et_pb_section,
body.aka-page-andra-sjukdomar #main-content .et_pb_row,
body.aka-page-andra-sjukdomar #main-content .et_pb_column,
body.aka-page-andra-sjukdomar #left-area,
body.aka-page-andra-sjukdomar #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-andra-sjukdomar .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
/* Sjukdomslistan och kortgriden får mer bredd så sidan känns utnyttjad */
body.aka-page-andra-sjukdomar #akalasi-guide-wrapper {
    max-width: 1600px;
}

/* Vad är akalasi: samma full bredd och minimal luft som andra faktasidor */
body.aka-page-vad-ar-akalasi .aka-fluid-container { padding-top: 0 !important; }
body.aka-page-vad-ar-akalasi #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-vad-ar-akalasi #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-vad-ar-akalasi #main-content,
body.aka-page-vad-ar-akalasi #main-content .container,
body.aka-page-vad-ar-akalasi #main-content .et_pb_section,
body.aka-page-vad-ar-akalasi #main-content .et_pb_row,
body.aka-page-vad-ar-akalasi #main-content .et_pb_column,
body.aka-page-vad-ar-akalasi #left-area,
body.aka-page-vad-ar-akalasi #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-vad-ar-akalasi .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* Symptom: samma full bredd och minimal luft som övriga faktasidor */
body.aka-page-symptom .aka-fluid-container { padding-top: 0 !important; }
body.aka-page-symptom #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-symptom #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-symptom #main-content,
body.aka-page-symptom #main-content .container,
body.aka-page-symptom #main-content .et_pb_section,
body.aka-page-symptom #main-content .et_pb_row,
body.aka-page-symptom #main-content .et_pb_column,
body.aka-page-symptom #left-area,
body.aka-page-symptom #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-symptom .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* Diagnos: samma full bredd och minimal luft som övriga faktasidor */
body.aka-page-diagnos .aka-fluid-container { padding-top: 0 !important; }
body.aka-page-diagnos #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-diagnos #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-diagnos #main-content,
body.aka-page-diagnos #main-content .container,
body.aka-page-diagnos #main-content .et_pb_section,
body.aka-page-diagnos #main-content .et_pb_row,
body.aka-page-diagnos #main-content .et_pb_column,
body.aka-page-diagnos #left-area,
body.aka-page-diagnos #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-diagnos .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* Akalasi sjukdomshub: samma full bredd och minimal luft som symptom/diagnos */
body.aka-page-akalasi .aka-fluid-container { padding-top: 0 !important; }
body.aka-page-akalasi #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-akalasi #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-akalasi #main-content,
body.aka-page-akalasi #main-content .container,
body.aka-page-akalasi #main-content .et_pb_section,
body.aka-page-akalasi #main-content .et_pb_row,
body.aka-page-akalasi #main-content .et_pb_column,
body.aka-page-akalasi #left-area,
body.aka-page-akalasi #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-akalasi .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* Behandling-sidor: samma full bredd (behandling, ballongdilatation, kirurgi, medicin, mat/kost) */
body.aka-page-behandling .aka-fluid-container,
body.aka-page-ballongdilatation .aka-fluid-container,
body.aka-page-kirurgi .aka-fluid-container,
body.aka-page-medicin .aka-fluid-container,
body.aka-page-mat-kostrad .aka-fluid-container,
body.aka-page-akalasi .aka-fluid-container,
body.aka-page-ordlista .aka-fluid-container { padding-top: 0 !important; }

/* Mat & Kost: eliminera allt "vitt" gap mellan breadcrumbs/header och grön hero */
body.aka-page-mat-kostrad .aka-fluid-container { padding: 0 !important; }
body.aka-page-mat-kostrad .aka-hero-wide { margin-top: 0 !important; }
body.aka-page-mat-kostrad #main-content .container,
body.aka-page-mat-kostrad #left-area,
body.aka-page-mat-kostrad article,
body.aka-page-mat-kostrad .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-ordlista .aka-fluid-container { padding: 0 !important; }
body.aka-page-ordlista .glossary-hero { margin-top: 0 !important; }
body.aka-page-ordlista #main-content .container,
body.aka-page-ordlista #left-area,
body.aka-page-ordlista article,
body.aka-page-ordlista .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-behandling #main-content .entry-content,
body.aka-page-ballongdilatation #main-content .entry-content,
body.aka-page-kirurgi #main-content .entry-content,
body.aka-page-medicin #main-content .entry-content,
body.aka-page-mat-kostrad #main-content .entry-content,
body.aka-page-artiklar #main-content .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
body.aka-page-behandling #left-area > article > .entry-content,
body.aka-page-ballongdilatation #left-area > article > .entry-content,
body.aka-page-kirurgi #left-area > article > .entry-content,
body.aka-page-medicin #left-area > article > .entry-content,
body.aka-page-mat-kostrad #left-area > article > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
/* Behandling-sidor: vit rand under global header kommer från Divi (section/row), inte från shortcode-html */
body.aka-page-behandling article,
body.aka-page-behandling #main-content .container,
body.aka-page-ballongdilatation article,
body.aka-page-ballongdilatation #main-content .container,
body.aka-page-kirurgi article,
body.aka-page-kirurgi #main-content .container,
body.aka-page-medicin article,
body.aka-page-medicin #main-content .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-behandling #main-content .et_pb_section,
body.aka-page-behandling #main-content .et_pb_row,
body.aka-page-behandling #main-content .et_pb_column,
body.aka-page-ballongdilatation #main-content .et_pb_section,
body.aka-page-ballongdilatation #main-content .et_pb_row,
body.aka-page-ballongdilatation #main-content .et_pb_column,
body.aka-page-kirurgi #main-content .et_pb_section,
body.aka-page-kirurgi #main-content .et_pb_row,
body.aka-page-kirurgi #main-content .et_pb_column,
body.aka-page-medicin #main-content .et_pb_section,
body.aka-page-medicin #main-content .et_pb_row,
body.aka-page-medicin #main-content .et_pb_column {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.aka-page-behandling #main-content,
body.aka-page-behandling #main-content .container,
body.aka-page-behandling #main-content .et_pb_section,
body.aka-page-behandling #main-content .et_pb_row,
body.aka-page-behandling #main-content .et_pb_column,
body.aka-page-behandling #left-area,
body.aka-page-behandling #main-content .entry-content,
body.aka-page-ballongdilatation #main-content,
body.aka-page-ballongdilatation #main-content .container,
body.aka-page-ballongdilatation #main-content .et_pb_section,
body.aka-page-ballongdilatation #main-content .et_pb_row,
body.aka-page-ballongdilatation #main-content .et_pb_column,
body.aka-page-ballongdilatation #left-area,
body.aka-page-ballongdilatation #main-content .entry-content,
body.aka-page-kirurgi #main-content,
body.aka-page-kirurgi #main-content .container,
body.aka-page-kirurgi #main-content .et_pb_section,
body.aka-page-kirurgi #main-content .et_pb_row,
body.aka-page-kirurgi #main-content .et_pb_column,
body.aka-page-kirurgi #left-area,
body.aka-page-kirurgi #main-content .entry-content,
body.aka-page-medicin #main-content,
body.aka-page-medicin #main-content .container,
body.aka-page-medicin #main-content .et_pb_section,
body.aka-page-medicin #main-content .et_pb_row,
body.aka-page-medicin #main-content .et_pb_column,
body.aka-page-medicin #left-area,
body.aka-page-medicin #main-content .entry-content,
body.aka-page-mat-kostrad #main-content,
body.aka-page-mat-kostrad #main-content .container,
body.aka-page-mat-kostrad #main-content .et_pb_section,
body.aka-page-mat-kostrad #main-content .et_pb_row,
body.aka-page-mat-kostrad #main-content .et_pb_column,
body.aka-page-mat-kostrad #left-area,
body.aka-page-mat-kostrad #main-content .entry-content,
body.aka-page-artiklar #main-content,
body.aka-page-artiklar #main-content .container,
body.aka-page-artiklar #main-content .et_pb_section,
body.aka-page-artiklar #main-content .et_pb_row,
body.aka-page-artiklar #main-content .et_pb_column,
body.aka-page-artiklar #left-area,
body.aka-page-artiklar #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-artiklar #page-container {
    max-width: none !important;
    width: 100% !important;
}
body.aka-page-artiklar #main-header,
body.aka-page-artiklar #main-header .container,
body.aka-page-artiklar #main-header .et_pb_section,
body.aka-page-artiklar #main-header .et_pb_row,
body.aka-page-artiklar #main-header .et_pb_column {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Resurscenter-hubb: full bredd (samma som övriga hubbsidor) */
body.aka-page-resurscenter #main-content,
body.aka-page-resurscenter #main-content .container,
body.aka-page-resurscenter #main-content .et_pb_section,
body.aka-page-resurscenter #main-content .et_pb_row,
body.aka-page-resurscenter #main-content .et_pb_column,
body.aka-page-resurscenter #left-area,
body.aka-page-resurscenter #main-content .entry-content,
body.aka-page-nutritionisten #main-content,
body.aka-page-nutritionisten #main-content .container,
body.aka-page-nutritionisten #main-content .et_pb_section,
body.aka-page-nutritionisten #main-content .et_pb_row,
body.aka-page-nutritionisten #main-content .et_pb_column,
body.aka-page-nutritionisten #left-area,
body.aka-page-nutritionisten #main-content .entry-content {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.aka-page-resurscenter #page-container,
body.aka-page-nutritionisten #page-container {
    max-width: none !important;
    width: 100% !important;
}
/* Header: dölj stray context-filter; sök-flyout + mobil sök har egna #aka-context-filter-desktop / -mobile */
#aka-global-header .aka-context-filter:not(#aka-context-filter-desktop):not(#aka-context-filter-mobile) {
    display: none !important;
}
/* Artiklar: bredda innehållsytan – sektion över gridden samma bredd som gridden */
body.aka-page-artiklar #aka-blog-app {
    width: 100%;
    max-width: none;
    margin-top: 0 !important;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container {
    max-width: none;
    margin: 0 -24px 28px -24px;
    width: calc(100% + 48px);
    padding: clamp(40px, 7vw, 72px) 24px clamp(28px, 5vw, 40px) !important;
    box-sizing: border-box;
    background: linear-gradient(135deg, var(--h-dark, #2C3E50) 0%, var(--color-brand, #1ABC9C) 100%) !important;
    color: #fff;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-header-title {
    color: #fff !important;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-intro {
    color: rgba(255, 255, 255, 0.95) !important;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-header-info-divider {
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: transparent !important;
}
/* Kategoriruta under sök: mörkgrå rubrik/brödtext var tänkt för vit yta – på turkos gradient blir det låg kontrast; ljus text + lätt panel */
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-article-note-body {
    background: rgba(15, 23, 42, 0.28);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-left-width: 4px;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-article-note-title {
    color: #fff !important;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-article-note-text {
    color: rgba(255, 255, 255, 0.93) !important;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-forum-cta-artiklar {
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--h-dark, #2c3e50) !important;
    border-radius: 999px;
    padding: 12px 22px;
    font-weight: 700;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    transition: background 0.2s, color 0.2s, transform 0.15s;
}
body.aka-page-artiklar #aka-blog-app .aka-header-container .aka-forum-cta-artiklar:hover {
    background: #fff !important;
    color: var(--color-brand, #1abc9c) !important;
}
@media (max-width: 800px) {
    body.aka-page-artiklar #aka-blog-app .aka-header-container {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
@media (max-width: 480px) {
    body.aka-page-artiklar #aka-blog-app .aka-header-container {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}
/* Artiklar desktop: featured tydligt stor (skärmar ≥980px) */
@media (min-width: 980px) {
    body.aka-page-artiklar .aka-featured-post {
        height: 540px;
        min-height: 420px;
    }
}
/* Artiklar mobil: mindre sidpadding, featured inte för hög */
@media (max-width: 800px) {
    body.aka-page-artiklar #aka-blog-app {
        padding-left: 16px;
        padding-right: 16px;
    }
    body.aka-page-artiklar .aka-featured-post {
        height: 340px;
        min-height: 260px;
    }
}
@media (max-width: 480px) {
    body.aka-page-artiklar #aka-blog-app {
        padding-left: 12px;
        padding-right: 12px;
    }
    body.aka-page-artiklar .aka-featured-post {
        height: 300px;
        min-height: 240px;
    }
}
body.aka-page-behandling .aka-fluid-container,
body.aka-page-ballongdilatation .aka-fluid-container,
body.aka-page-kirurgi .aka-fluid-container,
body.aka-page-medicin .aka-fluid-container,
body.aka-page-mat-kostrad .aka-fluid-container {
    width: 100%;
    max-width: 1800px;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* 2. Hero-sektion (Kategori, Titel, Intro) */
.aka-hero-wide {
    text-align: center;
    margin-bottom: 60px;
    padding: 40px 20px;
}

.aka-hero-content h1 {
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
    font-weight: 800 !important;
    color: var(--h-dark, #333);
    margin: 15px 0 !important;
}

.aka-intro-text {
    font-size: 1.25rem;
    color: #555;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.6;
}

/* 3. Main Content - Reading Mode */
.aka-main-content-wide {
    max-width: 1000px;
    margin: 0 auto;
}

/* 4. Article Cards */
.aka-article-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.03);
}

.aka-article-card h3 {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: var(--h-dark, #333);
}

.aka-article-card.warning-style,
.aka-content-card.warning-style {
    border-left: 4px solid var(--color-treat, #F39C12);
}

/* ---------- Symptom-sida: statistikgrafer (procentstapeln), Eckardt-kalkylator, tips/varning-kort ---------- */
.stats-container { margin-top: 25px; }
.stat-row { margin-bottom: 15px; }
.stat-label { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 0.95rem; color: #333; margin-bottom: 5px; }
.stat-value { font-weight: 700; color: #2C3E50; flex-shrink: 0; }
.stat-bar-bg { background: #ecf0f1; height: 12px; border-radius: 6px; overflow: hidden; width: 100%; }
.stat-bar-fill { height: 100%; border-radius: 6px; transition: width 1s ease-out; }

.eckardt-container { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.eckardt-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.03); }
.eckardt-header { background: #2980B9; color: #fff; font-weight: 700; padding: 12px 15px; font-size: 1rem; }
.eckardt-options { padding: 0; }
.eck-opt {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 12px 15px;
	border: 0;
	border-bottom: 1px solid #eee;
	border-radius: 0;
	background: transparent;
	color: #444;
	font: inherit;
	font-size: 0.95rem;
	text-align: left;
	cursor: pointer;
	transition: background 0.2s;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}
.eck-opt:last-child { border-bottom: none; }
.eck-opt:hover { background-color: #f0f8ff; }
.eck-opt:focus-visible {
	outline: 3px solid #2980B9;
	outline-offset: -3px;
	z-index: 1;
	position: relative;
}
.eck-opt.selected { background-color: #EBF5FB; font-weight: 700; color: #2980B9; border-left: 5px solid #2980B9; }
.eckardt-result-box:focus-visible {
	outline: 3px solid #f1c40f;
	outline-offset: 3px;
}
.eck-score { display: inline-flex; width: 24px; height: 24px; border-radius: 50%; align-items: center; justify-content: center; font-weight: 700; font-size: 0.8rem; margin-right: 15px; color: #fff; flex-shrink: 0; opacity: 0.7; }
.eck-opt.selected .eck-score { opacity: 1; transform: scale(1.1); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.eck-opt .s-0 { background-color: #27AE60; }
.eck-opt .s-1 { background-color: #F1C40F; }
.eck-opt .s-2 { background-color: #E67E22; }
.eck-opt .s-3 { background-color: #E74C3C; }
.eckardt-result-box { background: #2C3E50; color: #fff; padding: 25px; border-radius: 12px; text-align: center; margin-top: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.eckardt-result-box .result-header { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; margin-bottom: 5px; }
.eckardt-result-box .result-score { font-size: 3rem; font-weight: 800; line-height: 1; margin-bottom: 10px; color: #27AE60; transition: color 0.3s; }
.eckardt-result-box .result-text { font-size: 1.1rem; font-weight: 600; margin-bottom: 15px; }
.eckardt-result-box .result-bar-bg { background: rgba(255,255,255,0.1); height: 8px; border-radius: 4px; overflow: hidden; width: 100%; max-width: 300px; margin: 0 auto; }
.eckardt-result-box .result-bar-fill { height: 100%; width: 0%; background: #27AE60; transition: all 0.5s ease; border-radius: 4px; }
/* CTA när Eckardt visar aktiv sjukdom: tydlig knapp + sekundär länk */
.eckardt-cta-box {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.2);
    text-align: center;
}
.eckardt-cta-box .eckardt-cta-lead {
    font-size: 0.95rem;
    margin-bottom: 18px;
    color: #fff;
    font-weight: 600;
}
.eckardt-cta-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.eckardt-cta-box .eckardt-cta-primary {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 8px;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.eckardt-cta-box .eckardt-cta-primary .eckardt-cta-icon,
.eckardt-cta-box .eckardt-cta-primary .aka-icon {
    flex-shrink: 0;
}
.eckardt-cta-box .eckardt-cta-primary:hover { opacity: 0.92; }
.eckardt-cta-box .eckardt-cta-secondary {
    color: rgba(255,255,255,0.9);
    font-size: 0.9rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.eckardt-cta-box .eckardt-cta-secondary:hover { color: #fff; }
.eckardt-disclaimer { margin-top: 25px; font-size: 0.75rem; color: rgba(255,255,255,0.55); line-height: 1.5; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; }
.eckardt-disclaimer strong { color: rgba(255,255,255,0.75); }

/* Eckardt: introkort + modal ([aka_eckardt_score]) – påverkar INTE global .aka-modal-overlay för term-modaler */
.aka-eckardt-intro-card.aka-eckardt-launcher {
    background: #f9fbfb;
    padding: 32px 28px;
    border-radius: 20px;
    border: 1px solid #e8ecec;
    text-align: center;
    margin: 32px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
}
.aka-eckardt-launcher-title {
    margin-top: 0;
    margin-bottom: 12px;
    color: #2c3e50;
    font-weight: 800;
    font-size: clamp(1.15rem, 2.5vw, 1.35rem);
}
.aka-eckardt-launcher-text {
    margin: 0 auto 8px;
    max-width: 36em;
    color: #555;
    line-height: 1.65;
    font-size: 0.98rem;
}
.aka-eckardt-open-btn {
    margin-top: 18px;
    padding: 14px 28px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    background: #e74c3c;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(231, 76, 60, 0.35);
    transition: filter 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.aka-eckardt-open-btn:hover {
    filter: brightness(1.05);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(231, 76, 60, 0.38);
}
.aka-eckardt-open-btn:focus-visible {
    outline: 2px solid #e74c3c;
    outline-offset: 3px;
}

/* Endast Eckardt-modalen: mörkare overlay + blur (term-modaler oförändrade) */
#eckardt-modal-overlay.aka-eckardt-modal-overlay {
    background: rgba(44, 62, 80, 0.88);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.aka-modal-card.aka-eckardt-modal-card {
    max-width: min(750px, 94vw);
    width: 100%;
    max-height: min(90vh, 920px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 16px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
    border-radius: 16px;
}
#eckardt-modal-overlay .aka-modal-close {
    font-size: 1.75rem;
    line-height: 1;
    padding: 0 6px;
}
.aka-eckardt-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 18px 20px 22px;
    box-sizing: border-box;
}
.aka-eckardt-modal-intro {
    margin: 0 0 14px;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.5;
}
.eckardt-kalkylator-root .eckardt-container { margin-top: 0; }

/* Fail-closed inline-slot: kalkylator synlig utan modal */
.aka-eckardt-inline-slot {
	margin: 16px 0 28px;
	padding: 16px;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box;
	max-width: 100%;
	overflow-x: clip;
}
.aka-eckardt-inline-hint {
	margin: 0 0 12px;
	font-size: 0.85rem;
	line-height: 1.45;
	color: #5c6570;
}
.aka-eckardt-inline-slot.is-modal-active {
	/* Slot tom när kalkylatorn flyttats in i modal — behåll minimal höjd */
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.aka-eckardt-inline-slot.is-modal-active .aka-eckardt-inline-hint {
	display: none;
}
.aka-eckardt-inline-slot.is-expanded {
	box-shadow: 0 0 0 3px rgba(41, 128, 185, 0.25);
}
@media (max-width: 430px) {
	.aka-eckardt-inline-slot { padding: 12px; }
	.eckardt-cta-buttons { width: 100%; }
	.eckardt-cta-box .eckardt-cta-primary {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.aka-eckardt-open-btn { width: 100%; max-width: 100%; }
}
@media (max-width: 360px) {
	.eck-opt { padding: 12px 12px; font-size: 0.9rem; }
	.eckardt-result-box { padding: 18px 14px; }
	.eckardt-result-box .result-score { font-size: 2.4rem; }
	/* Guidance tools — 360 densitet (tool-scoped; Agent 7 global model untouched) */
	body.aka-page-verktyg .aka-guidance-tool,
	body.aka-page-undersokningar .aka-guidance-tool {
		padding-left: 10px;
		padding-right: 10px;
	}
	body.aka-page-verktyg .aka-guidance-tool__workspace,
	body.aka-page-undersokningar .aka-guidance-tool__workspace {
		padding: 14px 12px 16px;
		border-radius: 12px;
	}
	body.aka-page-verktyg .aka-guidance-choice,
	body.aka-page-undersokningar .aka-guidance-choice,
	body.aka-page-verktyg .aka-guidance-check,
	body.aka-page-undersokningar .aka-guidance-check {
		padding: 12px;
		gap: 10px;
	}
	body.aka-page-verktyg .aka-guidance-tool__result-actions,
	body.aka-page-undersokningar .aka-guidance-tool__result-actions {
		display: grid;
		gap: 10px;
	}
	body.aka-page-verktyg .aka-guidance-tool__result-actions .aka-guidance-tool__btn,
	body.aka-page-undersokningar .aka-guidance-tool__result-actions .aka-guidance-tool__btn {
		width: 100%;
	}
}

/* ================================================================
   LOGIN-MODAL — magasin/community-overlay (refinement-pass)
   Överrider den tidigare grid/box-/blå-CTA-versionen.
   Tonalitet: lugn, editorial, samma produkt som artikeln.
   ================================================================ */

/* Mjukare overlay med blur */
body.single-post .aka-login-modal__overlay {
    background: rgba(15, 23, 42, 0.32);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* Mindre, lättare dialog — samma bredd oavsett social-login */
body.single-post .aka-login-modal__dialog,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
    width: min(440px, calc(100vw - 28px));
    padding: 28px 28px 24px;
    border-radius: 12px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
}

/* Bryt två-kolumns-griden: alltid vertikal stack */
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-login-modal__inner,
body.single-post .aka-login-modal__inner--editorial {
    display: block !important;
    column-gap: 0 !important;
    grid-template-columns: none !important;
}

body.single-post .aka-login-modal__inner--editorial > * {
    grid-column: auto !important;
}

/* Kicker (ersätter logon) */
body.single-post .aka-login-modal__kicker {
    margin: 0 0 6px;
    text-align: center;
    font-family: var(--aka-art-font-ui, system-ui, -apple-system, sans-serif);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #9ca3af;
}

/* Göm gamla brand-logon om den ändå skulle rendera (defensiv) */
body.single-post .aka-login-modal__inner--editorial .aka-auth-brand {
    display: none !important;
}

/* Titel: större, lugnare typografi */
body.single-post .aka-login-modal__title {
    margin: 0 0 6px !important;
    text-align: center;
    font-family: var(--aka-art-font-body, Georgia, 'Times New Roman', serif) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1f2330 !important;
    letter-spacing: -0.005em;
}

body.single-post .aka-login-modal__lead {
    margin: 0 0 18px !important;
    text-align: center;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #6b7280;
    max-width: 36ch;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Inputs: mjuka, neutrala, editorial */
body.single-post .aka-login-modal__woo input.input-text,
body.single-post .aka-login-modal__woo input[type="text"],
body.single-post .aka-login-modal__woo input[type="password"],
body.single-post .aka-login-modal__woo input[type="email"] {
    padding: 9px 12px !important;
    border-radius: 6px !important;
    border: 1px solid #e5e7eb !important;
    background: #fafaf7 !important;
    font-size: 0.92rem !important;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

body.single-post .aka-login-modal__woo input.input-text:focus,
body.single-post .aka-login-modal__woo input[type="text"]:focus,
body.single-post .aka-login-modal__woo input[type="password"]:focus,
body.single-post .aka-login-modal__woo input[type="email"]:focus {
    background: #fff !important;
    border-color: var(--color-brand, #1abc9c) !important;
    box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.18) !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login label {
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #4a4f5c !important;
    letter-spacing: 0.01em;
    margin-bottom: 4px !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .form-row {
    margin: 0 0 12px !important;
}

/* CTA: editorial grön, mindre app-känsla */
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-button,
body.single-post .aka-login-modal__woo form.woocommerce-form-login .button {
    background: var(--color-brand, #1abc9c) !important;
    border-radius: 6px !important;
    padding: 10px !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
    transition: background-color 0.18s ease !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-button:hover,
body.single-post .aka-login-modal__woo form.woocommerce-form-login .button:hover {
    background: #14a085 !important;
}

/* Lost password: mindre framträdande, editorial länk */
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-LostPassword a {
    font-size: 0.8rem;
    color: #6b7280;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-LostPassword a:hover {
    color: #1f2330;
    border-bottom-color: currentColor;
}

/* Social login: inline under formuläret — INGEN box, INGEN ram */
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap,
body.single-post .aka-login-modal .aka-social-login-wrap--inline {
    grid-column: auto !important;
    margin: 14px 0 0 !important;
    padding: 12px 0 0 !important;
    border: none !important;
    border-top: 1px solid #ececec !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
    gap: 0 !important;
}

body.single-post .aka-login-modal .aka-social-login-wrap .aka-auth-woo-label {
    margin: 0 0 8px !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9ca3af !important;
}

/* Sociala knappar: en kompakt rad om plats finns, annars stack */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul li {
    width: auto !important;
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
}
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login {
    min-height: 36px !important;
    padding: 7px 10px !important;
    border-radius: 6px !important;
    font-size: 0.84rem !important;
}

/* Stäng-knapp: lättare */
body.single-post .aka-login-modal__close.aka-auth-modal__close {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: transparent;
    color: #9ca3af;
    font-size: 1.25rem;
}
body.single-post .aka-login-modal__close.aka-auth-modal__close:hover {
    background: #f4f4f0;
    color: #1f2330;
}

/* Footer: registrera */
body.single-post .aka-login-modal .aka-register-footer {
    margin: 16px 0 0;
    padding-top: 14px;
    border-top: 1px solid #ececec;
    font-size: 0.85rem;
    color: #6b7280;
}
body.single-post .aka-register-footer a {
    color: var(--color-brand, #1abc9c);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
body.single-post .aka-register-footer a:hover {
    border-bottom-color: currentColor;
}

/* Mobil: smal dialog, samma stack-layout */
@media (max-width: 480px) {
    body.single-post .aka-login-modal__dialog,
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
        width: min(100%, calc(100vw - 16px));
        padding: 22px 20px 20px;
        border-radius: 10px;
    }
    body.single-post .aka-login-modal__title {
        font-size: 1.2rem !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
    body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul li {
        flex: 0 0 auto !important;
    }
}

/* ================================================================
   LOGIN-MODAL — polish-pass 2 (vertikal rytm, ingen scroll)
   ================================================================ */

/* Desktop: ingen intern scroll. Innehållet ska få plats naturligt. */
body.single-post .aka-login-modal__dialog,
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
    padding: 20px 24px 18px;
    max-height: none;
    overflow-y: visible;
    overflow-x: hidden;
}

/* Endast på korta viewports tillåter vi intern scroll som fallback */
@media (max-height: 700px) {
    body.single-post .aka-login-modal__dialog,
    body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) {
        max-height: calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        overflow-y: auto;
    }
}

/* Kicker + titel + lead: tätt och lugnt uppe */
body.single-post .aka-login-modal__kicker {
    margin: 0 0 3px;
    font-size: 0.64rem;
}

body.single-post .aka-login-modal__title {
    font-size: 1.2rem !important;
    margin: 0 0 3px !important;
    line-height: 1.25 !important;
}

body.single-post .aka-login-modal__lead {
    margin: 0 auto 10px !important;
    font-size: 0.82rem;
    line-height: 1.45;
}

/* Inputs: ännu lite kompaktare — bort med "app-form" */
body.single-post .aka-login-modal__woo input.input-text,
body.single-post .aka-login-modal__woo input[type="text"],
body.single-post .aka-login-modal__woo input[type="password"],
body.single-post .aka-login-modal__woo input[type="email"] {
    padding: 6px 10px !important;
    border-radius: 4px !important;
    font-size: 0.86rem !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .form-row {
    margin: 0 0 6px !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login label {
    margin-bottom: 2px !important;
    font-size: 0.74rem !important;
}

body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-button,
body.single-post .aka-login-modal__woo form.woocommerce-form-login .button {
    padding: 8px !important;
    font-size: 0.88rem !important;
    border-radius: 4px !important;
    margin-top: 2px !important;
}

/* Lost password: tätt under knappen */
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-LostPassword {
    margin: 4px 0 0 !important;
    text-align: right;
    font-size: 0.76rem;
}
body.single-post .aka-login-modal__woo form.woocommerce-form-login .woocommerce-LostPassword a {
    font-size: 0.76rem;
}

/* Göm WC:s "Kom ihåg mig"-checkbox i modalen — vi behåller bara EN checkbox
   (aka_wc_terms — required policy-acceptance från functions.php prio 5). */
body.single-post .aka-login-modal__woo form.woocommerce-form-login .form-row:has(#rememberme),
body.single-post .aka-login-modal__woo form.woocommerce-form-login label:has(#rememberme),
body.single-post .aka-login-modal__woo form.woocommerce-form-login p:has(#rememberme) {
    display: none !important;
}

/* Policy-checkbox: tonad, kompakt, mänsklig — inte juridisk vägg */
body.single-post .aka-login-modal__woo .aka-wc-login-terms {
    margin: 6px 0 8px !important;
    padding: 0 !important;
}
body.single-post .aka-login-modal__woo .aka-wc-login-terms .woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: flex-start;
    gap: 8px;
    margin: 0 !important;
    font-size: 0.76rem !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
}
body.single-post .aka-login-modal__woo .aka-wc-login-terms input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 2px 0 0 !important;
    flex-shrink: 0;
    accent-color: var(--color-brand, #1abc9c);
}
body.single-post .aka-login-modal__woo .aka-wc-login-terms a {
    color: var(--color-brand, #1abc9c);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
body.single-post .aka-login-modal__woo .aka-wc-login-terms a:hover {
    border-bottom-color: currentColor;
}

/* Visuell flagga när användaren försöker social-login utan att godkänna villkoren */
body.single-post .aka-login-modal__woo .aka-wc-login-terms--needs {
    outline: 2px solid var(--color-disease, #E74C3C);
    outline-offset: 4px;
    border-radius: 4px;
    animation: aka-login-terms-shake 0.45s ease;
}
body.single-post .aka-login-modal__woo .aka-wc-login-terms--needs .woocommerce-form__label-for-checkbox {
    color: var(--color-disease, #E74C3C) !important;
}
@keyframes aka-login-terms-shake {
    0%, 100% { transform: translateX(0); }
    20%      { transform: translateX(-4px); }
    40%      { transform: translateX(4px); }
    60%      { transform: translateX(-3px); }
    80%      { transform: translateX(2px); }
}

/* Social login: en centrerad ikongrupp — inte två fördelade objekt */
body.single-post .aka-login-modal__dialog:has(.aka-social-login-wrap) .aka-social-login-wrap,
body.single-post .aka-login-modal .aka-social-login-wrap--inline {
    margin: 6px 0 0 !important;
    padding: 6px 0 0 !important;
    text-align: center;
}

body.single-post .aka-login-modal .aka-social-login-wrap .aka-auth-woo-label {
    margin: 0 0 4px !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.12em;
    text-align: center;
}

/* Ikonerna grupperas inline-flex, centrerade som EN enhet */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_container,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_outer_login_container {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    width: auto !important;
    margin: 0 auto !important;
}

/* Ta bort flex: 1 — items stretchar inte längre */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
}

/* Knappar: små, likformiga outline-rutor — samma visuella system FB + Google */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login,
body.single-post .aka-login-modal .aka-social-login-wrap a[class*="the_champ_login"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLogin"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampFacebookBackground"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampGoogleBackground"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampTwitterBackground"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampXBackground"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLinkedinBackground"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampAppleBackground"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    color: inherit !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login:hover,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLogin"]:hover {
    background: #fafaf7 !important;
    background-color: #fafaf7 !important;
    border-color: #d1d5db !important;
}

/* Facebook: ikonen i FB-blå (1877f2) på vit yta, ingen rund chip */
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampFacebookBackground"] svg,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampFacebookBackground"] svg path,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampFacebookBackground"] i,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLoginFacebook"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLoginFacebook"] svg,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLoginFacebook"] path {
    fill: #1877f2 !important;
    color: #1877f2 !important;
    background: transparent !important;
}

/* Övriga ska behålla sina egna brand-färger på ikonen (Google = multifärg G).
   Vi tvingar bara att eventuell brand-bakgrund/chip försvinner — inte ss-SVG-sprite. */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login *:not(ss):not(.theChampLoginSvg),
body.single-post .aka-login-modal .aka-social-login-wrap [class*="theChampLogin"] *:not(ss):not(.theChampLoginSvg) {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Inline-text-noder i knapparna (t.ex. "Facebook"/"Google" som Super Socializer
   ibland renderar bredvid ikonen) ska inte ta plats */
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login *:not(svg):not(img):not(i):not(path) {
    font-size: 0 !important;
}

body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login i,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login svg,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    font-size: 16px !important;
}

body.single-post .aka-login-modal .aka-social-login-wrap [class*="LogoContainer"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post .aka-login-modal .aka-social-login-wrap ss.theChampLoginSvg,
body.single-post .aka-login-modal .aka-social-login-wrap .theChampLoginSvg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    line-height: 1 !important;
}

@media (max-width: 480px) {
    body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_login_ul {
        gap: 10px !important;
    }
}

/* Göm ALL terms/policy-UI som Super Socializer renderar inuti social-wrap.
   JS auto-checkar dem vid modal-open så social login fortsätter fungera.
   Vi har redan en enda required policy-checkbox i WC-formuläret ovan. */
body.single-post .aka-login-modal .aka-social-login-wrap input[type="checkbox"],
body.single-post .aka-login-modal .aka-social-login-wrap label:has(input[type="checkbox"]),
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_div,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_text,
body.single-post .aka-login-modal .aka-social-login-wrap .the_champ_tc_checkbox,
body.single-post .aka-login-modal .aka-social-login-wrap [class*="tc_text"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="tc_div"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="_tc_"],
body.single-post .aka-login-modal .aka-social-login-wrap [class*="agreement"],
body.single-post .aka-login-modal .aka-social-login-wrap [id*="agreement"],
body.single-post .aka-login-modal .aka-social-login-wrap label[for*="champ_tc"],
body.single-post .aka-login-modal .aka-social-login-wrap label[for*="agreement"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* Footer: tätt under sociala alternativen */
body.single-post .aka-login-modal .aka-register-footer {
    margin: 8px 0 0;
    padding-top: 8px;
    font-size: 0.8rem;
}

.aka-nutritionisten-wrap .aka-sond-warning {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.aka-nutritionisten-wrap .aka-sond-warning__icon {
	flex-shrink: 0;
	margin-top: 2px;
	color: #8a6d00;
}
.aka-nutritionisten-wrap .aka-soft-notice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.aka-nutritionisten-wrap .aka-soft-notice__icon {
	display: inline-flex;
	flex-shrink: 0;
	color: inherit;
}
.aka-nutritionisten-wrap .aka-ing-h-icon {
	display: inline-flex;
	vertical-align: -0.15em;
	margin-right: 0.35em;
	color: inherit;
}