/* dbim-topbar.css - DBIM meta header strip (used by MasterPage.master and Controls/DbimTopBar.ascx).
   Self-contained: works with s3waas-gigw.css and with ctd-gigw.css (index.aspx). */
.s3-container { width: calc(100% - 3rem); max-width: 1920px; margin-inline: auto; }
.s3-topbar .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.s3-topbar { --dbim-key: #162F6A; }

/* ==========================================================================
   DBIM meta header (top strip): key colour bar, organisation name left,
   skip | language | accessibility icons right, thin dividers between them.
   Same markup is used by Controls/DbimTopBar.ascx for pages without the master.
   ========================================================================== */
.s3-topbar { background: #162F6A; color: #FFFFFF; border-bottom: 0; }
:root[data-theme="contrast"] .s3-topbar, :root.hc .s3-topbar { background: #000a24; }
.s3-topbar .topbar-inner { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0; padding-block: 0; min-height: 3.4rem; }
.s3-topbar .topbar-gov { order: 1; display: flex; align-items: center; gap: .5rem; margin: 0 auto 0 0; padding: .5rem 0; font-size: .95rem; font-weight: 600; color: #FFFFFF; }
.s3-topbar .topbar-links { order: 2; display: flex; margin: 0; }
.s3-topbar .topbar-tools { order: 3; display: flex; align-items: stretch; gap: 0; }
.s3-topbar .topbar-links li, .s3-topbar .lang-switch, .s3-topbar .a11y-hdr-btn { display: flex; align-items: center; }
.s3-topbar .topbar-links li:first-child, .s3-topbar .lang-switch, .s3-topbar .a11y-hdr-btn { border-left: 1px solid rgba(255, 255, 255, .45); margin-block: .6rem; }
.s3-topbar .a11y-hdr-btn { border-top: 0; border-right: 0; border-bottom: 0; border-radius: 0; }
.s3-topbar a, .s3-topbar .lang-ico, .s3-topbar .a11y-hdr-btn { color: #FFFFFF; text-decoration: none; }
.s3-topbar .topbar-links a.skip-main, .s3-topbar .a11y-hdr-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 3rem; min-height: 2.2rem; padding: 0 .9rem; background: transparent; }
.s3-topbar svg { width: 1.5rem; height: 1.5rem; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.s3-topbar .a11y-hdr-btn:hover, .s3-topbar .skip-main:hover { background: rgba(255, 255, 255, .15); color: #FFFFFF; }
/* "Skip to navigation" shows only when it gets keyboard focus */
.s3-topbar .skip-nav { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.s3-topbar .skip-nav:focus { position: static; width: auto; height: auto; clip: auto; padding: .4rem .8rem; color: #FFFFFF; text-decoration: underline; }
/* language: "ಕ A" glyph + drop-down */
.s3-topbar .lang-switch { gap: .4rem; padding: 0 .9rem; }
.s3-topbar .lang-ico { font-size: 1.15rem; font-weight: 600; }
.s3-topbar .lang-select { min-height: 2.2rem; padding: .2rem .4rem; font: inherit; font-size: .875rem; color: #FFFFFF; background: transparent; border: 1px solid rgba(255, 255, 255, .55); border-radius: 4px; }
.s3-topbar .lang-select option { color: #150202; background: #FFFFFF; }
.s3-topbar :focus-visible { outline-color: #FFFFFF; }
@media (max-width: 600px) { .s3-topbar .topbar-gov { font-size: .8rem; } .s3-topbar .lang-select { max-width: 6.5rem; } }