/*
 Theme Name:   WIN SH Dashboard 2025
 Theme URI:    https://sexualharassment.womeninnews.org/research
 Description:  Interactive data visualization dashboard for sexual harassment research across 20 countries
 Author:       WIN / WAN-IFRA
 Version:      1.0.0
 Template:     win-sh-research-2021
 Text Domain:  win-sh-dashboard-2025
 License:      GNU General Public License v2 or later
*/

/* Hide the parent theme's navigation and ancillary elements on dashboard pages */
body.dashboard-page #my-nav,
body.dashboard-page .back-button,
body.dashboard-page .to-top-button,
body.dashboard-page #nav-open,
body.dashboard-page #top-of-site-pixel-anchor,
body.dashboard-page .skip-link.screen-reader-text {
    display: none !important;
}

/* Reset parent theme body styles on dashboard pages */
body.dashboard-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-size: 16px !important;
    height: auto !important;
}

/* Prevent parent theme #page wrapper from adding unexpected spacing */
body.dashboard-page #page {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    margin: 0 !important;
}

/* Isolate dashboard from Bootstrap and parent theme global styles */
body.dashboard-page .dashboard-app,
body.dashboard-page .profile-app {
    font-family: 'Avenir Roman', 'Avenir', 'Helvetica Neue', sans-serif !important;
    font-size: 16px;
    line-height: 1.5;
}

body.dashboard-page .dashboard-app *,
body.dashboard-page .profile-app * {
    font-family: inherit;
}

/* Reset Bootstrap margin/padding on dashboard headings and paragraphs */
body.dashboard-page .dashboard-app h1,
body.dashboard-page .dashboard-app h2,
body.dashboard-page .dashboard-app h3,
body.dashboard-page .dashboard-app p,
body.dashboard-page .profile-app h1,
body.dashboard-page .profile-app h2,
body.dashboard-page .profile-app h3,
body.dashboard-page .profile-app p {
    margin-top: 0;
    margin-bottom: 0;
}

/* Prevent Bootstrap from restyling dashboard form elements */
body.dashboard-page .dashboard-app select,
body.dashboard-page .dashboard-app button,
body.dashboard-page .dashboard-app input,
body.dashboard-page .profile-app select,
body.dashboard-page .profile-app button,
body.dashboard-page .profile-app input {
    font-family: inherit;
    font-size: inherit;
}

/* Ensure the WP parent footer does not overlap the dashboard */
body.dashboard-page #page > footer.container-fluid {
    flex-shrink: 0;
}