/* Enroll button styles. Existing specialist controls keep their own styling. */
:root {
    --eac-button-blue: #145da4;
    --eac-button-blue-hover: #104b86;
    --eac-button-ink: #124a7b;
    --eac-button-radius: 10px;
    --eac-button-shadow: 0 3px 8px rgba(9, 44, 83, .15);
}

/* Navigation icons and colours correspond to each destination. */
.main-navigation .main-nav > ul > li {
    --eac-nav-bg: #edf3fb;
    --eac-nav-hover: #dce8f7;
    --eac-nav-ink: #244765;
    --eac-nav-border: #c7d8ec;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button) > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    margin: 8px 4px;
    padding: 10px 10px;
    border: 1px solid var(--eac-nav-border);
    border-radius: var(--eac-button-radius);
    background: var(--eac-nav-bg);
    color: var(--eac-nav-ink);
    box-shadow: var(--eac-button-shadow);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    transition: background-color .18s ease, box-shadow .18s ease;
}

.main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button) > a::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-color: currentColor;
    -webkit-mask: var(--eac-nav-icon) center / contain no-repeat;
    mask: var(--eac-nav-icon) center / contain no-repeat;
}

.main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button) > a:hover,
.main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button).sfHover > a {
    background: var(--eac-nav-hover);
    border-color: var(--eac-nav-border);
    color: var(--eac-nav-ink);
    box-shadow: 0 5px 12px rgba(9, 44, 83, .22);
}

.main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button) > a[aria-current="page"] {
    background: var(--eac-nav-hover);
    color: var(--eac-nav-ink);
    box-shadow: inset 0 -3px 0 var(--eac-nav-ink), 0 3px 8px rgba(9, 44, 83, .12);
}

.main-navigation .main-nav #menu-item-47 {
    --eac-nav-bg: #edf3fb;
    --eac-nav-hover: #dce8f7;
    --eac-nav-ink: #244765;
    --eac-nav-border: #c7d8ec;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1Z%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-1259 {
    --eac-nav-bg: #e4f5f0;
    --eac-nav-hover: #ccece1;
    --eac-nav-ink: #146149;
    --eac-nav-border: #9fd8c5;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h6v18h-6M3%2012h12m-5-5%205%205-5%205%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav .eac-cta-outline {
    --eac-nav-bg: #fff3d6;
    --eac-nav-hover: #ffe8b3;
    --eac-nav-ink: #81510f;
    --eac-nav-border: #ebca83;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H7l-4%203V7a4%204%200%200%201%204-4h6a8%208%200%200%201%208%208Z%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h5%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav .eac-cta-filled {
    --eac-nav-bg: #bd2636;
    --eac-nav-hover: #a61d2d;
    --eac-nav-ink: #ffffff;
    --eac-nav-border: #da6974;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M2%2021v-2a7%207%200%200%201%2014%200v2m3-13v6m-3-3h6%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-1535 {
    --eac-nav-bg: #e8eef7;
    --eac-nav-hover: #d4dfef;
    --eac-nav-ink: #334a70;
    --eac-nav-border: #b4c5df;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-8%209-8%209s-8-4-8-9V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-1553 {
    --eac-nav-bg: #e1f3f3;
    --eac-nav-hover: #c5e7e8;
    --eac-nav-ink: #155c63;
    --eac-nav-border: #97cbce;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v3M3%2013h18m-11-2v4h4v-4%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-1564 {
    --eac-nav-bg: #fff0d2;
    --eac-nav-hover: #ffe2a1;
    --eac-nav-ink: #7d5211;
    --eac-nav-border: #e6c27d;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H5a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9Z%22%2F%3E%3Cpath%20d%3D%22M14%202v7h7M7%2013h10m-10%204h6%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-2074 {
    --eac-nav-bg: #e7efff;
    --eac-nav-hover: #cfdefb;
    --eac-nav-ink: #2d5199;
    --eac-nav-border: #a6bee9;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E");
}

.main-navigation .main-nav #menu-item-1258 {
    --eac-nav-bg: #fcebef;
    --eac-nav-hover: #f6d6df;
    --eac-nav-ink: #92384e;
    --eac-nav-border: #e9b0c0;
    --eac-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%203H4v18h6m3-9h8m-4-4%204%204-4%204%22%2F%3E%3C%2Fsvg%3E");
}

/* Keep dropdown arrows compact alongside the destination icon. */
.main-navigation .main-nav > ul > .menu-item-has-children > a > .dropdown-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    width: 16px;
    padding: 0;
}

