/* ==========================================================================
   dla-header.css — GIGW 3.0 / DBIM style header for Directorate of Legal Affairs
   Loaded after newstyle.css and newcustom.css. Only restyles the header;
   menu behaviour (main.js, headroom, accordion) is unchanged.
   ========================================================================== */

:root {
    --dla-navy: #1d2b6b;     /* utility bar, headings      (white text 12.9:1) */
    --dla-blue: #334494;     /* main menu                   (white text 8.8:1)  */
    --dla-saffron: #e8762d;  /* accent rule (decorative)                        */
    --dla-ink: #1a1a1a;
    --dla-ink-2: #374151;
    --dla-focus: #f5b800;
    --dla-font: 'Noto Sans', 'Open Sans', Arial, sans-serif;
    --dla-font-hi: 'Noto Sans Devanagari', 'Noto Sans', sans-serif;
}

/* Screen-reader-only text */
.dla-sr {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* Header shell: clean white instead of the old background artwork */
.dla-header.header_bg { background-image: none !important; background-color: #fff !important; }
.dla-header { font-family: var(--dla-font); }
.dla-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* Visible keyboard focus everywhere in the header */
.dla-header a:focus-visible,
.dla-header button:focus-visible,
.dla-header [role="button"]:focus-visible {
    outline: 3px solid var(--dla-focus) !important;
    outline-offset: 2px;
}

/* ---------- 1. Utility bar ---------- */
.dla-header .dla-topbar {
    background: var(--dla-navy) !important;
    color: #fff;
    padding: 0 !important;
    height: auto !important;
    min-height: 40px;
    max-height: none !important;   /* newcustom.css caps .topHead at 30px; the bar wraps on phones */
    font-size: 0.8125em;
    display: block;
}
.dla-topbar-inner {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 6px 16px; min-height: 40px; padding-top: 4px; padding-bottom: 4px;
}
.dla-gov { display: flex; align-items: center; gap: 8px; font-weight: 600; white-space: nowrap; }
.dla-hi, .dla-name-hi { font-family: var(--dla-font-hi); }
.dla-sep { opacity: .6; }

.dla-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px; }
.dla-header .dla-tools a { color: #fff !important; text-decoration: none; }
.dla-header .dla-tools a:hover { text-decoration: underline; }
.dla-vr { width: 1px; height: 18px; background: rgba(255, 255, 255, .35); }

.dla-btn-group { display: inline-flex; gap: 4px; }
.dla-tbtn, .dla-cbtn {
    min-width: 30px; height: 28px; padding: 0 6px; border-radius: 4px; cursor: pointer;
    font: 700 13px/1 var(--dla-font);
}
.dla-tbtn { background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .65); }
.dla-tbtn:hover { background: rgba(255, 255, 255, .15); }
.dla-cbtn { width: 28px; min-width: 28px; padding: 0; border: 2px solid #fff; }
.dla-cbtn-std { background: #fff; color: #000; }
.dla-cbtn-high { background: #000; color: #ff0; }
.dla-cbtn[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--dla-focus); }

.dla-sitemap { display: inline-flex; align-items: center; gap: 6px; }

/* Google Translate widget, fitted into the bar */
.dla-translate { display: inline-flex; align-items: center; }
.dla-translate .goog-te-gadget-simple {
    border: 0 !important; border-radius: 4px; padding: 3px 6px !important;
    font-family: var(--dla-font) !important; font-size: 12px !important; line-height: 1.4;
}
.dla-translate .goog-te-gadget-simple a,
.dla-translate .goog-te-gadget-simple span { color: #1a1a1a !important; text-decoration: none !important; }

/* ---------- 2. Identity band ---------- */
.dla-header .dla-identity {
    background: #fff !important;
    border-bottom: 4px solid var(--dla-saffron);
    padding: 12px 0 !important;
}
.dla-identity-inner { display: flex; align-items: center; justify-content: space-between; }
.dla-header a.dla-brand {
    display: flex; align-items: center; gap: 20px; text-decoration: none !important; color: inherit;
}
.dla-emblem img { display: block; height: 96px; width: auto; }
.dla-divider { width: 2px; height: 88px; background: #d0d5e2; }
.dla-cbic { display: block; height: 92px; width: auto; }
.dla-names { display: flex; flex-direction: column; gap: 2px; }
.dla-name-hi { font-size: 1.125em; font-weight: 600; color: var(--dla-navy); line-height: 1.3; }
.dla-name-en { font-size: 1.75em; font-weight: 700; color: var(--dla-navy); line-height: 1.15; }
.dla-name-org { font-size: 1em; font-weight: 600; color: var(--dla-ink); line-height: 1.35; }
.dla-name-min { font-size: .875em; color: var(--dla-ink-2); line-height: 1.35; }

/* Search box (identity band) */
.dla-identity-inner { gap: 16px; }
.dla-search { display: flex; flex: 0 1 320px; min-width: 220px; }
.dla-search input {
    flex: 1 1 auto; min-width: 0; height: 44px; box-sizing: border-box;
    border: 1.5px solid #6b7280; border-right: 0; border-radius: 6px 0 0 6px;
    padding: 0 12px; font: 400 .9375rem var(--dla-font); color: var(--dla-ink); background: #fff;
}
.dla-search input:focus { outline: 3px solid var(--dla-focus); outline-offset: 1px; border-color: var(--dla-navy); }
.dla-search button {
    flex: 0 0 48px; height: 44px; border: 0; border-radius: 0 6px 6px 0;
    background: var(--dla-blue); color: #fff; cursor: pointer; font-size: 1rem;
}
.dla-search button:hover { background: var(--dla-navy); }

/* ---------- 3. Main menu (desktop) ---------- */
.dla-header .dla-nav { background: var(--dla-blue) !important; margin-top: 0 !important; }
.dla-header .whc_mainmenu > ul > li > a {
    font-family: var(--dla-font) !important; font-weight: 500; color: #fff !important;
}
.dla-header .whc_mainmenu > ul > li > a:hover,
.dla-header .whc_mainmenu > ul > li:focus-within > a { background: var(--dla-navy); }
/* Current page */
.dla-header .whc_mainmenu > ul > li > a.dla-active {
    background: var(--dla-navy);
    box-shadow: inset 0 -4px 0 var(--dla-saffron);
    font-weight: 600;
}
.dla-header .whc_mainmenu > ul > li > a.dla-user { color: #ffe066 !important; }

/* Open sub-menus for keyboard users too (hover already works) */
.dla-header .whc_mainmenu li:focus-within > .sub_menu {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    transform: none !important; pointer-events: auto !important;
}
/* Escape closes the open sub-menu */
.dla-header .whc_mainmenu li.dla-closed:focus-within > .sub_menu,
.dla-header .whc_mainmenu li.dla-closed > .sub_menu { display: none !important; }

/* ---------- 3b. Mobile menu bar ---------- */
#mobile-nav-wrap.dla-mobile-bar { background: #ffc961; }
.dla-mobile-bar .bottom_nav { display: flex; align-items: center; }
.dla-menu-label {
    margin-left: 10px; font: 600 15px/1 var(--dla-font); color: #1a1a1a; cursor: pointer;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .dla-emblem img { height: 76px; }
    .dla-cbic { height: 72px; }
    .dla-divider { height: 70px; }
    .dla-name-en { font-size: 1.4em; }
}
@media (max-width: 767px) {
    .dla-wrap { padding: 0 14px; }
    .dla-gov { display: none; }                       /* keep the bar to the tools */
    .dla-topbar-inner { justify-content: center; }
    .dla-tools { justify-content: center; gap: 6px 10px; padding-top:4px;padding-bottom:4px; }
    .dla-sitemap-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .dla-header .dla-identity { padding: 10px 0 !important; }
    .dla-header a.dla-brand { gap: 10px; }
    .dla-emblem img { height: 54px; }
    .dla-cbic { height: 54px; }
    .dla-divider { display: none; }
    .dla-name-hi { font-size: .8125em; }
    .dla-name-en { font-size: 1.0625em; }
    .dla-name-org { font-size: .75em; }
    .dla-name-min { font-size: .6875em; }
    .dla-identity-inner { flex-wrap: wrap; }
    .dla-search { flex: 1 1 100%; min-width: 0; }
}

/* ==========================================================================
   High contrast mode (toggled from the utility bar, saved per browser)
   ========================================================================== */
html.dla-hc body,
html.dla-hc body *:not(img):not(svg):not(path):not(video):not(iframe) {
    background-color: #000 !important;
    background-image: none !important;
    color: #fff !important;
    border-color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html.dla-hc body a,
html.dla-hc body a *:not(img):not(svg):not(path):not(video):not(iframe) { color: #ff0 !important; }
html.dla-hc a:hover { text-decoration: underline !important; }
html.dla-hc input, html.dla-hc select, html.dla-hc textarea { border: 1px solid #fff !important; }
html.dla-hc .dla-search button { border: 1px solid #fff !important; color: #ff0 !important; }
html.dla-hc ::placeholder { color: #ccc !important; }
/* Logos with dark artwork stay readable on a light tile */
html.dla-hc .dla-emblem img, html.dla-hc .dla-cbic,
html.dla-hc .slider-track img { background: #fff !important; border-radius: 6px; padding: 3px; }
/* Keep the two contrast buttons recognisable */
html.dla-hc .dla-cbtn-std { background: #fff !important; color: #000 !important; }
html.dla-hc .dla-cbtn-high { background: #000 !important; color: #ff0 !important; }
html.dla-hc .dla-header .whc_mainmenu > ul > li > a.dla-active { box-shadow: inset 0 -4px 0 #ff0 !important; }
html.dla-hc :focus-visible { outline: 3px solid #0ff !important; }

/* High contrast: override the header's own colours (they are more specific) */
html.dla-hc .dla-header.header_bg,
html.dla-hc .dla-header .dla-topbar,
html.dla-hc .dla-header .dla-identity,
html.dla-hc .dla-header .dla-nav,
html.dla-hc .dla-header .whc_mainmenu > ul > li > a,
html.dla-hc .dla-header .whc_mainmenu .sub_menu,
html.dla-hc #mobile-nav-wrap.dla-mobile-bar { background-color: #000 !important; }
html.dla-hc .dla-header .dla-tools a,
html.dla-hc .dla-header .whc_mainmenu a,
html.dla-hc .dla-header .whc_mainmenu > ul > li > a.dla-user,
html.dla-hc .mobile-menu-inner a { color: #ff0 !important; }
html.dla-hc .dla-header .dla-identity { border-bottom-color: #fff !important; }
html.dla-hc .dla-header .whc_mainmenu > ul > li > a:hover,
html.dla-hc .dla-header .whc_mainmenu > ul > li:focus-within > a { text-decoration: underline !important; }
html.dla-hc .dla-name-hi, html.dla-hc .dla-name-en,
html.dla-hc .dla-name-org, html.dla-hc .dla-name-min { color: #fff !important; }
html.dla-hc .dla-menu-label { color: #fff !important; }
.sub_menu{text-align:left}.custom_container{margin:0 auto;padding-left:15px;padding-right:15px;width:100%;position:relative}.mwidth{width:6.715%}.mrqs{font-size:14px;color:blue;padding:8px;background-color:#fff}.mrqs:hover{cursor:pointer;color:#117014}a:hover{text-decoration:none!important}.ui-table tr th{color:#fff;background:#58729e}.border,.tdb,.thb{border:1px solid #403e3e}.space{padding-top:120px}.fc .fc-toolbar>*>*{float:inherit!important}.fc-toolbar .fc-left{float:none}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{text-align:center!important}hr.hl1,hr.hl2{margin:7px;width:auto;border-top:3px solid #f7b26b}.qkl{padding:16px;font-size:15px}.contents{height:800px!important}.whc_mainmenu>ul>li>a{color:#fff!important}.bottom-right{position:absolute;bottom:2px;right:92px}@media (min-width:576px){.bottom-right,.sm-none{display:none}.dl{font-size:20px}.ci,.dr{font-size:14px}.mview{display:block}#active-image,#glry-image{height:100%}#ch{max-width:125%}.dla-headline{text-align:center;margin-top:0}#rightmember{max-width:109%}}@media (min-width:300px){.bottom-right,.sm-none{display:none}.dl{font-size:20px}.ci,.dr{font-size:14px}.mview{display:block}#active-image,#glry-image{height:100%}#ch{max-width:125%}.dla-headline{text-align:center;margin-top:0}#rightmember{max-width:109%}}@media (min-width:476px){.bottom-right,.sm-none{display:none}.dl{font-size:20px}.ci,.dr{font-size:14px}.mview{display:block}#active-image,#glry-image{height:100%}#ch{max-width:125%}.dla-headline{text-align:center;margin-top:0}#rightmember{max-width:109%}}@media (min-width:768px){.bottom-right,.sm-none{display:block}.dl{font-size:16px}.ci,.dr{font-size:10px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:156%}#ch{max-width:219%}#onetax{height:99px}.toph1{margin-left:8%;display:flex}#cbilogo{height:auto;width:22%}.dla-headline{text-align:center;margin-top:6%}#rightmember{max-width:123%}}@media (min-width:992px){#ch,#rightmember{max-width:148%}.bottom-right,.sm-none{display:block}.dl{font-size:21px}.ci{font-size:16px}.dr{font-size:14px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:100%}#onetax{height:113px}.toph1{margin-left:10%;display:flex}#cbilogo{width:22%;height:120px}.dla-headline{text-align:center;margin-top:6%}#rightmember{width:102px;height:118px}}@media (min-width:1200px){.bottom-right,.sm-none{display:block}.dl{font-size:21px}.ci{font-size:15px}.dr{font-size:13px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:75%}#ch{max-width:108%}#onetax{height:92px}.toph1{margin-left:0;display:flex}#cbilogo{width:17%;height:97px}.dla-headline{text-align:center;margin-top:1%}#rightmember{width:96px;height:94px;max-width:117%}.whc_mainmenu>ul>li>a{padding:0 5px!important;font-size:15px!important}.slider-img{height:336px;width:740px}.home-marquee-left{height:295px}}@media (min-width:1600px){.bottom-right,.sm-none{display:block}.dl{font-size:28px}.ci{font-size:21px}.dr{font-size:18px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:75%}#ch{max-width:100%}#onetax{height:117px}.toph1{margin-left:0;display:flex}.dla-headline{text-align:center;margin-top:1%}#cbilogo{width:18%;height:135px}#rightmember{max-width:110%;width:155px;height:123px}.whc_mainmenu>ul>li>a{padding:0 8px!important;font-size:15px!important}.slider-img{height:370px;width:740px}.home-marquee-left{height:333px}}@media (min-width:2560px){.bottom-right,.sm-none{display:block}.dl{font-size:36px}.ci{font-size:27px}.dr{font-size:25px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:100%}#ch{max-width:119%}#onetax{height:224px}.toph1{margin-left:0;display:flex}#cbilogo{width:22%;height:auto}.dla-headline{text-align:center;margin-top:6%}}@media (min-width:1920px){.bottom-right,.sm-none{display:block}.dl{font-size:32px}.ci{font-size:24px}.dr{font-size:22px}.mview{display:none}#active-image,#glry-image{height:400px}#ne1{max-width:71%}#ch{max-width:103%}#onetax{height:135px}.toph1{margin-left:0;display:flex}.dla-headline{text-align:center;margin-top:1%}#cbilogo{width:19%;height:150px}#rightmember{width:137px;max-width:100%;height:140px}.whc_mainmenu>ul>li>a{padding:0 20px!important;font-size:18px!important}.slider-img{height:430px;width:915px}.home-marquee-left{height:390px}}.topHead{display:flex;justify-content:space-between;padding:2px;background-color:#f0f0f0;max-height:30px}.inner-left{padding-left:50px;text-align:left}.inner-right{text-align:right;padding-right:50px}.common-wrapper{border-bottom:1px solid #eee;background:#334494;z-index:10}.inner-right>ul>li{float:left;padding-right:8px}.inner-left>a,.inner-right>ul>li>a{color:#fff;font-size:small}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:50px;box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);z-index:1}.dropdown-content a{color:#000;padding:10px 12px;text-decoration:none;display:block;font-size:small}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}