/* ══════════════════════════════════════════════════════════════
   APEX Iris Theme — Native Font Stack (no external font load)
   Uses the same system fonts APEX Iris uses internally.
   No Google Fonts = no swap blur, perfectly crisp on all screens.
   ══════════════════════════════════════════════════════════════ */

/* Iris theme native font stack */
:root {
    --apex-iris-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                      "Helvetica Neue", Arial, sans-serif;
}

/* ─── Global Base ─────────────────────────────────────────── */
body, .t-PageBody {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-synthesis: none !important;
}

/* ─── Headings & Titles ───────────────────────────────────── */
.t-Region-title,
.t-PageHeader h1,
h1, h2, h3,
.t-Button-label,
.t-Card-title {
    font-family: var(--apex-iris-font) !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    font-size: 0.9375rem !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

/* ─── Header Top Blue Menu Bar ────────────────────────────── */
.t-Header-nav .a-MenuBar,
.t-Header-nav .a-MenuBar-item,
.t-Header-nav .a-MenuBar-label,
.t-Header-nav button.a-MenuBar-label,
.t-Header-nav a.a-MenuBar-label,
.t-Header-nav .a-MenuBar-item > a,
.t-Header-nav .a-MenuBar-item > button,
.t-Header-nav .a-MenuBar-item span {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-synthesis: none !important;
}

/* ─── Dropdown Container Panel ───────────────────────────── */
.a-Menu,
.a-Menu-content,
.a-Menu-body,
.a-Menu--scroll,
.a-Popup,
.a-Popup-content,
.a-MenuBar-menu,
.a-MenuBar-popup,
.ui-menu,
.ui-autocomplete,
.ui-widget-content,
.ui-widget.ui-widget-content {
    font-family: var(--apex-iris-font) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-synthesis: none !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12), 0 1px 4px rgba(0,0,0,0.07) !important;
    border-radius: 6px !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}

/* ─── Dropdown Items — broadest possible selector net ─────── */
.a-Menu li,        .a-Menu a,         .a-Menu span,      .a-Menu button,
.a-Menu-item,      .a-Menu-item a,    .a-Menu-item span,
.a-Menu-label,     .a-Menu-shortcut,
.a-Popup li,       .a-Popup a,
.a-Popup-item,     .a-Popup-item a,   .a-Popup-item span,
.a-MenuBar-menu li,.a-MenuBar-menu a, .a-MenuBar-menu span,
.a-MenuBar-popup li,.a-MenuBar-popup a,
.ui-menu li,       .ui-menu a,
.ui-menu-item,     .ui-menu-item a,   .ui-menu-item > div,
.ui-widget-content li, .ui-widget-content a {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;                    /* regular — never bold */
    letter-spacing: 0.015em !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: geometricPrecision !important;
    font-synthesis: none !important;
    -webkit-text-stroke: 0 !important;              /* no stroke thickening */
}

/* ─── Dropdown Hover / Active ─────────────────────────────── */
.a-Menu-item:hover,   .a-Menu-item.is-active,  .a-Menu-item.is-focused,
.a-Menu li:hover,     .a-Popup-item:hover,      .a-Popup-item.is-focused,
.ui-menu-item a:hover,.ui-menu-item a.ui-state-focus,
.ui-menu-item a.ui-state-active,
.ui-menu-item.ui-state-focus > a {
    font-weight: 500 !important;
    letter-spacing: 0.012em !important;
}

/* ─── Side Navigation Menu ────────────────────────────────── */
.apex-side-nav .t-TreeNav,
.apex-side-nav .t-TreeNav .t-TreeNav-item,
.apex-side-nav .t-TreeNav a,
.apex-side-nav .t-TreeNav .t-TreeNav-label,
.apex-side-nav .t-TreeNav .t-TreeNav-text {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

.apex-side-nav .t-TreeNav .is-current .t-TreeNav-label,
.apex-side-nav .t-TreeNav .is-expanded .t-TreeNav-label,
.apex-side-nav .t-TreeNav .is-hover .t-TreeNav-label {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
}

.apex-side-nav .t-TreeNav .t-TreeNav-icon {
    font-size: 1rem !important;
}

/* ─── Top Navigation Bar ──────────────────────────────────── */
.t-NavigationBar,
.t-NavigationBar .t-NavigationBar-item,
.t-NavigationBar a,
.t-NavigationBar .t-Button-label,
.t-NavigationBar .t-NavigationBar-label,
.apex-side-nav .t-TreeNav a,
.apex-side-nav .t-TreeNav .t-TreeNav-label,
.t-NavigationBar a,
.t-NavigationBar .t-Button-label {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 400 !important;
    color: inherit;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

.apex-side-nav .t-TreeNav .is-hover .t-TreeNav-label,
.apex-side-nav .t-TreeNav .is-current .t-TreeNav-label {
    font-family: var(--apex-iris-font) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    color: inherit;
}