/* PETRONAQ Industrial Institutional shell v1.1 */

:root{
  --pnq-shell-navy:#071A33;
  --pnq-shell-navy-deep:#04111F;
  --pnq-shell-gunmetal:#202830;
  --pnq-shell-steel:#A7B0B8;
  --pnq-shell-silver:#E6EAEE;
  --pnq-shell-brass:#B6904E;
  --pnq-shell-blue:#2F6B9A;
}

/* Header: dark industrial frame rather than a floating white strip. */
#masthead.site-header{
  position:relative;
  z-index:50;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,#051423 0%,#081D33 100%)!important;
  background-size:64px 100%,100% 100%!important;
  border:0!important;
  border-bottom:1px solid rgba(230,234,238,.20)!important;
  box-shadow:0 10px 32px rgba(1,9,17,.20);
}
#masthead.site-header:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,var(--pnq-shell-brass) 0 9%,var(--pnq-shell-blue) 9% 22%,rgba(167,176,184,.34) 22% 100%);
}
#masthead.site-header:after{
  content:"";
  position:absolute;
  left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px);bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(182,144,78,.9),rgba(47,107,154,.55) 26%,rgba(230,234,238,.10) 72%,transparent);
  pointer-events:none;
}
#masthead .ast-primary-header-bar,
#masthead .main-header-bar,
#masthead .ast-mobile-header-wrap .ast-primary-header-bar{
  background:transparent!important;
  border:0!important;
}
#masthead .site-primary-header-wrap{
  width:min(calc(100% - clamp(28px,5vw,84px)),1500px)!important;
  min-height:88px;
  margin-inline:auto!important;
  padding-inline:0!important;
}
#masthead .ast-builder-grid-row{
  min-height:88px;
  align-items:stretch;
}
#masthead .site-header-primary-section-left,
#masthead .site-header-primary-section-right{
  align-items:stretch;
}
#masthead .site-branding,
#masthead .ast-site-identity{
  display:flex;
  align-items:center;
  margin:0!important;
  padding:0 clamp(20px,2.4vw,38px) 0 0!important;
  border-right:1px solid rgba(230,234,238,.14);
}
#masthead .site-logo-img,
#masthead .custom-logo-link{
  display:flex;
  align-items:center;
}
#masthead .site-logo-img img,
#masthead img.custom-logo{
  width:auto!important;
  max-width:230px!important;
  max-height:58px!important;
  object-fit:contain;
  filter:drop-shadow(0 3px 9px rgba(0,0,0,.35));
}
#masthead .ast-builder-menu-1,
#masthead .main-header-menu{
  height:100%;
}
#masthead .main-header-menu>.menu-item{
  height:100%;
  border-left:1px solid rgba(230,234,238,.085);
}
#masthead .main-header-menu>.menu-item:last-child{
  border-right:1px solid rgba(230,234,238,.085);
}
#masthead .main-header-menu>.menu-item>.menu-link{
  position:relative;
  display:flex;
  min-height:88px;
  align-items:center;
  padding:0 clamp(.82rem,1.2vw,1.25rem)!important;
  color:#D7E0E7!important;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(.68rem,.62rem + .15vw,.78rem)!important;
  font-weight:650;
  letter-spacing:.075em;
  line-height:1.2;
  text-transform:uppercase;
  transition:background .18s ease,color .18s ease;
}
#masthead .main-header-menu>.menu-item>.menu-link:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  background:transparent;
  transition:background .18s ease;
}
#masthead .main-header-menu>.menu-item:hover>.menu-link,
#masthead .main-header-menu>.current-menu-item>.menu-link,
#masthead .main-header-menu>.current_page_item>.menu-link{
  color:#FFFFFF!important;
  background:linear-gradient(180deg,rgba(47,107,154,.05),rgba(47,107,154,.16));
}
#masthead .main-header-menu>.menu-item:hover>.menu-link:after{
  background:var(--pnq-shell-blue);
}
#masthead .main-header-menu>.current-menu-item>.menu-link:after,
#masthead .main-header-menu>.current_page_item>.menu-link:after{
  background:var(--pnq-shell-brass);
}
#masthead .ast-header-html-1,
#masthead .ast-header-button-1{
  color:var(--pnq-shell-silver)!important;
}
#masthead .ast-button-wrap .menu-toggle,
#masthead .ast-mobile-menu-trigger-minimal{
  min-width:48px;
  min-height:48px;
  border:1px solid rgba(230,234,238,.22)!important;
  border-radius:1px!important;
  background:#0A243E!important;
  color:#FFFFFF!important;
}
#masthead .ast-mobile-menu-trigger-minimal:hover{
  border-color:var(--pnq-shell-blue)!important;
}

/* Mobile/off-canvas navigation inherits the same material language. */
.ast-mobile-popup-drawer .ast-mobile-popup-inner{
  background:linear-gradient(180deg,#061625,#091F36)!important;
  border-left:1px solid rgba(230,234,238,.18);
}
.ast-mobile-popup-drawer .main-header-menu>.menu-item{
  border-bottom:1px solid rgba(230,234,238,.12)!important;
}
.ast-mobile-popup-drawer .main-header-menu>.menu-item>.menu-link{
  color:#E6EAEE!important;
  font-family:Montserrat,Arial,sans-serif;
  font-size:.82rem!important;
  font-weight:650;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close{
  color:#FFFFFF!important;
}

/* Footer becomes a framed institutional base instead of generic widget columns. */
.site-primary-footer-wrap,
.site-below-footer-wrap{
  position:relative;
  background:#061525!important;
  border-color:rgba(230,234,238,.15)!important;
}
.site-primary-footer-wrap:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,var(--pnq-shell-brass),var(--pnq-shell-blue) 28%,rgba(167,176,184,.26) 62%,transparent);
}
.site-primary-footer-wrap .ast-builder-grid-row{
  border-inline:1px solid rgba(230,234,238,.10);
}
.site-primary-footer-wrap .site-footer-section{
  padding-inline:clamp(1rem,2.2vw,2.2rem);
  border-right:1px solid rgba(230,234,238,.10);
}
.site-primary-footer-wrap .site-footer-section:last-child{border-right:0}
.site-primary-footer-wrap h1,.site-primary-footer-wrap h2,.site-primary-footer-wrap h3,.site-primary-footer-wrap h4,.site-primary-footer-wrap h5,.site-primary-footer-wrap h6{
  color:#FFFFFF!important;
  font-family:Montserrat,Arial,sans-serif;
  letter-spacing:.02em;
}
.site-primary-footer-wrap p,
.site-primary-footer-wrap a,
.site-below-footer-wrap,
.site-below-footer-wrap a{
  color:#BFC9D2!important;
}
.site-primary-footer-wrap a:hover,.site-below-footer-wrap a:hover{color:#FFFFFF!important}

@media(max-width:1180px){
  #masthead .site-primary-header-wrap{width:min(calc(100% - 32px),1500px)!important}
  #masthead .site-logo-img img,#masthead img.custom-logo{max-width:195px!important;max-height:52px!important}
  #masthead .main-header-menu>.menu-item>.menu-link{padding-inline:.72rem!important;font-size:.68rem!important}
}
@media(max-width:921px){
  #masthead .site-primary-header-wrap,#masthead .ast-builder-grid-row{min-height:76px}
  #masthead .site-branding,#masthead .ast-site-identity{border-right:0;padding-right:0!important}
  #masthead .site-logo-img img,#masthead img.custom-logo{max-width:205px!important;max-height:52px!important}
}