/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/* ==========================================================
   Be.Aliant Custom Theme CSS
   ========================================================== */

/* 1. Align the top navbar container with the page content (.container-md) */
#survey-nav .container-fluid {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

@media (min-width: 768px) {
    #survey-nav .container-fluid { max-width: 720px !important; }
}
@media (min-width: 992px) {
    #survey-nav .container-fluid { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    #survey-nav .container-fluid { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    #survey-nav .container-fluid { max-width: 1320px !important; }
}

#survey-nav .navbar-brand.logo-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#survey-nav .logo-container img.logo,
.navbar-brand img.logo {
    max-height: 42px !important;
    width: auto !important;
}

/* 2. Fix box-sizing so padding does NOT inflate height past 100vh */
html, body {
    box-sizing: border-box !important;
    height: 100% !important;
    margin: 0 !important;
}

*, *:before, *:after {
    box-sizing: inherit;
}

/* 3. Flexbox sticky-footer: keeps footer at the bottom without scrollbar */
body.brand-logo {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    padding-top: 65px !important;
}

#dynamicReloadContainer,
.container-md {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 auto !important;
}

main#surveys-list-container {
    flex: 1 0 auto !important;
}

/* 4. Footer sits flush at bottom with compact padding */
#surveyListFooter {
    margin-top: auto !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* 5. Hide the duplicate centered title and empty icon wrapper */
#surveys-list-jumbotron,
#surveylistrowjumbotron {
    display: none !important;
}