/* Typography only: keep the stock Lagom 2 structure, spacing, and components. */
html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.dropdown-menu,
.table {
    font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Shared Lagom typography: slightly stronger strokes for readability while
 * preserving the existing font family, sizes, line heights and spacing. */
body,
input,
select,
textarea,
table,
label,
th,
td,
.text-muted {
    font-weight: 500;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
nav a {
    font-weight: 600;
}

/* Rounded FUNOM controls and surfaces. This file is loaded on the live Lagom2 pages. */
:root {
    --funom-control-radius: 12px;
    --funom-container-radius: 16px;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
a.btn,
.form-control,
select.form-control,
textarea.form-control,
.custom-select {
    border-radius: var(--funom-control-radius) !important;
}

.card,
.panel,
.well,
.modal-content,
.alert,
.callout,
.login-wrapper,
.login-body,
.login-footer,
.product-card,
.product-box,
.pricing-card,
.service-card,
.invoice-card,
.checkout-card,
.cart-sidebar,
.cart-body,
.order-summary,
.table-container,
.table-responsive,
.accordion-item,
.accordion-card,
.search-box {
    border-radius: var(--funom-container-radius) !important;
}

.login-wrapper {
    overflow: hidden;
}

.login-body .login-form .form-control.input-lg,
.login-body .login-form button.btn,
.login-body .login-form button.btn.btn-lg,
.login-body .login-form button.btn-block {
    border-radius: var(--funom-control-radius) !important;
}

/*
 * The condensed Lagom header places its entire primary menu after the logo.
 * Once the unused menu groups were removed, that legacy alignment pushed the
 * remaining navigation to the right. Keep the navigation centred and leave
 * account actions at the far edge without changing the mobile menu markup.
 */
@media (min-width: 992px) {
    .lagom-layout-condensed .app-nav-menu > .container {
        position: relative;
        justify-content: center;
    }

    .lagom-layout-condensed .app-nav-menu .logo {
        position: absolute;
        left: 0;
        margin-right: 0;
    }

    .lagom-layout-condensed .app-nav-menu .menu {
        position: static;
        width: auto;
        margin: 0;
    }

    .lagom-layout-condensed .app-nav-menu .menu > li.nav-item-btn.is-right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .lagom-layout-condensed .app-nav-menu .menu > li.nav-item-btn.is-right:last-child {
        right: 0;
    }

    .lagom-layout-condensed .app-nav-menu .menu > li.nav-item-btn.is-right:nth-last-child(2) {
        right: 92px;
    }
}