/* Snefringe Core - auth-kontroll i huvudmenyn (main-nav).
 * Brand-färger ur Brand Assets - 2026.pdf:
 *   Brand Green #6B9E5B, Green Dark #4A7A3A, Green Lightest #E8F2E4,
 *   Dark Gray #2D2D2D. Navfont PT Sans.
 * Egna scoped klasser undviker krock med temats nav-stilar. !important
 * används på färger för att vinna mot temats/customizer-inline nav-stilar.
 */

.snefringe-account {
    font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Utloggad: grön CTA-pill */
.snefringe-account__btn {
    display: inline-block;
    background: #6B9E5B;
    color: #ffffff !important;
    font-weight: 700;
    line-height: 1;
    padding: 10px 20px;
    border-radius: 999px;
    text-decoration: none;
    transition: background-color .2s ease;
}

.snefringe-account__btn:hover,
.snefringe-account__btn:focus {
    background: #4A7A3A;
    color: #ffffff !important;
}

/* Inloggad: toggle-länk med caret */
.snefringe-account--member > .snefringe-account__toggle {
    font-weight: 700;
    color: #6B9E5B !important;
}

.snefringe-account--member > .snefringe-account__toggle::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}

/* Dropdown-panel (desktop). Temat sköter visa/dölj-mekaniken; vi stylar bara. */
.snefringe-account__menu {
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(45, 45, 45, .18);
    border-radius: 8px;
    overflow: hidden;
    min-width: 190px;
}

.snefringe-account__menu > .menu-item > a {
    display: block;
    padding: 11px 18px;
    color: #2D2D2D !important;
    font-weight: 400;
    text-decoration: none;
}

.snefringe-account__menu > .menu-item > a:hover,
.snefringe-account__menu > .menu-item > a:focus {
    background: #E8F2E4;
    color: #4A7A3A !important;
}

.snefringe-account__logout > a {
    border-top: 1px solid #ececec;
    font-weight: 700 !important;
    color: #2D2D2D !important;
}

/* Mobil-hamburgare: full bredd, ingen flytande panel. Temats hamburger-JS
 * sköter expandern på .menu-item-has-children. Breakpoint är temats vanliga
 * responsiva nav-brytpunkt - justeras vid behov efter visuell verifiering. */
@media (max-width: 1200px) {
    .snefringe-account__btn {
        display: inline-block;
        margin: 6px 0;
    }

    .snefringe-account__menu {
        box-shadow: none;
        border-radius: 0;
        min-width: 0;
    }
}