@media (min-width: 769px) {
    .site-header .inside-header:has(.eac-my-cbt-button) {
        max-width: 1320px;
        column-gap: 16px;
    }
}

.site-header .menu-toggle {
    box-sizing: border-box;
    min-width: 48px;
    min-height: 48px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: var(--eac-button-radius);
    line-height: 22px;
    box-shadow: var(--eac-button-shadow);
}

.main-navigation .main-nav a:focus-visible,
.site-header .menu-toggle:focus-visible {
    outline: 3px solid #ffdc85;
    outline-offset: 3px;
}

/* Native form actions and the legacy Pre Interview buttons. */
.entry-content :where(button:not([class]), button[class=""], input[type="submit"]:not([class]), input[type="button"]:not([class]), input[type="reset"]:not([class])),
.entry-content .ei-button {
    box-sizing: border-box;
    min-height: 46px;
    max-width: 100%;
    padding: 11px 22px;
    border: 1px solid var(--eac-button-blue);
    border-radius: var(--eac-button-radius);
    background: var(--eac-button-blue);
    color: #fff;
    box-shadow: var(--eac-button-shadow);
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.entry-content :where(button:not([class]), button[class=""], input[type="submit"]:not([class]), input[type="button"]:not([class])):hover,
.entry-content .ei-button:hover {
    background: var(--eac-button-blue-hover);
    border-color: var(--eac-button-blue-hover);
    color: #fff;
    box-shadow: 0 5px 12px rgba(9, 44, 83, .2);
}

.entry-content #clear-signature,
.entry-content input[type="reset"]:not([class]) {
    background: #f1f6fc;
    border-color: #bed0e2;
    color: var(--eac-button-ink);
    box-shadow: none;
}

.entry-content #clear-signature:hover,
.entry-content input[type="reset"]:not([class]):hover {
    background: #e4eef9;
    border-color: #90b1d2;
    color: var(--eac-button-ink);
}

/* Give standard WordPress actions a shape without replacing module colours. */
.entry-content :where(.button, .button-primary, .button-secondary, .wp-block-button__link) {
    border-radius: var(--eac-button-radius);
    transition: background-color .18s ease, box-shadow .18s ease;
}

/* Ultimate Member declares its button styles as important; match that scope. */
.site-content .um :is(input.um-button, button.um-button, a.um-button) {
    box-sizing: border-box !important;
    min-height: 46px !important;
    padding: 11px 20px !important;
    border: 1px solid var(--eac-button-blue) !important;
    border-radius: var(--eac-button-radius) !important;
    background: var(--eac-button-blue) !important;
    color: #fff !important;
    box-shadow: var(--eac-button-shadow) !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.site-content .um :is(input.um-button, button.um-button, a.um-button):hover {
    background: var(--eac-button-blue-hover) !important;
    border-color: var(--eac-button-blue-hover) !important;
    color: #fff !important;
    box-shadow: 0 5px 12px rgba(9, 44, 83, .2) !important;
}

.site-content .um :is(input.um-button, button.um-button, a.um-button).um-alt {
    background: #f1f6fc !important;
    border-color: #bed0e2 !important;
    color: var(--eac-button-ink) !important;
    box-shadow: none !important;
}

.site-content .um :is(input.um-button, button.um-button, a.um-button).um-alt:hover {
    background: #e4eef9 !important;
    border-color: #90b1d2 !important;
}

.entry-content :is(button, input[type="submit"], input[type="button"], input[type="reset"], a.button, .wp-block-button__link):focus-visible,
.site-content .um :is(input.um-button, button.um-button, a.um-button):focus-visible {
    outline: 3px solid #1571ba !important;
    outline-offset: 3px !important;
}

.entry-content :is(button, input[type="submit"], input[type="button"], input[type="reset"]):disabled,
.site-content .um :is(input.um-button, button.um-button, a.um-button):is(:disabled, [aria-disabled="true"], .um-disabled) {
    opacity: .55 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .main-navigation .main-nav > ul > li:not(.lost-cca-menu):not(.eac-my-cbt-button) > a {
        margin: 8px 14px;
        min-height: 46px;
    }

    .main-navigation .main-nav > ul > .menu-item-has-children > a {
        position: relative;
        padding-left: 44px;
        padding-right: 44px;
    }

    .main-navigation .main-nav > ul > .menu-item-has-children > a > .dropdown-menu-toggle {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-navigation .main-nav > ul > li:not(.lost-cca-menu) > a,
    .entry-content :is(button, input[type="submit"], input[type="button"], input[type="reset"], .button, .wp-block-button__link),
    .site-content .um :is(input.um-button, button.um-button, a.um-button) {
        transition: none !important;
    }
}