/*
 * Tekwin theme (THEME=tekwin).
 * Bars: light sidebar + top bar on page canvas (body bg), not card white. Brand colors in theme.json.
 * Loaded after Falcon theme.css / user.css.
 */

/* Wordmark is in the asset — hide duplicate product text; enlarge logo vs default width="38". */
html[data-site-theme="tekwin"] .navbar-vertical .navbar-brand .font-sans-serif {
    display: none !important;
}

/* Tight gap burger → logo: Falcon card rail uses 1.5rem right margin on .toggle-icon-wrapper. */
html[data-site-theme="tekwin"] .navbar-vertical .toggle-icon-wrapper {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    margin-left: 0 !important;
    margin-right: 0.125rem !important;
    padding-left: 0 !important;
}

html[data-site-theme="tekwin"] nav.navbar-vertical > .d-flex.align-items-center {
    align-items: center !important;
}

html[data-site-theme="tekwin"] .navbar-vertical .navbar-vertical-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Logo sits on the light sidebar rail — no separate frame around the mark. */
html[data-site-theme="tekwin"] .navbar-vertical .navbar-brand {
    display: flex !important;
    flex: 0 1 auto;
    align-items: center;
    align-self: center !important;
    justify-content: flex-start;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--falcon-gray-900, #232e3c) !important;
}

html[data-site-theme="tekwin"].navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover)
    .navbar-vertical
    .navbar-brand {
    flex: 0 1 auto;
    margin: 0 !important;
    padding: 0 !important;
}

html[data-site-theme="tekwin"] .navbar-vertical .navbar-brand .theme-logo {
    width: 11.25rem !important;
    max-width: 100%;
    height: auto !important;
    margin-right: 0 !important;
    display: block;
}

/* Project pill sits a touch high vs the wordmark in the rail — nudge down optically. */
html[data-site-theme="tekwin"] .navbar-vertical + .content .navbar-top #project-select.dx-button,
html[data-site-theme="tekwin"] .navbar-vertical + .content .navbar-top #project-select .dx-button {
    margin-top: 0.2rem !important;
}

html[data-site-theme="tekwin"] .navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover)
    .navbar-vertical
    .navbar-brand
    .theme-logo {
    width: 3rem !important;
    max-width: 100%;
}

html[data-site-theme="tekwin"] .d-flex.flex-center.mb-4 .font-sans-serif {
    display: none !important;
}

html[data-site-theme="tekwin"] .d-flex.flex-center.mb-4 .theme-logo {
    width: 12rem !important;
    max-width: 100%;
    height: auto !important;
    margin-right: 0 !important;
}

/* Full-color logo (no recolor filters). */
html[data-site-theme="tekwin"] .theme-logo {
    filter: none !important;
    -webkit-filter: none !important;
}

/*
 * Expanded rail: single horizontal row inside .navbar-brand (logo only; label hidden).
 * A column stack made the brand block tall and looked wrong next to the burger.
 */
html[data-site-theme="tekwin"]:not(.navbar-vertical-collapsed) .navbar-vertical.navbar-expand-xl .navbar-brand > .d-flex,
html[data-site-theme="tekwin"]:not(.navbar-vertical-collapsed) .navbar-vertical.navbar-expand-xxl .navbar-brand > .d-flex,
html[data-site-theme="tekwin"].navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .navbar-brand > .d-flex,
html[data-site-theme="tekwin"].navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xxl .navbar-brand > .d-flex {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html[data-site-theme="tekwin"].navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover)
    .navbar-vertical
    .navbar-brand
    > .d-flex {
    flex-direction: row !important;
    flex-wrap: nowrap;
    justify-content: center !important;
    align-items: center !important;
    gap: 0;
    padding-top: 0;
    padding-bottom: 0;
}

html[data-site-theme="tekwin"] .navbar-vertical + .content .navbar-top {
    z-index: 1035;
}

/* -------------------------------------------------------------------------- */
/* Sidebar + top bar: same light treatment as default (Falcon vertical layout) */
/* -------------------------------------------------------------------------- */

html[data-site-theme="tekwin"] .navbar-vertical.navbar-light.navbar-card {
    background-color: #ffffff !important;
    border-right-color: rgba(0, 0, 0, 0.06);
}

html[data-site-theme="tekwin"] .navbar-vertical.navbar-card {
    /* theme.css defaults for .navbar-vertical.navbar-card (~547) */
    --falcon-navbar-vertical-card-bg-color: #fff;
    --falcon-navbar-vertical-card-link-color: var(--falcon-gray-700);
    --falcon-navbar-vertical-card-link-hover-color: var(--falcon-gray-900);
    --falcon-navbar-vertical-card-link-active-color: var(--falcon-primary);
    --falcon-navbar-vertical-card-link-disable-color: var(--falcon-gray-400);
    --falcon-navbar-vertical-card-hr-color: rgba(0, 0, 0, 0.08);
    --falcon-navbar-vertical-card-scrollbar-color: rgba(116, 129, 148, 0.3);
    --falcon-navbar-vertical-card-label-color: var(--falcon-gray-500);
}

html[data-site-theme="tekwin"] .navbar-vertical .navbar-nav .nav-link .nav-link-icon {
    color: inherit;
}

html[data-site-theme="tekwin"] .navbar-vertical.navbar-card .navbar-vertical-toggle .toggle-line {
    background-color: var(--falcon-gray-700, #5e6e82) !important;
}

/* Top bar: page canvas (body), same tone as area around white cards — not card white. */
html[data-site-theme="tekwin"] .navbar-vertical + .content .navbar-top.navbar-glass {
    --falcon-bg-navbar-glass: var(--falcon-body-bg);
    background-color: var(--falcon-body-bg) !important;
}

html[data-site-theme="tekwin"].navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .nav-link-icon {
    font-size: 1rem !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html[data-site-theme="tekwin"].navbar-vertical-collapsed:not(.navbar-vertical-collapsed-hover) .navbar-vertical .nav-link-icon span {
    opacity: 1 !important;
}

/* Page titles: same token as theme.json page_title (no second blue). */
html[data-site-theme="tekwin"] main.main .card-header h3 {
    font-family: Georgia, "Times New Roman", "Palatino Linotype", serif;
    font-weight: 600;
    color: var(--theme-color-page_title, #094261);
}

html[data-site-theme="tekwin"] main.main .text-primary {
    color: var(--theme-color-falcon_primary, #1a768d) !important;
}

html[data-site-theme="tekwin"] main.main a.link-primary,
html[data-site-theme="tekwin"] main.main .link-primary {
    color: var(--theme-color-dx_link, #1a768d) !important;
}

html[data-site-theme="tekwin"] main.main a.link-primary:hover,
html[data-site-theme="tekwin"] main.main .link-primary:hover {
    color: var(--theme-color-btn_primary_hover_bg, #156b7f) !important;
}