/* ---------------------------------------------------------------------------
   wwwroot/css/shared/global/09-layout-chrome.css

   Loaded by _Layout.cshtml as part 9 of 17 for every page.
   Cascade order is the file order in that <link> list:
     previous: 08-data-status.css
     next:     10-responsive.css

   Split out of a single monolithic stylesheet. Do not reorder the <link>
   tags and do not move a rule between these files: both change the cascade.
--------------------------------------------------------------------------- */
/* ==========================================================================
   LAYER 4 - LAYOUT CHROME (header, footer, wrapper)
   From shared/layout.css. Button rules moved to LAYER 9.
   ========================================================================== */
cds-header {
    background-color: var(--c-brand);
    height: var( --navbar-height );
    display: flex !important;
}

.main-and-footer-wrapper {
    min-height: calc( 100vh - var(--navbar-height ) );
    position: relative;
    margin-top: var(--navbar-height );
}

.footer-height {
    height: auto;
    min-height: auto;
    display: block;
}

footer {
    background-color: transparent;
    border-top: 1px solid #e0e0e0;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    margin-top: 3rem;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center;
    max-width: 100%;
}

.footer-logo {
    margin: 0;
}

.footer-logo img {
    height: 40px;
    width: auto;
}

.footer-text {
    font-size: 0.875rem;
    font-weight: 500;
    color: #161616;
    margin: 0;
}

.footer-copyright {
    font-size:0.75rem;
    color: #525252;
    margin: 0;
}

.footer-copyright a {
    color: #0f62fe;
    text-decoration: none;
    transition: text-decoration 0.2s ease;
}

.footer-copyright a:hover {
    text-decoration: underline;
}

.footer-privacy {
    font-size: 0.75rem;
    margin: 0;
}

.footer-privacy a {
    color: #0f62fe;
    text-decoration: none;
    transition: text-decoration 0.2s ease;
}

.footer-privacy a:hover {
    text-decoration: underline;
}
