/*
 * Logo + wordmark row: vertical center everywhere (guest uses Tailwind only — no Bootstrap .d-inline-flex / .align-items-*).
 */
.nk-header-logo {
    display: inline-flex;
    align-items: center;
}

.logo-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.brand-logo-name--split {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-weight: 600;
}

/* Public header: active nav — Bootstrap primary text (honours brand-skin --bs-primary-rgb) */
.nk-header-main .nk-menu-item.active > .nk-menu-link,
.nk-header-main .nk-menu-item.current-page > .nk-menu-link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.nk-header-main .nk-menu-item.active:hover > .nk-menu-link,
.nk-header-main .nk-menu-item.current-page:hover > .nk-menu-link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

/* Public main header: wordmark next to logo */
.nk-header-main .brand-logo-name--split {
    font-size: 1.125rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* Rest of wordmark: logo teal (readable on light header bg) */
/* Gradient “AI” wordmark: explicit shadow so it shows with background-clip: text */
.nk-header-main .brand-logo-name-accent {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

.nk-header-main .brand-logo-name-rest {
    font-weight: 600;
    color: #0a5c5f;
    opacity: 1;
}

.is-dark .nk-header-main .brand-logo-name-rest {
    color: #7dd3d0;
}

/* Public main header only: logo mark 50% of theme default (.logo-link max-height was 26px). */
.nk-header-main .nk-header-logo .logo-link {
    max-height: none;
}

.nk-header-main .nk-header-logo .logo-wrap {
    height: 50px;
    max-height: 50px;
}

/* Footer: logo mark 50% of theme default (.logo-link max-height is 26px → 13px). */
.nk-footer .logo-link {
    max-height: none;
}

.nk-footer .logo-wrap {
    height: 50px;
    max-height: 50px;
}

/* Footer: split wordmark (match public header) */
.nk-footer .brand-logo-name--split {
    font-size: 1.125rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

.nk-footer .brand-logo-name-accent {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

.nk-footer .brand-logo-name-rest {
    font-weight: 600;
    color: #0a5c5f;
    opacity: 1;
}

.is-dark .nk-footer .brand-logo-name-rest {
    color: #7dd3d0;
}

/* Breeze guest layout: base logo stack + wordmark when full theme style.css is not loaded */
.layout-guest-public .logo-wrap {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}

.layout-guest-public .logo-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    max-height: 26px;
}

.layout-guest-public .logo-img {
    height: 100%;
}

.layout-guest-public .logo-img:not(:first-child) {
    position: absolute;
    left: 0;
}

.layout-guest-public .logo-light {
    opacity: 0;
    visibility: hidden;
}

.layout-guest-public.is-dark .logo-light {
    opacity: 1;
    visibility: visible;
}

.layout-guest-public .logo-dark {
    opacity: 1;
    visibility: visible;
}

.layout-guest-public.is-dark .logo-dark {
    opacity: 0;
    visibility: hidden;
}

.layout-guest-public .nk-header-logo .logo-link {
    max-height: none;
}

.layout-guest-public .nk-header-logo .logo-wrap {
    height: 50px;
    max-height: 50px;
}

.layout-guest-public .brand-logo-name--split {
    font-size: 1.125rem;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

.layout-guest-public .brand-logo-name-accent {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.12);
}

.layout-guest-public .brand-logo-name-rest {
    font-weight: 600;
    color: #0a5c5f;
    opacity: 1;
}

.layout-guest-public.is-dark .brand-logo-name-rest {
    color: #7dd3d0;
}

/*
 * Auth (login/register): match marketing wordmark + placement.
 * Do not use .nk-header here — backend style.css hides it when [data-sidebar-collapse=lg] (auth app root).
 */
.auth-brand-topbar {
    z-index: 1024;
    background-color: #fff;
    border-bottom: 1px solid #e8e7ec;
    box-shadow: 0 1px 0 rgba(232, 231, 236, 0.5);
    padding: 0.5rem 0;
}

/* Guest layout (Tailwind) has no Bootstrap — mirror backend .nk-header-wrap */
.auth-brand-topbar .nk-header-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.auth-brand-topbar .logo-link {
    align-items: center;
}

@media (min-width: 576px) {
    .auth-brand-topbar {
        padding: 0.5rem 0;
    }
}