/* DBIM header, navigation and accessibility panel.
   Loaded after style.css so it can override the legacy header rules.
   Icons are the DBIM SVGs from D:\DBIM\Icons, copied to ../images/dbim-icons/
   and painted with CSS masks so they follow the current text colour. */

:root {
    --dbim-navy: #162F6A;
    --dbim-blue: #2347A8;
    --dbim-line: #C3D0EC;
    --dbim-text: #000000;
    --dbim-muted: #5B5F68;
    --dbim-grey: #EEF0F4;
    --dbim-grey-line: #D5D9E1;
    --dbim-font: "Noto Sans", "Open Sans", Arial, sans-serif;
    --dbim-scale: 1;
}

/* Text size control scales every rem/em/% based size on the page. */
html { font-size: calc(100% * var(--dbim-scale)); }
.page { overflow-x: clip; }

/* ---------- icons (mask based) ---------- */
.dbim-ic {
    display: inline-block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask: var(--ic) center / contain no-repeat;
    mask: var(--ic) center / contain no-repeat;
}
.ic-search          { --ic: url(../images/dbim-icons/search.svg); }
.ic-skip            { --ic: url(../images/dbim-icons/skip-to-content.svg); }
.ic-language        { --ic: url(../images/dbim-icons/language.svg); }
.ic-dark            { --ic: url(../images/dbim-icons/dark-mode.svg); }
.ic-light           { --ic: url(../images/dbim-icons/light-mode.svg); }
.ic-accessibility   { --ic: url(../images/dbim-icons/accessibility.svg); }
.ic-text-decrease   { --ic: url(../images/dbim-icons/text-decrease.svg); }
.ic-text-increase   { --ic: url(../images/dbim-icons/text-increase.svg); }
.ic-format-clear    { --ic: url(../images/dbim-icons/format-clear.svg); }
.ic-contrast        { --ic: url(../images/dbim-icons/high-contrast.svg); }
.ic-invert          { --ic: url(../images/dbim-icons/invert.svg); }
.ic-greyscale       { --ic: url(../images/dbim-icons/greyscale.svg); }
.ic-links           { --ic: url(../images/dbim-icons/highlight-links.svg); }
.ic-hide-image      { --ic: url(../images/dbim-icons/hide-image.svg); }
.ic-pause           { --ic: url(../images/dbim-icons/pause.svg); }
.ic-play            { --ic: url(../images/dbim-icons/play.svg); }
.ic-speech          { --ic: url(../images/dbim-icons/speech.svg); }
.ic-chevron         { --ic: url(../images/dbim-icons/chevron-right.svg); }

/* ---------- full-width bands inside the 1170px container ---------- */
#header .dbim-topbar,
#header .dbim-brand,
#header .mainNavigation { position: relative; isolation: isolate; }
#header .dbim-topbar::before,
#header .dbim-brand::before,
#header .mainNavigation::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: var(--band, transparent);
}

/* ---------- grey top bar: four clocks ---------- */
#header .dbim-topbar {
    --band: var(--dbim-grey);
    padding: 0;
    background: transparent;
    line-height: 1;
}
#header .dbim-topbar .container { padding: 0 12px !important; }
#header .dbim-clocks {
    clear: both;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}
#header .dbim-clocks li {
    float: none;
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 34px;
    padding: 0 8px;
    font-size: 0.75rem;
}
#header .dbim-clocks li + li { border-left: 1px solid var(--dbim-grey-line); }
#header .dbim-clocks li::before { display: none; }
#header .dbim-clocks .dbim-flag {
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 16px;
    object-fit: cover;
    border: 1px solid var(--dbim-grey-line);
}
#header .dbim-clocks iframe {
    display: block;
    flex: 0 1 230px;
    width: 230px;
    max-width: 100%;
    height: 20px;
    border: 0;
    overflow: hidden;
}

