/* Reference design 4: navy masthead and rounded navigation. */
.mobile-panel-heading { display:none; }
.top-notification { display:none; }
.main-header .header-search { display:none!important; }
.main-navigation > .container { padding-left:62px!important; }
.corporate-search-position { position:absolute; left:max(24px,calc((100% - 1140px)/2 + 10px)); top:7px; }
@media(min-width:992px) and (max-width:1199.98px) { .corporate-search-position { left:calc((100% - 960px)/2 + 10px); } }
@media(min-width:768px) and (max-width:991.98px) { .corporate-search-position { left:calc((100% - 720px)/2 + 10px); } }
@media(min-width:576px) and (max-width:767.98px) { .corporate-search-position { left:calc((100% - 540px)/2 + 10px); } }
.main-header { background:radial-gradient(ellipse at 65% 65%,#103e70 0%,#052744 48%,#031b30 100%); color:#fff; border:0; padding:14px 0; }
.header-main-row { display:grid; grid-template-columns:1fr 1fr 1fr; min-height:86px; gap:16px; }
.main-header .logo-area { grid-column:2; grid-row:1; justify-self:center; text-align:center; }
.main-header .logo { display:block; }
.main-header .custom-logo-link { display:block; }
.main-header .custom-logo { max-height:85px; width:auto; max-width:240px; object-fit:contain; }
.main-header .logo-text h1 { color:#fff; font-size:44px; font-weight:900; }
.main-header .logo-text p,.corporate-tagline { color:#fff; font-size:13px; margin:8px 0 0; }
.corporate-message { grid-column:1; grid-row:1; align-self:center; color:#fff; font-weight:400; line-height:1.9; position:relative; padding:8px 0; }
.corporate-message::before { content:''; position:absolute; inset:-20px -10px -20px 0; background:url('../images/header-world.svg') center/contain no-repeat; opacity:.55; pointer-events:none; }
.corporate-message span { position:relative; }
.main-header .header-tools { grid-column:3; grid-row:1; flex-direction:column; align-items:center; justify-content:center; gap:15px; min-width:0; }
.main-header .header-tools-clock { background:none; border:0; color:#fff; padding:0; }
.main-header .date-time { color:#fff; }
.main-header .header-tools-icon { color:#64bbff; }
.main-header .top-bar-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; font-size:11px; }
.main-header .top-bar-links a { color:#c5d9ed; }
.main-header .top-bar-links .social-icons { align-items:center; justify-content:center; }
.main-header .top-bar-links .social-icons a { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; padding:0; line-height:1; border-radius:50%; }
.corporate-latest { display:flex; align-items:center; gap:10px; color:#fff!important; border:1px solid #0871af; border-radius:24px; padding:7px 14px; font-size:12px; }
.corporate-latest i { color:#20b9ff; }
.corporate-latest b { background:#ed1024; color:#fff; padding:2px 6px; border-radius:5px; }
.main-navigation { background:#031d33; padding:0 0 10px; box-shadow:none; }
.main-navigation > .container { border:1px solid #075887; border-radius:34px; background:linear-gradient(100deg,#03192d,#072c4c); padding:0 8px; min-height:58px; }
.main-navigation .nav-home-link { width:auto; gap:10px; padding:0 22px; font-size:14px; }
.main-navigation .nav-home-link.active { background:#103d70; }
.main-navigation .navbar-nav { justify-content:space-evenly; }
.main-navigation .nav-link { font-size:14px; padding:18px 12px; white-space:nowrap; }
.main-navigation .nav-link.active,.main-navigation .nav-item:hover > .nav-link { background:#123f6a; }
.corporate-search { position:relative; align-self:center; margin-right:auto; flex-shrink:0; }
.corporate-search summary { display:flex; align-items:center; justify-content:center; list-style:none; width:44px; height:44px; border-radius:50%; background:#143451; color:#fff; cursor:pointer; }
.corporate-search summary::-webkit-details-marker { display:none; }
.corporate-search form { position:absolute; top:54px; left:0; width:min(340px,85vw); padding:12px; background:#082b49; border:1px solid #176395; border-radius:12px; display:flex; gap:8px; box-shadow:0 8px 24px #0003; }
.corporate-search input { width:100%; min-width:0; border:0; border-radius:7px; padding:10px; background:#fff; color:#16283b; }
.corporate-search button { border:0; background:#1763a0; color:#fff; border-radius:7px; padding:10px; }
.corporate-grid { width:48px; flex-shrink:0; align-self:stretch; border:0; color:#fff; background:transparent; font-size:22px; }
.main-navigation :focus-visible { outline:2px solid #75ceff; outline-offset:2px; }
@media(min-width:992px) { .corporate-grid { display:none; } }
@media(max-width:1199.98px) and (min-width:992px) { .main-navigation .nav-link { padding:18px 7px; font-size:12px; } .main-navigation .nav-home-link { padding:0 12px; } }
@media(max-width:991.98px) {
 .main-header { padding:22px 0; }
 .header-main-row { grid-template-columns:1fr 1fr; gap:15px; min-height:100px; }
 .main-header .logo-area { grid-column:1; justify-self:start; }
 .main-header .header-tools { grid-column:2; }
 .corporate-message { display:none; }
 .main-header .custom-logo { max-width:180px; max-height:70px; }
 .main-navigation > .container { width:calc(100% - 24px); min-height:56px; }
 .main-navigation .nav-home-link { min-height:54px; }
 .main-navigation .navbar-collapse { padding-top:32px; }
}
@media(max-width:575.98px) { .main-header .logo-text h1 { font-size:30px; } .main-header .header-tools-clock { font-size:11px; } .main-header .custom-logo { max-width:150px; } .corporate-latest { font-size:10px; padding:6px 9px; gap:6px; } }

/* Compact header and click-controlled submenus. */
.corporate-message .header-tools-clock { position:relative; gap:10px; }
.main-header #current-date { color:#e3eef8; font-size:13px; font-weight:400; }
.main-header #current-time { color:#fff; font-size:19px; font-weight:500; direction:ltr; font-variant-numeric:tabular-nums; letter-spacing:1px; }
.main-header .header-tools { gap:9px; }
.main-header .custom-logo { max-height:66px; }
.main-navigation > .container { position:relative; min-height:46px; }
.main-navigation .nav-home-link,.main-navigation .nav-item,.main-navigation .menu-caret-btn { border:0; }
.main-navigation .nav-home-link { padding:0 14px; font-size:13px; border-radius:24px; margin-block:4px; }
.main-navigation .nav-link { padding:8px 10px; margin-block:4px; border-radius:20px; font-size:13px; font-weight:400; }
.main-navigation .nav-link::after { display:none; }
.main-navigation .menu-caret-btn { width:24px; min-width:24px; padding:0; background:transparent; }
.main-navigation .menu-caret-btn i { display:none; }
.main-navigation .menu-caret-btn::before { content:''; width:6px; height:6px; border:solid currentColor; border-width:0 1px 1px 0; transform:rotate(45deg); transition:transform .2s; }
.main-navigation .menu-caret-btn[aria-expanded="true"]::before { transform:rotate(225deg); }
.main-navigation li:not(.show) > .dropdown-menu { display:none; opacity:0; visibility:hidden; }
.main-navigation li.show > .dropdown-menu { display:block; opacity:1; visibility:visible; transform:none; }
.main-navigation .dropdown-menu { margin-top:4px; }
.corporate-search-position { position:absolute; top:4px; }
.corporate-search summary { width:38px; height:38px; font-size:15px; }
@media(min-width:992px) {
 .main-navigation .nav-item > .dropdown-menu { top:100%; right:0; }
 .main-navigation .dropdown-submenu > .menu-caret-btn::before { transform:rotate(135deg); }
}
@media(max-width:991.98px) {
 .main-header { padding:12px 0; }
 .header-main-row { grid-template-columns:1fr 1fr; min-height:0; gap:10px; }
 .corporate-message { display:block; grid-column:1; grid-row:1; }
 .main-header .logo-area { grid-column:2; grid-row:1; justify-self:end; }
 .main-header .header-tools { grid-column:1 / -1; grid-row:2; flex-direction:row; justify-content:space-between; align-items:center; }
 .main-navigation .nav-home-link { min-height:46px; }
 .main-navigation .nav-item.dropdown,.main-navigation .dropdown-submenu { position:relative; }
 .main-navigation .menu-caret-btn { position:absolute; top:0; left:0; width:40px; height:42px; }
 .main-navigation .nav-item.dropdown > .nav-link,.main-navigation .dropdown-submenu > .dropdown-item { padding-left:42px; }
 .main-navigation .nav-item { border-bottom:0; }
}

/* Compact mobile masthead and navigation. */
@media (max-width: 991.98px) {
    .main-header { padding: 12px 0 8px; }
    .main-header > .container { padding-inline: 14px; }
    .main-header .header-main-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-height: 0; gap: 10px; align-items: center; }
    .main-header .corporate-message { padding: 0; min-width: 0; }
    .corporate-message::before { display: none; }
    .main-header .header-tools-clock { gap: 7px; }
    .main-header .header-tools-icon { font-size: 16px; }
    .main-header #current-date { font-size: 10px; line-height: 1.8; white-space: nowrap; }
    .main-header #current-time { font-size: 15px; letter-spacing: 0; line-height: 1.5; }
    .main-header .logo-area { min-width: 0; }
    .main-header .custom-logo { width: auto; height: auto; max-width: 140px; max-height: 44px; }
    .main-header .logo-text h1 { font-size: 21px; }
    .main-header .logo-text p { font-size: 10px; }
    .main-header .header-tools { gap: 8px; margin: 0; padding: 0; min-height: 36px; }
    .main-header .corporate-latest { padding: 5px 9px; gap: 6px; font-size: 10px; border: 0; background: #ffffff08; }
    .main-header .corporate-latest b { font-size: 9px; padding: 2px 4px; }
    .main-header .top-bar-links { gap: 6px; flex-wrap: nowrap; }
    .main-header .top-bar-links > a,.main-header .theme-toggle-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 8px; border: 0; background: #ffffff0b; border-radius: 12px; }
    .main-navigation { padding: 0 10px 8px; }
    .main-navigation > .container { width: 100%; max-width: none; min-height: 50px; display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; align-items: center; gap: 6px; padding: 3px 5px!important; border-radius: 16px; }
    .main-navigation .corporate-grid { grid-column: 1; width: 44px; height: 44px; align-self: center; font-size: 19px; border-radius: 11px; background: #ffffff08; }
    .main-navigation .nav-home-link { grid-column: 2; justify-self: center; height: 38px; min-height: 38px; margin: 0; padding: 0 16px; border-radius: 12px; font-size: 12px; gap: 8px; }
    .main-navigation .corporate-search-position { position: absolute; top: 7px; left: 16px; margin: 0; }
    .corporate-search summary { width: 44px; height: 44px; background: transparent; border-radius: 11px; }
    .corporate-search form { top: 48px; left: 0; width: min(340px,calc(100vw - 32px)); }
    .main-navigation .navbar-collapse { width: min(330px,88vw); height: 100dvh; padding: max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom)); border-radius: 20px 0 0 20px; }
    .mobile-panel-heading { display: flex; align-items: center; justify-content: space-between; color: #e6f2ff; font-size: 15px; margin-bottom: 14px; }
    .mobile-panel-heading button { width: 44px; height: 44px; border: 0; border-radius: 12px; background: #ffffff10; color: #fff; font-size: 27px; }
    .main-navigation .navbar-nav { gap: 4px; }
    .main-navigation .nav-link { margin: 0; padding: 12px; min-height: 44px; border-radius: 10px; white-space: normal; }
    .main-navigation .menu-caret-btn { height: 44px; width: 44px; }
    #header-breaking-news { margin: 0 0 12px; }
    #header-breaking-news > .container { max-width: none; padding-inline: 10px; }
    #header-breaking-news .breaking-container { padding: 6px 9px; gap: 8px; border-radius: 12px; }
    #header-breaking-news .breaking-label { font-size: 10px; padding: 5px 8px; margin: 0; gap: 5px; }
    #header-breaking-news .pulse-dot { display: none; }
    #header-breaking-news .breaking-content { min-width: 0; }
    #header-breaking-news .swiper-slide a { color: #fff; font-size: 11px; }
    #header-breaking-news .breaking-controls { display: none; }
}

.main-navigation .mobile-home-link, .mobile-panel-tools { display: none; }
@media (max-width: 991.98px) {
    .main-header .header-tools { display: none; }
    .main-header .header-main-row { grid-template-rows: auto; }
    .main-navigation > .container > .nav-home-link { display: none; }
    .main-navigation .mobile-home-link { display: flex; align-items: center; gap: 10px; }
    .main-navigation .mobile-home-link[aria-current="page"] { background: #103d70; }
    .mobile-panel-tools { display: flex; flex-direction: column; align-items: stretch; gap: 16px; margin-top: 20px; padding: 16px 0; }
    .mobile-panel-tools .corporate-latest { align-self: flex-start; }
    .mobile-panel-tools .top-bar-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .mobile-panel-tools .top-bar-links a { color: #d5e6f5; }
    .mobile-panel-tools .social-icons { display: flex!important; flex-wrap: wrap; align-items: center; }
    .mobile-panel-tools .social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #ffffff0b; }
}

/* Mobile masthead: centered logo only. */
@media (max-width: 991.98px) {
    .main-header .corporate-message { display: none; }
    .main-header .header-main-row { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .main-header .logo-area { grid-column: 1; grid-row: 1; justify-self: center; justify-content: center; text-align: center; }
}