/* Old MyAccount pages on Pages2022.master keep the 2018 theme for their content.
   These rules undo that theme inside the 2022 header and fit the old content into the 2022 page.
   Theme CSS is added last in <head>, so each rule here must be more specific than the 2018 rule. */

/* ---------- Page layout ---------- */

/* Short pages: keep the footer at the bottom of the window.
   Some old pages have an extra </div> that moves the footer out of .wrapper,
   so the form, not .wrapper, fills the window. */
#aspnetForm {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

    #aspnetForm > .wrapper {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

/* The 2022 header is fixed; push the old content below it.
   Old content is designed for a white page and the default line height
   (all.css sets body line-height 28px). */
#ctl00_UpdatePanel1 {
    flex-grow: 1;
    margin-top: 100px;
    background: #fff;
    line-height: normal;
}

/* ---------- 2022 header ---------- */

/* 2018: ul, li, a:link/:hover. Element-only selectors: above the 2018 rules,
   below any class-based 2022 rule. */
body :where(.header) ul {
    line-height: inherit;
}

body :where(.header) li {
    padding-top: 0;
    padding-right: 0;
}

body :where(.header) a:link,
body :where(.header) a:visited,
body :where(.header) a:hover,
body :where(.header) a:active {
    text-decoration: none;
}

/* 2018: a.TopMemuItem (top menu links). */
.header-container a.TopMemuItem {
    color: #2E1E6F !important;
    border-top: 0 !important;
    padding-top: 0;
    float: none;
    display: inline;
    height: auto;
    vertical-align: baseline;
}

    .header-container a.TopMemuItem:hover {
        border-top: 0 !important;
    }

/* a.TopMemuItem forces its colour with !important; restore the 2022 hover colour. */
.header-container .main-menu > li:hover > a.TopMemuItem {
    color: #F1481F !important;
}

/* 2018: a.TopMemuItemOn (active top menu item). */
.header-container a.TopMemuItemOn {
    background-image: none;
    border-top: 0 !important;
}

/* 2018: a.ancsbit18 (submenu links). */
.header-container a.ancsbit18 {
    color: #2E1E6F;
    display: inline;
    width: auto;
    height: auto;
}

    .header-container a.ancsbit18:hover {
        color: #2E1E6F;
    }

/* 2018: .nmsspsrtp (header separator). */
.header-container .nmsspsrtp {
    display: none;
}

/* 2018: .nmsptbx (basket block). */
.header-container > .nmsptbx {
    display: block;
    height: auto;
    margin-left: 0;
    color: inherit;
}