/* ---------- logo / search / icons row ---------- */
#header .dbim-brand .dbim-brand__in::before,
#header .dbim-brand .dbim-brand__in::after { display: none; }
#header .dbim-brand {
    --band: #fff;
    z-index: 1200;
    padding: 0;
    background: transparent;
}
#header .dbim-brand .dbim-brand__in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    padding: 14px 12px !important;
}
.dbim-logo { order: 1; margin: 0; flex: 1 1 auto; min-width: 0; }
.dbim-logo a {
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: var(--dbim-text);
}
.dbim-logo img { display: block; width: 45px; height: auto; max-height: 72px; flex: 0 0 auto; }
.dbim-logo__text { display: flex; flex-direction: column; font-family: var(--dbim-font); min-width: 0; }
.dbim-logo__title { font-size: 1.5rem; line-height: 1.2; font-weight: 700; color: var(--dbim-text); }
.dbim-logo__sub { font-size: 1rem; line-height: 1.4; color: var(--dbim-muted); }
.dbim-logo__note { font-size: 0.75rem; line-height: 1.4; color: var(--dbim-muted); }

#header .dbim-search {
    order: 2;
    position: relative;
    flex: 0 1 380px;
    width: 380px;
    max-width: 100%;
    margin: 0;
}
#header .dbim-search input[type="text"] {
    width: 100%;
    height: 48px;
    padding: 0 48px 0 16px;
    box-sizing: border-box;
    font: 400 1rem var(--dbim-font);
    color: var(--dbim-text);
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-bottom: 3px solid var(--dbim-blue);
    border-radius: 4px;
    box-shadow: none;
}
#header .dbim-search input[type="text"]::placeholder { color: var(--dbim-muted); opacity: 1; }
#header .dbim-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    color: var(--dbim-blue);
    cursor: pointer;
}

#header .dbim-icons {
    order: 3;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
#header .dbim-icons li { float: none; position: relative; display: block; padding: 0; margin: 0; font-size: 1rem; }
#header .dbim-icons li::before { display: none; }
#header .dbim-icons li.dbim-sep { height: 36px; margin: 0 4px; border-left: 1px solid var(--dbim-line); }
#header .dbim-ibtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--dbim-navy);
    background: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
}
#header .dbim-ibtn:hover,
#header .dbim-ibtn[aria-expanded="true"] { background: #E8EDF8; color: var(--dbim-navy); text-decoration: none; }
#header .dbim-ibtn:focus-visible { outline: 2px solid var(--dbim-blue) !important; outline-offset: 2px; }
#header .dbim-ibtn .dbim-ic { width: 26px; height: 26px; }

/* icons must keep painting in themed modes */
html .dbim-ic,
html[data-dbim-contrast] body .dbim-ic { background-color: currentColor !important; }

/* language popover */
.dbim-pop {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1300;
    min-width: 200px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(22, 47, 106, .18);
}
.dbim-pop[hidden] { display: none; }

/* ---------- navigation ---------- */
#header .mainNavigation { --band: var(--dbim-navy); background: transparent; padding: 0; z-index: 1100; }
#header .mainNavigation .container { padding: 0 !important; }
#header .mainNavigation .menuPart { position: static; }
#header .menuSearchBox { display: none !important; }
@media only screen and (min-width: 1024px) {
    .menuPart #nav {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;
    }
}
#header #nav > li { float: none; display: block; }
#header #nav > li > a {
    display: flex;
    align-items: center;
    gap: 2px;
    height: 53px;
    padding: 0 8px;
    line-height: 1.2;
    font: 400 0.875rem var(--dbim-font);
    color: #fff;
    background: transparent;
    white-space: nowrap;
}
#header #nav > li:has(> ul) > a::after {
    content: "";
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
    transform: rotate(90deg);
    transition: transform .2s;
}
#header #nav > li:hover > a::after,
#header #nav > li.focus > a::after { transform: rotate(-90deg); }
#header #nav > li > a:hover,
#header #nav > li.hover > a,
#header #nav > li.focus > a,
#header #nav > li > a.dbim-current,
#header #nav > .highlight > a,
#header #nav > li.MenuLiLast > a:hover { background: var(--dbim-blue); color: #fff; }
#header #nav ul {
    width: 260px;
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-top: 3px solid var(--dbim-blue);
    box-shadow: 0 8px 24px rgba(22, 47, 106, .2);
}
#header #nav ul li a {
    font: 400 0.875rem var(--dbim-font);
    line-height: 1.4;
    padding: 10px 16px;
    color: var(--dbim-navy);
    background: #fff;
    border-top: 1px solid #EDF0F7;
}
#header #nav ul li:first-child > a { border-top: 0; }
#header #nav li ul li a:hover,
#header #nav ul li.focus > a,
#header #nav ul a.selected { background: #EEF2FB; color: var(--dbim-blue); }
#header #nav a:focus-visible { outline: 2px solid #fff !important; outline-offset: -3px; }
#header #nav ul a:focus-visible { outline-color: var(--dbim-blue) !important; }

