/* Site header & footer matching nammabnp.org / empower.nammabnp.org.
   Everything is prefixed with .bnp-* so it never collides with the portal styles. */
:root{--bnp-primary:#BE2326;--bnp-secondary:#FDCF0A;--bnp-black:#000;--bnp-white:#fff}

.bnp-site-header,.bnp-site-footer,.bnp-sidebar-social{font-family:"Poppins",sans-serif,Arial,Tahoma;font-size:16px;line-height:1.5}
.bnp-site-header *,.bnp-site-footer *{box-sizing:border-box}
.bnp-site-header ul,.bnp-site-footer ul{margin:0;padding:0;list-style:none}
.bnp-site-header a,.bnp-site-footer a{text-decoration:none}

/* ---------- Header ---------- */
header.bnp-site-header{position:sticky;top:0;z-index:1000;background:#fff!important;background-image:none!important;color:#000;min-height:0;border:0!important;box-shadow:-2px 3px 5px 0 rgba(0,0,0,.04);transition:box-shadow .3s ease}
header.bnp-site-header.is-sticky{box-shadow:0 2px 8px rgba(0,0,0,.1)}

.bnp-topbar{background:var(--bnp-primary);color:#fff;padding:8px 60px;font-size:.9rem}
.bnp-topbar-inner{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding-left:180px;min-height:40px}
.bnp-topbar-item{display:flex;align-items:center;gap:8px}
.bnp-topbar-item a{color:#fff}
.bnp-topbar-item a:hover{color:var(--bnp-secondary)}
.bnp-topbar-links{display:flex;gap:6px;margin-left:auto!important}
.bnp-topbar-links a{display:block;padding:8px 12px;background:var(--bnp-secondary);color:#000;font-size:.9rem;border-radius:4px;transition:background .2s,color .2s}
.bnp-topbar-links a:hover{background:#000;color:#fff}

a.bnp-lang-btn{display:inline-block;padding:6px 12px;border-radius:4px;background:#fff;color:#000!important;line-height:1.4}
a.bnp-lang-btn:hover{background:var(--bnp-secondary);color:var(--bnp-primary)!important}

.bnp-logo{position:absolute;left:0;top:-4px;width:165px;z-index:3;transition:width .3s ease}
.bnp-logo img{display:block;width:100%;height:auto}
.is-sticky .bnp-logo{width:140px}

.bnp-nav-bar{position:relative;background:rgba(234,234,234,.5);color:#000}
.bnp-nav-inner{display:flex;justify-content:flex-end;padding:0 60px 0 240px}
.bnp-mob-home-lang{display:none}

.bnp-menu{display:flex;flex-wrap:nowrap}
.bnp-menu li{position:relative}
.bnp-menu>li>a{position:relative;display:block;padding:28px 16px;color:#000;font-size:14px;line-height:1.6;font-weight:400;text-transform:uppercase;white-space:nowrap;transition:all .25s ease}
.bnp-menu>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.bnp-menu>li:hover>a,.bnp-menu>li:focus-within>a{background:var(--bnp-primary);color:#fff}
.bnp-menu>li:hover>a::after,.bnp-menu>li:focus-within>a::after{transform:scaleX(1)}

.bnp-dropdown{position:absolute;top:100%;left:0;z-index:999;min-width:220px;white-space:nowrap;background:var(--bnp-primary);border-radius:0 8px 8px 8px;box-shadow:0 0 10px 0 rgba(50,50,50,.1);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px);transition:opacity .05s ease,transform .28s ease,visibility .28s ease}
.bnp-dropdown .bnp-dropdown{top:0;left:100%;border-radius:8px}
.bnp-menu li:hover>.bnp-dropdown,.bnp-menu li:focus-within>.bnp-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.bnp-dropdown li{border-bottom:1px solid rgba(255,255,255,.2)}
.bnp-dropdown li:last-child{border-bottom:0}
.bnp-dropdown a{display:block;padding:10px 25px 10px 20px;color:#fff;font-size:1rem;line-height:1.6}
.bnp-dropdown li:first-child>a{border-top-right-radius:8px}
.bnp-dropdown li:last-child>a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.bnp-dropdown li:hover>a{background:var(--bnp-secondary);color:#333}
.bnp-dropdown li.has-sub>a::after{content:"\f105";font-family:FontAwesome;position:absolute;right:12px}
/* Right-most menus open toward the left so they stay on screen */
.bnp-menu>li:nth-last-child(-n+3)>.bnp-dropdown{left:auto;right:0;border-radius:8px 0 8px 8px}
.bnp-menu>li:nth-last-child(-n+3) .bnp-dropdown .bnp-dropdown{left:auto;right:100%}

.bnp-menu-toggle,.bnp-subtoggle{display:none}

.bnp-sidebar-social{position:fixed;right:0;top:40%;z-index:6;width:40px;background:rgba(255,255,255,.5)}
.bnp-sidebar-social ul{margin:0;padding:0;list-style:none}
.bnp-sidebar-social a{display:block;width:40px;height:40px;margin-bottom:4px;line-height:40px;text-align:center;color:#000;font-size:16px}
.bnp-sidebar-social a:hover{background:var(--bnp-primary);color:#fff}

@media (max-width:1399px){
  .bnp-menu>li>a{padding:24px 10px;font-size:13px}
  .bnp-menu>li>a::after{left:10px;right:10px;bottom:12px}
  .bnp-nav-inner{padding-left:220px;padding-right:30px}
  .bnp-topbar{padding-left:30px;padding-right:30px}
}

/* Collapsed (hamburger) menu */
@media (max-width:1179px){
  .bnp-logo,.is-sticky .bnp-logo{width:120px}
  .bnp-topbar-inner{padding-left:140px}
  .bnp-nav-inner{padding:0 20px 0 160px;min-height:56px;align-items:center}
  .bnp-menu-toggle{display:block;margin-left:auto;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:#000;font-size:24px;line-height:1;cursor:pointer}
  .bnp-nav-bar nav{position:absolute;left:0;right:0;top:100%}
  .bnp-menu{display:none;flex-direction:column;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.12);max-height:calc(100vh - 140px);overflow-y:auto}
  .bnp-menu.is-open{display:flex}
  .bnp-menu li{display:flex;flex-wrap:wrap;align-items:stretch}
  .bnp-menu li>a{flex:1 1 auto}
  .bnp-menu>li>a{padding:12px 20px;font-size:14px;border-bottom:1px solid #eee}
  .bnp-menu>li>a::after{display:none}
  .bnp-menu>li:hover>a,.bnp-menu>li:focus-within>a{background:transparent;color:#000}
  .bnp-menu>li>a:hover{background:var(--bnp-primary);color:#fff}
  .bnp-subtoggle{display:block;flex:0 0 52px;padding:0;border:0;border-left:1px solid #eee;border-bottom:1px solid #eee;border-radius:0;background:transparent;color:#000;font-size:20px;cursor:pointer}
  .bnp-dropdown li .bnp-subtoggle{color:#fff;border-color:rgba(255,255,255,.2)}
  li.is-open>.bnp-subtoggle i{transform:rotate(180deg)}
  .bnp-dropdown,.bnp-dropdown .bnp-dropdown,.bnp-menu>li:nth-last-child(-n+3)>.bnp-dropdown,.bnp-menu>li:nth-last-child(-n+3) .bnp-dropdown .bnp-dropdown{position:static;display:none;flex:0 0 100%;width:100%;min-width:0;white-space:normal;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .bnp-menu li.is-open>.bnp-dropdown{display:block}
  .bnp-dropdown a{padding-left:32px;border-radius:0!important}
  .bnp-dropdown .bnp-dropdown{background:#a01d20}
  .bnp-dropdown .bnp-dropdown a{padding-left:44px}
  .bnp-dropdown li.has-sub>a::after{display:none}
}

@media (max-width:767px){
  .bnp-topbar{padding:10px 12px}
  .bnp-topbar-inner{padding-left:0;justify-content:center}
  .bnp-hide-mob{display:none!important}
  .bnp-logo{position:relative;top:0;width:110px;margin:0 auto;flex:0 0 100%;display:flex;justify-content:center}
  .bnp-logo img{width:110px}
  .is-sticky .bnp-logo{display:none}
  .bnp-topbar-links{margin:0 auto!important;flex-wrap:wrap;justify-content:center}
  .bnp-topbar-links a{font-size:.8rem;padding:7px 10px}
  .bnp-nav-inner{padding:0 12px}
  .bnp-mob-home-lang{display:flex;position:absolute;top:8px;left:12px;z-index:3;gap:20px;align-items:center}
  .bnp-mob-home-lang .fa-home{font-size:1.4rem;line-height:2rem;color:#000}
  .bnp-mob-home-lang a.bnp-lang-btn{border:1px solid #ddd}
  .bnp-sidebar-social{display:none}
}

/* ---------- Footer ---------- */
footer.bnp-site-footer{padding:0;text-align:left;color:#fff;font-size:16px;line-height:1.5;background:#292d32 url(../assets/footer-bg.jpg) no-repeat center;background-size:cover}
footer.bnp-site-footer a{color:#fff}
footer.bnp-site-footer p{margin:0 0 16px}
.bnp-container{max-width:1320px;margin:0 auto;padding:0 24px}
.bnp-footer-1{padding:48px 0}
.bnp-footer-grid{display:grid;grid-template-columns:3fr 4fr minmax(180px,auto) minmax(220px,auto);gap:48px}
.bnp-footer-about img{display:block;width:100px;height:auto;margin-bottom:24px}
.bnp-footer-title{margin:0 0 16px;font-size:1.125rem;line-height:1.5;font-weight:700;color:#fff}
.bnp-quicklinks{display:flex;flex-wrap:wrap;gap:0 20px}
.bnp-quicklinks li{display:flex;min-width:calc(50% - 10px);max-width:calc(50% - 10px)}
footer.bnp-site-footer .bnp-quicklinks a{display:block;width:100%;padding:12px 0;border-bottom:2px dashed #fff;color:#fff}
footer.bnp-site-footer .bnp-quicklinks a:hover{color:var(--bnp-secondary);border-color:var(--bnp-secondary)}
.bnp-foot-contact b{display:block;margin-bottom:4px;font-weight:600}
footer.bnp-site-footer .bnp-foot-contact a:hover{color:var(--bnp-secondary)}
footer.bnp-site-footer a.bnp-btn-subscribe{display:inline-block;margin-bottom:48px;padding:10px 30px;border:1px solid #000;border-radius:4px;background:#000;color:#fff;transition:all .2s ease-in-out}
footer.bnp-site-footer a.bnp-btn-subscribe:hover{background:var(--bnp-primary);border-color:var(--bnp-primary);color:#fff}
.bnp-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px!important}
footer.bnp-site-footer .bnp-social a{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:1.4rem;border:1px solid #fff;border-radius:8px;color:#fff}
footer.bnp-site-footer .bnp-social a:hover{background:var(--bnp-primary);border-color:var(--bnp-primary)}
.bnp-shine{transition:mask-position 2s ease,-webkit-mask-position 2s ease;-webkit-mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);mask-image:linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);-webkit-mask-size:800%;mask-size:800%;-webkit-mask-position:0;mask-position:0}
.bnp-shine:hover{-webkit-mask-position:120%;mask-position:120%}

.bnp-footer-2{padding:24px 0 20px;background:var(--bnp-primary)}
.bnp-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.bnp-footer-menu{display:flex}
footer.bnp-site-footer .bnp-footer-menu a{display:block;padding:0 10px 0 16px;line-height:20px;border-left:1px solid #fff;color:#fff}
.bnp-footer-menu li:first-child a{border-left:0!important;padding-left:0!important}
footer.bnp-site-footer .bnp-footer-menu a:hover{color:var(--bnp-secondary);text-decoration:underline}

@media (max-width:991px){
  .bnp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:767px){
  .bnp-container{padding:0 16px}
  .bnp-footer-1{padding:32px 0}
  .bnp-footer-grid{grid-template-columns:1fr;gap:30px}
  .bnp-footer-bottom{flex-direction:column;text-align:center}
  footer.bnp-site-footer a.bnp-btn-subscribe{margin-bottom:24px}
}