/* ══════════════════════════════════════════════════════════════
   Skin: Top Nav (EasyAdmin vanilla + horizontal menu)
   EasyAdmin admin styles are not overridden.
   Only topnav bar, public pages, and logo need variables here.
   ══════════════════════════════════════════════════════════════ */

:root {
    /* ── General ── */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --accent: #192b67;
    --accent-dim: rgba(25, 43, 103, 0.12);
    --border-subtle: #e2e8f0;

    /* ── EasyAdmin theme overrides (DataPrem primary) ── */
    --color-primary: #192b67;
    --button-primary-bg: linear-gradient(to bottom, #243a80, #192b67);
    --button-primary-hover-bg: linear-gradient(to bottom, #192b67, #122050);
    --button-primary-active-bg: linear-gradient(to bottom, #122050, #0c1638);
    --dropdown-settings-active-item-shadow: inset 0 0 0 1px rgba(25, 43, 103, 0.5);
    --form-switch-checked-bg: #192b67;
    --form-type-check-input-checked-bg: #192b67;
    --button-focus-outline-color: #192b67;
    --resize-handler-hover-bg: #192b67;

    /* ── Top nav bar ── */
    --topnav-h: 56px;
    --topnav-bg: #ffffff;
    --topnav-border: #e2e8f0;
    --topnav-text: #64748b;
    --topnav-text-active: #0f172a;
    --topnav-item-active-bg: rgba(25, 43, 103, 0.08);
    --topnav-item-hover-bg: #f1f5f9;
    --topnav-logo-image: url('/resources/brands/topnav/images/logos/logo.svg');
    --topnav-logo-height: 40px;

    /* ── Sidebar logo (not used but needed for sidebar-logo div) ── */
    --sidebar-logo-image: url('/resources/brands/topnav/images/logos/logo.svg');
    --sidebar-logo-width: 140px;
    --sidebar-logo-height: 42px;
    --sidebar-logo-collapsed-image: url('/resources/brands/topnav/images/logos/collapsed.svg');
    --sidebar-logo-collapsed-size: 30px;

    /* ── Public pages (landing, login) ── */
    --public-bg: #f8fafc;
    --public-text: #334155;
    --public-heading: #0f172a;
    --public-label: #64748b;
    --public-box-bg: #ffffff;
    --public-box-border: #e2e8f0;
    --public-btn-bg: #192b67;
    --public-btn-hover: #122050;
    --public-btn-text: #ffffff;
    --public-error-bg: rgba(239, 68, 68, 0.08);
    --public-error-border: rgba(239, 68, 68, 0.2);
    --public-error-text: #dc2626;
    --public-logo-image: url('/resources/brands/topnav/images/logos/logo.svg');
    --public-logo-glow: none;
    --public-icon-filter: none;
}

/* ── Sidebar logo (needed for sidebar-logo div to render) ── */
.sidebar-logo {
    background-image: var(--sidebar-logo-image);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: var(--sidebar-logo-width, 140px);
    height: var(--sidebar-logo-height, 42px);
    margin: 0 auto;
}

/* Hide the link text/duplicate */
#header-logo .logo-custom a {
    display: flex !important;
    justify-content: center !important;
    text-decoration: none !important;
}

/* Topnav logo box: give it enough width for the wordmark to render at full height */
.topnav-bar__logo {
    min-width: 220px;
}

/* Landing logo: horizontal wordmark. */
.landing__logo {
    width: 100%;
    max-width: 450px;
    height: 105px;
    margin-bottom: 32px;
}

/* Login logo: horizontal wordmark, sized to fit the 400px card. */
.login-logo {
    width: 100%;
    max-width: 280px;
    height: 64px;
    margin: 0 auto 24px;
}

/* User menu: hide dropdown, keep avatar + name */
.user-menu-wrapper .dropdown-menu {
    display: none !important;
}
.user-menu-wrapper .dropdown-toggle::after {
    display: none !important;
}
.user-menu-wrapper .dropdown-toggle {
    pointer-events: none !important;
}