/* ---------- accessibility panel ---------- */
.dbim-acc {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1400;
    width: 330px;
    max-height: calc(100vh - 140px);
    overflow-y: auto;
    padding: 18px 16px 16px;
    box-sizing: border-box;
    font-family: var(--dbim-font);
    color: var(--dbim-text);
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(22, 47, 106, .22);
}
.dbim-acc[hidden] { display: none; }
.dbim-acc__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.dbim-acc__title { margin: 0; padding: 0; font: 700 1.125rem var(--dbim-font); color: var(--dbim-navy); }
.dbim-acc__close {
    width: 32px; height: 32px; padding: 0; font: 400 1.5rem/1 var(--dbim-font);
    color: var(--dbim-navy); background: none; border: 0; border-radius: 4px; cursor: pointer;
}
.dbim-acc__close:hover { background: #E8EDF8; }
.dbim-acc__group { margin: 0; padding: 12px 0 14px; border: 0; border-top: 1px solid #E5E9F2; }
.dbim-acc__group:first-of-type { border-top: 0; padding-top: 0; }
.dbim-acc__group legend {
    float: left; width: 100%; margin: 0 0 8px; padding: 0;
    font: 600 0.875rem var(--dbim-font); color: var(--dbim-muted);
}
.dbim-acc__grid { clear: both; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.dbim-acc__grid.is-two { grid-template-columns: repeat(3, 1fr); }
.dbim-acc__btn {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    min-height: 64px; padding: 8px 4px; box-sizing: border-box;
    font: 600 0.75rem/1.2 var(--dbim-font); text-align: center;
    color: var(--dbim-navy); background: #fff;
    border: 1px solid #D4DAE8; border-radius: 6px; cursor: pointer;
}
.dbim-acc__btn:hover { background: #F2F5FC; border-color: var(--dbim-line); }
.dbim-acc__btn:focus-visible { outline: 2px solid var(--dbim-blue) !important; outline-offset: 2px; }
.dbim-acc__btn:disabled { opacity: .45; cursor: not-allowed; }
.dbim-acc__btn[aria-pressed="true"] { color: #fff; background: var(--dbim-navy); border-color: var(--dbim-navy); }
.dbim-acc__btn .dbim-ic { width: 22px; height: 22px; }
.dbim-acc__size { margin: 8px 0 0; text-align: center; font-size: 0.75rem; color: var(--dbim-muted); }
.dbim-acc__reset {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; height: 44px; margin-top: 4px;
    font: 700 0.9375rem var(--dbim-font); color: var(--dbim-navy);
    background: #D9E3FA; border: 1px solid #B8C8EE; border-radius: 6px; cursor: pointer;
}
.dbim-acc__reset:hover { background: #C9D8F6; }
.dbim-acc__reset:focus-visible { outline: 2px solid var(--dbim-blue) !important; outline-offset: 2px; }
.dbim-acc__link {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    margin-top: 10px; font: 600 0.8125rem var(--dbim-font); color: var(--dbim-navy); text-decoration: none;
}
.dbim-acc__link:hover { text-decoration: underline; }

/* ---------- accessibility states ---------- */
html[data-dbim-contrast="invert"]    { filter: invert(1); }
html[data-dbim-contrast="greyscale"] { filter: grayscale(1); }

html.dbim-hl-links a:not(.dbim-ibtn):not(.dbim-acc__link) {
    background: #FFF176 !important;
    color: #000 !important;
    outline: 2px solid #000;
    text-decoration: underline !important;
}
html.dbim-no-img img:not(.dbim-keep) { visibility: hidden !important; }
html.dbim-no-img * { background-image: none !important; }
html.dbim-no-motion *,
html.dbim-no-motion *::before,
html.dbim-no-motion *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

/* dark + high contrast share one rule set driven by variables */
html[data-dbim-contrast="dark"] {
    color-scheme: dark;
    --t-bg: #12161F; --t-surface: #1B2130; --t-fg: #E8EAF0; --t-link: #8FB4FF; --t-line: #39425A;
    --dbim-text: #E8EAF0; --dbim-muted: #AEB4C4; --dbim-grey: #1B2130; --dbim-grey-line: #39425A;
    --dbim-navy: #0F1C3F; --dbim-line: #39425A;
}
html[data-dbim-contrast="high"] {
    color-scheme: dark;
    --t-bg: #000; --t-surface: #000; --t-fg: #fff; --t-link: #FFFF00; --t-line: #fff;
    --dbim-text: #fff; --dbim-muted: #fff; --dbim-grey: #000; --dbim-grey-line: #fff;
    --dbim-navy: #000; --dbim-blue: #FFFF00; --dbim-line: #fff;
}
html[data-dbim-contrast="dark"] body,
html[data-dbim-contrast="high"] body,
html[data-dbim-contrast="dark"] body :where(div, section, article, aside, main, ul, ol, li, table, tr, td, th, form, p, h1, h2, h3, h4, h5, h6, label, fieldset, nav, header, footer, span, strong, b, em, small, blockquote, dl, dt, dd, input, select, textarea, button) {
    background-color: var(--t-bg) !important;
    color: var(--t-fg) !important;
    border-color: var(--t-line);
}
html[data-dbim-contrast="dark"] #header .dbim-brand,
html[data-dbim-contrast="high"] #header .dbim-brand { --band: var(--t-bg); }
html[data-dbim-contrast="dark"] body a,
html[data-dbim-contrast="high"] body a { color: var(--t-link) !important; }
html[data-dbim-contrast="dark"] #header .dbim-search input[type="text"],
html[data-dbim-contrast="high"] #header .dbim-search input[type="text"] { border-color: var(--t-line); border-bottom-color: var(--dbim-blue); }
html[data-dbim-contrast="dark"] #header .dbim-search button,
html[data-dbim-contrast="dark"] #header .dbim-ibtn,
html[data-dbim-contrast="high"] #header .dbim-search button,
html[data-dbim-contrast="high"] #header .dbim-ibtn { background: transparent !important; color: var(--t-link) !important; }
html[data-dbim-contrast="dark"] #header .dbim-ibtn:hover,
html[data-dbim-contrast="high"] #header .dbim-ibtn:hover { background: var(--t-surface) !important; }
html[data-dbim-contrast="dark"] #header .mainNavigation,
html[data-dbim-contrast="dark"] #header .mainNavigation :where(div, ul, li, a, em, span),
html[data-dbim-contrast="high"] #header .mainNavigation,
html[data-dbim-contrast="high"] #header .mainNavigation :where(div, ul, li, a, em, span) { background-color: var(--dbim-navy) !important; color: #fff !important; }
html[data-dbim-contrast="dark"] #header #nav ul li a,
html[data-dbim-contrast="high"] #header #nav ul li a { background-color: var(--t-surface) !important; color: var(--t-link) !important; }
html[data-dbim-contrast="dark"] #header #nav > li > a:hover,
html[data-dbim-contrast="dark"] #header #nav > li > a.dbim-current,
html[data-dbim-contrast="dark"] #header #nav > li.hover > a { background-color: var(--dbim-blue) !important; color: #fff !important; }
html[data-dbim-contrast="high"] #header #nav > li > a:hover,
html[data-dbim-contrast="high"] #header #nav > li > a.dbim-current,
html[data-dbim-contrast="high"] #header #nav > li.hover > a { background-color: #FFFF00 !important; color: #000 !important; }
html[data-dbim-contrast="dark"] .dbim-acc,
html[data-dbim-contrast="dark"] .dbim-pop,
html[data-dbim-contrast="high"] .dbim-acc,
html[data-dbim-contrast="high"] .dbim-pop { background-color: var(--t-bg) !important; border-color: var(--t-line); }
html[data-dbim-contrast="dark"] .dbim-acc__title,
html[data-dbim-contrast="dark"] .dbim-acc__btn,
html[data-dbim-contrast="dark"] .dbim-acc__close,
html[data-dbim-contrast="high"] .dbim-acc__title,
html[data-dbim-contrast="high"] .dbim-acc__btn,
html[data-dbim-contrast="high"] .dbim-acc__close { color: var(--t-link) !important; }
html[data-dbim-contrast="dark"] .dbim-acc__btn[aria-pressed="true"],
html[data-dbim-contrast="dark"] .dbim-acc__reset { background-color: var(--dbim-blue) !important; color: #fff !important; }
html[data-dbim-contrast="high"] .dbim-acc__btn[aria-pressed="true"],
html[data-dbim-contrast="high"] .dbim-acc__reset { background-color: #FFFF00 !important; color: #000 !important; border-color: #fff; }
html[data-dbim-contrast="dark"] .dbim-logo__title,
html[data-dbim-contrast="high"] .dbim-logo__title { color: var(--t-fg) !important; }
html[data-dbim-contrast="dark"] .dbim-logo img { filter: invert(1) hue-rotate(180deg); }
html[data-dbim-contrast="high"] .dbim-logo img { filter: invert(1) grayscale(1); }
html[data-dbim-contrast="dark"] .footerCont,
html[data-dbim-contrast="dark"] .footerCont :where(div, ul, li, p, span) { background-color: #0F1C3F !important; }

/* ---------- footer links moved from the old top bar ---------- */
.footerLinks .dbim-footer-link a { text-decoration: none; }

/* ---------- tablet ---------- */
@media only screen and (max-width: 1023px) {
    #header .dbim-brand .dbim-brand__in { padding: 12px 15px !important; }
    #header .dbim-topbar .container { padding: 0 15px !important; }
    #header .dbim-icons { order: 2; }
    #header .dbim-search { order: 3; flex: 1 1 100%; width: 100%; }
    #header .mainNavigation .container { padding: 0 15px !important; }
    .dbim-acc { width: 330px; }
}
@media only screen and (max-width: 1023px) {
    #header .dbim-clocks { flex-wrap: wrap; }
    #header .dbim-clocks li { flex: 1 1 50%; }
    #header .dbim-clocks li:nth-child(odd) { border-left: 0; }
    #header .dbim-clocks li:nth-child(n + 3) { border-top: 1px solid var(--dbim-grey-line); }
}

/* ---------- mobile ---------- */
@media only screen and (max-width: 600px) {
    #header .dbim-brand .dbim-brand__in { gap: 10px 8px; }
    .dbim-logo { flex: 1 1 100%; }
    .dbim-logo img { width: 36px; }
    .dbim-logo__title { font-size: 1.25rem; }
    #header .dbim-icons { order: 2; flex: 1 1 100%; justify-content: flex-end; margin-top: -4px; }
    #header .dbim-clocks li { gap: 6px; padding: 0 4px; height: 30px; }
    #header .dbim-clocks .dbim-flag { width: 20px; height: 14px; }
    .dbim-acc {
        position: fixed;
        left: 8px;
        right: 8px;
        top: auto;
        bottom: 8px;
        width: auto;
        max-height: 85vh;
    }
    .dbim-pop { right: -8px; }
}
@media only screen and (max-width: 560px) {
    #header .dbim-clocks li { flex: 1 1 100%; justify-content: flex-start; padding-left: 12px; border-left: 0 !important; }
    #header .dbim-clocks li + li { border-top: 1px solid var(--dbim-grey-line); }
}
@media only screen and (max-width: 380px) {
    .dbim-acc__grid { gap: 6px; }
    .dbim-acc__btn { font-size: 0.6875rem; }
}
@media (prefers-reduced-motion: reduce) {
    #header #nav > li:has(> ul) > a::after { transition: none; }
}

/* ---------- multi-level dropdown alignment ---------- */
#header #nav ul { margin-left: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .18s ease, visibility .18s; }
#header #nav li:hover > ul,
#header #nav li.hover > ul,
#header #nav li.focus > ul,
#header #nav li:focus-within > ul { opacity: 1; visibility: visible; pointer-events: auto; }
#header #nav > li > ul { top: 100%; left: 0; width: 280px; }
#header #nav ul ul { top: -3px; left: 100%; width: 300px; }
#header #nav ul li { width: 100%; float: none; display: block; }
#header #nav ul li a {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    white-space: normal; overflow-wrap: anywhere; min-height: 40px; box-sizing: border-box;
}
#header #nav ul li a img { flex: 0 0 auto; width: 14px; height: auto; }
#header #nav ul li:has(> ul) > a::after {
    content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: currentColor;
    -webkit-mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
}
/* last items open towards the left so nothing leaves the viewport */
#header #nav > li:nth-last-child(-n+3) > ul { left: auto; right: 0; }
#header #nav > li:nth-last-child(-n+3) ul ul { left: auto; right: 100%; }
#header #nav .rightArrowImg { display: none !important; }
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
    #header #nav > li > a { padding: 0 6px; font-size: 0.8125rem; }
    #header #nav > li > ul { width: 250px; }
    #header #nav ul ul { width: 250px; }
}

/* ---------- mobile push menu ---------- */
.mp-menu .mobNav, .mp-menu .mobNav ul { list-style: none; margin: 0; padding: 0; }
.mp-level { background: var(--dbim-navy); font-family: var(--dbim-font); }
.mp-level > h2 { margin: 0; padding: 16px; font: 700 1.125rem var(--dbim-font); color: #fff; background: #0F1F4D; }
.mp-menu .mobNav li { float: none; display: block; border-bottom: 1px solid rgba(255,255,255,.14); }
.mp-menu .mobNav li > a, .mp-menu .mp-back {
    display: block; padding: 14px 16px; font: 400 0.9375rem/1.4 var(--dbim-font); color: #fff; text-decoration: none;
}
.mp-menu .mobNav li > a:hover, .mp-menu .mp-back:hover { background: var(--dbim-blue); }
.mp-menu .mobNav li > a:focus-visible, .mp-menu .mp-back:focus-visible { outline: 2px solid #fff !important; outline-offset: -3px; }
.mp-menu .mp-back { background: #0F1F4D; font-weight: 600; }

#header #nav > li > a .dbim-mt { color: inherit !important; }


/* remove the dead space above the clocks: the old floated flag strip made the clock row clear a phantom 35px */
body#bdMainSite p.india-flag { float: none !important; display: block; width: 100%; height: 6px; margin: 0; }
body#bdMainSite #header .dbim-topbar { display: flow-root; }
body#bdMainSite #header .dbim-clocks { clear: none !important; }
body#bdMainSite #header .dbim-clocks li { height: 32px; }