/*
 * ABS Hotel Cloud v4 UI overrides
 * Contract: scoped selectors only under body[data-ui="v4"].
 */

body[data-ui="v4"] {
    font-family: var(--font-family-base);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-normal);
}

body[data-ui="v4"] .ui-widget,
body[data-ui="v4"] .ui-widget input,
body[data-ui="v4"] .ui-widget select,
body[data-ui="v4"] .ui-widget textarea,
body[data-ui="v4"] .ui-widget button {
    font-family: var(--font-family-base) !important;
    font-size: 14px;
}

body[data-ui="v4"] .ui-datepicker {
    font-size: 14px;
}

/* Normalize third-party widget typography for v4 pages. */
body[data-ui="v4"] .dx-theme-generic-typography,
body[data-ui="v4"] .dx-theme-generic-typography input,
body[data-ui="v4"] .dx-theme-generic-typography textarea,
body[data-ui="v4"] .dx-field,
body[data-ui="v4"] .dx-field input,
body[data-ui="v4"] .dx-field textarea,
body[data-ui="v4"] .dx-datagrid-column-chooser,
body[data-ui="v4"] .dx-treelist-column-chooser,
body[data-ui="v4"] .select2-container,
body[data-ui="v4"] .select2-dropdown,
body[data-ui="v4"] .select2-dropdown .select2-search__field,
body[data-ui="v4"] .select2-dropdown .select2-results__group,
body[data-ui="v4"] .select2-dropdown .select2-results__option {
    font-family: var(--font-family-base) !important;
    font-size: var(--font-size-sm);
}

/* ==========================================================================
   v4 App Frame (Global Header, Sidebar, Footer)
   ========================================================================== */

/* Keep original dark app frame on top nav and sidebar */
body[data-ui="v4"] .sidebar-wrapper,
body[data-ui="v4"] .page-content>nav.navbar {
    background-color: #192038 !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Make Dashboard top nav bar background match the body, with a separator line */
body[data-ui="v4"].is-dashboard-page .page-content>nav.navbar {
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

body[data-ui="v4"].is-dashboard-page footer.footer,
body[data-ui="v4"].is-dashboard-page footer.footer a,
body[data-ui="v4"].is-dashboard-page footer.footer .home-night-audit-date {
    color: rgba(255, 255, 255, 0.82) !important;
}

body[data-ui="v4"] .sidebar-wrapper .sidebar-menu ul li a {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}


body[data-ui="v4"] [data-v4-surface="dashboard"] a[data-toggle="tooltip"] {
    display: block;
}

body[data-ui="v4"] [data-v4-surface="dashboard"] .text-decoration-none:focus-visible {
    outline: 2px solid var(--abs-blue-main);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}