/* Famly tweaks on top of the Modernize theme */

/* Auth pages: centred card on the radial gradient */
.login-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.login-card {
    width: 100%;
    max-width: 440px;
}

.famly-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
    font-size: 1.35rem;
    color: var(--bs-emphasis-color);
}

.famly-brand .ti {
    color: var(--bs-primary);
    font-size: 1.6rem;
}

/* Old shell class kept as a no-op so existing cards just use Modernize styling */
.famly-card {
    border: 0;
}

/* Buttons named btn-famly map onto the theme's primary button */
.btn-famly {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-bg-subtle);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-color: #fff;
}

/* Sidebar height: the theme sizes the scrolling nav as calc(100vh - 175px),
   reserving room for the brand header AND a promo card it normally puts at the
   bottom of the sidebar. We don't have that card, so the nav stopped ~95px short
   of the bottom and left a dead gap under the last menu item. Our brand header is
   80px, so that is all the nav needs to give up.

   Matched on both classes the theme puts on the <nav> so this stays specific
   enough to win, without touching the horizontal layout's own fixed height. */
.left-sidebar.with-vertical .scroll-sidebar.sidebar-nav {
    height: calc(100vh - 80px);
}