/*
Theme Name: MiBank Nationwide
Theme URI: https://www.mibank.com.pg/
Author: Solutiontech Limited
Description: Responsive MiBank concept theme. Elementor-compatible header, footer, and editable WordPress pages. Includes a reference homepage design based on the supplied presentation.
Version: 3.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mibank-nationwide
License: GPL-2.0-or-later
*/
:root{--mb-yellow:#ffdc00;--mb-black:#171717;--mb-gray:#737373}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#222}a{color:inherit}.mb-container{max-width:1200px;margin:auto;padding:0 22px}.mb-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:30}.mb-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:92px}.mb-logo img{width:210px;max-width:100%;height:auto;display:block}.mb-menu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.mb-menu a{text-decoration:none;font-size:13px;font-weight:700}.mb-menu a:hover{color:#9a7900}.mb-header button{border:0;background:var(--mb-yellow);padding:11px 16px;font-weight:700;cursor:pointer;display:none}.mb-main{min-height:55vh}.mb-content{padding:60px 22px;max-width:1100px;margin:auto}.mb-footer{background:#171717;color:white;padding:38px 0}.mb-footer a{color:#ffdc00}.mb-footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.mb-copy{border-top:1px solid #444;margin-top:28px;padding-top:18px;font-size:12px;color:#ddd}.mb-preview{width:100%;border:0;display:block;min-height:100vh}.mb-title{font-size:clamp(28px,4vw,46px)}@media(max-width:850px){.mb-header-inner{min-height:78px;flex-wrap:wrap;padding:12px 0}.mb-header button{display:block}.mb-nav{display:none;width:100%}.mb-nav.is-open{display:block}.mb-menu{flex-direction:column;align-items:flex-start;padding:12px 0;gap:14px}.mb-logo img{width:170px}}
/* Dynamic page and archive components */
.mb-hero{background:#202020; color:white;background-size:cover;background-position:center}.mb-hero-inner{min-height:470px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:65px;padding-bottom:65px}.mb-hero h1{font-size:clamp(35px,5.5vw,66px);line-height:1.08;max-width:740px;margin:16px 0}.mb-hero p{font-size:18px;max-width:580px;line-height:1.7}.mb-eyebrow,.mb-kicker{color:#c39d00;letter-spacing:.13em;font-size:12px;font-weight:800}.mb-hero .mb-eyebrow{color:#ffdc00}.mb-btn{display:inline-block;padding:15px 23px;background:#ffdc00;color:#111;text-decoration:none;border-radius:6px;font-weight:800;margin-top:14px}.mb-section{padding-top:65px;padding-bottom:75px}.mb-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.mb-section-head h2,.mb-band h2{font-size:clamp(25px,3vw,38px);margin:8px 0}.mb-section-head>a{font-weight:700;text-decoration:none}.mb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mb-card{background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.05)}.mb-card img{width:100%;height:210px;object-fit:cover;display:block}.mb-card-placeholder{height:180px;display:grid;place-items:center;background:#ffdc00;font-size:32px;font-weight:800}.mb-card-body{padding:25px}.mb-card h2,.mb-card h3{font-size:20px;line-height:1.4;margin:0 0 12px}.mb-card h2 a,.mb-card h3 a{text-decoration:none}.mb-card p{color:#555;line-height:1.65}.mb-more{font-weight:800;text-decoration:none}.mb-band{background:#ffdc00;padding:48px 0}.mb-band-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.mb-band .mb-btn{background:#171717;color:white}.mb-page-hero{background:#ffdc00;padding:56px 0}.mb-page-hero h1{font-size:clamp(30px,4vw,50px);margin:10px 0}.mb-content{line-height:1.8}.mb-content img{max-width:100%;height:auto}.mb-pagination{padding-top:28px}.mb-nav .sub-menu{display:none;position:absolute;background:white;min-width:210px;padding:12px;list-style:none;box-shadow:0 12px 28px #0002}.mb-menu li{position:relative}.mb-menu li:hover>.sub-menu,.mb-menu li:focus-within>.sub-menu{display:block}.mb-menu .sub-menu li{padding:9px}.mb-front-content{min-height:40vh}@media(max-width:850px){.mb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-nav .sub-menu{position:static;display:block;box-shadow:none;padding-left:20px}.mb-band-inner{flex-direction:column;align-items:start}}@media(max-width:560px){.mb-cards{grid-template-columns:1fr}.mb-section-head{align-items:start;flex-direction:column}.mb-hero-inner{min-height:380px}}

/* MiBank screenshot-matched top bar — all selectors limited to header components. */
.mb-topbar{background:#ffdc00;color:#111;position:relative;z-index:45;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.45}
.mb-topbar-inner{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.mb-topbar-contact,.mb-topbar-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mb-topbar-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.mb-topbar a{text-decoration:none;color:#111}
.mb-topbar a:hover,.mb-topbar a:focus-visible{text-decoration:underline}
.mb-topbar-links>a+a{border-left:1px solid #806c00;padding-left:14px;margin-left:-7px}
.mb-top-search-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#111;padding:5px;cursor:pointer}
.mb-top-search-toggle:focus-visible{outline:2px solid #111;outline-offset:2px}
.mb-top-search-panel{background:#fff8c5;border-bottom:1px solid #e4c600;padding:13px 0}
.mb-top-search-panel[hidden]{display:none}
.mb-top-search-panel form{display:flex;align-items:center;gap:10px}
.mb-top-search-panel label{font-weight:700}
.mb-top-search-panel input{flex:1;min-width:0;padding:10px;border:1px solid #9e8d28;border-radius:4px}
.mb-top-search-panel form button{background:#171717;color:white;border:0;border-radius:4px;padding:11px 18px;cursor:pointer}
.mb-header-inner{min-height:78px}.mb-logo img{width:220px}.mb-menu{gap:19px}.mb-menu a{font-size:11px;text-transform:uppercase;white-space:nowrap}
.mb-menu>li.current-menu-item>a,.mb-menu>li.current_page_item>a{border-bottom:3px solid #ffdc00;padding-bottom:8px}
@media(max-width:1100px){.mb-menu{gap:11px}.mb-menu a{font-size:10px}.mb-logo img{width:175px}}
@media(max-width:850px){.mb-topbar-inner{align-items:flex-start;flex-direction:column;gap:5px;padding-top:8px;padding-bottom:8px}.mb-topbar-contact,.mb-topbar-links{gap:9px 15px}.mb-header-inner{min-height:72px}.mb-menu>li.current-menu-item>a,.mb-menu>li.current_page_item>a{padding-bottom:3px}}
@media(max-width:520px){.mb-topbar{font-size:12px}.mb-topbar-contact,.mb-topbar-links{gap:7px 10px}.mb-topbar-item{white-space:normal}.mb-top-search-panel form{flex-wrap:wrap}.mb-top-search-panel label{width:100%}}

/* v2.2: enhanced top-bar legibility, without affecting Elementor content */
.mb-topbar .mb-topbar-item,.mb-topbar .mb-topbar-links>a{font-size:inherit;font-weight:700;line-height:1.5}
.mb-topbar .mb-top-search-toggle{min-width:36px;min-height:36px}
.mb-topbar .mb-top-search-toggle svg{width:20px;height:20px}
@media(max-width:1100px){.mb-topbar{font-size:13px}.mb-topbar-inner{gap:12px}.mb-topbar-contact,.mb-topbar-links{gap:10px 13px}}
@media(max-width:850px){.mb-topbar-inner{min-height:0;padding-top:12px;padding-bottom:12px;gap:9px}}
@media(max-width:520px){.mb-topbar{font-size:12px}.mb-topbar-contact,.mb-topbar-links{gap:8px 12px}.mb-topbar-links>a+a{padding-left:9px;margin-left:0}}

/* v2.3 footer: scoped to MiBank footer only */
.mb-footer{padding:0;background:#171717;color:#e8e8e8;font-family:Montserrat,Arial,sans-serif}
.mb-footer>.mb-container{padding-top:56px;padding-bottom:50px}
.mb-footer .mb-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}
.mb-footer .mb-footer-column{min-width:0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.mb-footer .mb-footer-heading,.mb-footer .widget-title{color:#ffdc00;font-size:18px;font-weight:800;margin:0 0 20px;line-height:1.35}
.mb-footer .mb-footer-column p{margin:0 0 12px}
.mb-footer .mb-footer-column ul{list-style:none;padding:0;margin:0}
.mb-footer .mb-footer-column li{margin:0 0 10px}
.mb-footer .mb-footer-column a{color:#e8e8e8;text-decoration:none;transition:color .2s ease}
.mb-footer .mb-footer-column a:hover,.mb-footer .mb-footer-column a:focus-visible{color:#ffdc00;text-decoration:underline}
.mb-footer .mb-footer-widget+.mb-footer-widget{margin-top:24px}
.mb-footer .mb-footer-bottom{border-top:1px solid #373737;background:#101010}
.mb-footer .mb-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 28px;padding-top:19px;padding-bottom:19px;font-size:13px;line-height:1.6}
.mb-footer .mb-footer-bottom a{color:#ffdc00;font-weight:800;text-decoration:none}
.mb-footer .mb-footer-bottom a:hover,.mb-footer .mb-footer-bottom a:focus-visible{text-decoration:underline}
/* Centre the actual MiBank logo within the existing header without altering the top bar. */
.mb-header .mb-header-inner{align-items:center;min-height:112px}
.mb-header .mb-logo{display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 auto;margin:0;padding:12px 0}
.mb-header .mb-logo>a,.mb-header .mb-logo .custom-logo-link{display:flex;align-items:center;justify-content:center;height:100%;margin:0}
.mb-header .mb-logo img{display:block;width:220px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1000px){.mb-footer .mb-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:850px){.mb-header .mb-header-inner{min-height:94px}.mb-header .mb-logo{align-self:center;padding:8px 0}.mb-header .mb-logo img{width:175px}}
@media(max-width:600px){.mb-footer>.mb-container{padding-top:38px;padding-bottom:32px}.mb-footer .mb-footer-grid{grid-template-columns:1fr;gap:28px}.mb-footer .mb-footer-bottom-inner{flex-direction:column;align-items:flex-start}}

/* v2.4: menu separators, horizontal dropdown and centered legal footer */
@media(min-width:851px){
.mb-header .mb-menu{gap:0;flex-wrap:nowrap;align-items:center}
.mb-header .mb-menu>li{display:flex;align-items:center;position:relative}
.mb-header .mb-menu>li+li::before{content:"|";color:#9c8700;font-size:17px;font-weight:600;margin:0 11px}
.mb-header .mb-menu>li>a{font-size:clamp(13px,1.05vw,15px);font-weight:800;line-height:1.5;white-space:nowrap}
.mb-header .mb-nav .sub-menu{top:100%;left:0;min-width:max-content;max-width:min(95vw,1100px);display:none;align-items:center;gap:0;padding:12px 15px;border-top:3px solid #ffdc00;border-radius:0 0 8px 8px;z-index:80}
.mb-header .mb-menu li:hover>.sub-menu,.mb-header .mb-menu li:focus-within>.sub-menu{display:flex;flex-direction:row;flex-wrap:wrap}
.mb-header .mb-menu .sub-menu>li{padding:4px 10px;display:flex;align-items:center}
.mb-header .mb-menu .sub-menu>li+li::before{content:"|";color:#b19700;margin-right:18px;font-weight:700}
.mb-header .mb-menu .sub-menu a{font-size:14px;font-weight:700;white-space:nowrap}
.mb-header .mb-menu .sub-menu .sub-menu{top:100%;left:0}
}
.mb-footer .mb-footer-bottom-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:15px}
.mb-footer .mb-footer-bottom-inner>span:last-child{justify-self:end;text-align:right}
.mb-footer .mb-footer-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;text-align:center}
.mb-footer .mb-footer-legal a{color:#e8e8e8;font-size:13px;font-weight:600;white-space:nowrap}
.mb-footer .mb-footer-legal a+a::before{content:"|";display:inline-block;color:#ffdc00;margin:0 10px;font-weight:700}
@media(max-width:1100px) and (min-width:851px){.mb-header .mb-menu>li+li::before{margin:0 6px}.mb-header .mb-menu>li>a{font-size:12px}.mb-logo img{width:165px}}
@media(max-width:850px){.mb-header .mb-menu>li>a{font-size:16px}.mb-header .mb-menu .sub-menu a{font-size:14px}.mb-header .mb-menu .sub-menu{display:flex;flex-direction:column;align-items:flex-start}.mb-header .mb-menu .sub-menu>li+li::before{content:"|";margin-right:8px;color:#b19700}.mb-header .mb-menu .sub-menu>li{display:flex;align-items:center}.mb-footer .mb-footer-bottom-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.mb-footer .mb-footer-bottom-inner>span:last-child{text-align:center}}

/* v2.5 — Centered, accessible desktop navigation; dropdown anchored to nav. */
@media (min-width:851px){
 .mb-header .mb-header-inner{display:grid;grid-template-columns:minmax(155px,220px) minmax(0,1fr);column-gap:18px;align-items:center;max-width:1440px}
 .mb-header .mb-logo{min-width:0}
 .mb-header .mb-nav{min-width:0;width:100%;display:flex;justify-content:center;align-items:center;position:relative}
 .mb-header .mb-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:0;row-gap:10px;width:100%;margin:0;padding:15px 0;list-style:none}
 .mb-header .mb-menu>li{position:static;display:flex;align-items:center;justify-content:center}
 .mb-header .mb-menu>li>a{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(13px,1.05vw,16px);line-height:1.45;padding:9px 0}
 .mb-header .mb-menu>li+li::before{margin:0 10px}
 .mb-header .mb-nav .mb-menu>li>.sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:max-content;min-width:min(480px,100%);max-width:min(100%,1100px);box-sizing:border-box;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;padding:14px 20px;margin:0;text-align:center;box-shadow:0 14px 28px rgba(0,0,0,.14)}
 .mb-header .mb-nav .sub-menu>li{position:relative;justify-content:center;padding:7px 9px}
 .mb-header .mb-nav .sub-menu>li+li::before{margin:0 13px 0 0}
 .mb-header .mb-nav .sub-menu a{text-align:center;font-size:14px}
 .mb-header .mb-nav .sub-menu .sub-menu{left:50%;top:100%;max-width:min(95vw,900px)}
}
@media (min-width:851px) and (max-width:1100px){
 .mb-header .mb-header-inner{grid-template-columns:155px minmax(0,1fr);column-gap:12px}
 .mb-header .mb-menu>li+li::before{margin:0 7px}
 .mb-header .mb-menu>li>a{font-size:13px}
}
@media(max-width:850px){
 .mb-header .mb-header-inner{justify-content:center}
 .mb-header .mb-nav{width:100%;text-align:center}
 .mb-header .mb-menu{align-items:center;justify-content:center;text-align:center}
 .mb-header .mb-menu>li{width:100%;text-align:center}
 .mb-header .mb-menu>li>a{display:inline-block;text-align:center}
 .mb-header .mb-menu .sub-menu{position:static;transform:none;width:100%;min-width:0;max-width:100%;align-items:center;justify-content:center;text-align:center;padding:8px 0}
 .mb-header .mb-menu .sub-menu>li{justify-content:center;text-align:center;flex-wrap:wrap}
 .mb-header .mb-menu .sub-menu a{text-align:center;white-space:normal}
}

/* v2.7: Stable desktop dropdown navigation — preserves existing appearance. */
@media (min-width:851px){
 .mb-header .mb-nav{position:relative;}
 .mb-header .mb-nav::after{content:"";position:absolute;top:100%;left:0;right:0;height:24px;pointer-events:none;}
 .mb-header .mb-nav:has(.mb-menu>li.menu-item-has-children:hover)::after,
 .mb-header .mb-nav:has(.mb-menu>li.mb-dropdown-open)::after{pointer-events:auto;}
 .mb-header .mb-nav .mb-menu>li>.sub-menu{top:calc(100% - 1px);z-index:200;}
 .mb-header .mb-menu>li.mb-dropdown-open>.sub-menu{display:flex!important;flex-direction:row;flex-wrap:wrap;}
 .mb-header .mb-nav .sub-menu a{display:inline-block;padding:8px 3px;}
}

/* MiBank global CTA — scoped, responsive, no global selector changes. */
.mb-global-cta{background:#ffdb00;color:#151515;padding:58px 0;border-top:5px solid #111;font-family:Montserrat,Arial,sans-serif}
.mb-global-cta,.mb-global-cta *{box-sizing:border-box}
.mb-global-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:34px}
.mb-global-cta__copy{max-width:850px}
.mb-global-cta__eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:12px}
.mb-global-cta h2{color:#111;font-size:clamp(27px,3.2vw,45px);font-weight:850;line-height:1.15;margin:0 0 14px}
.mb-global-cta p{color:#222;font-size:16px;line-height:1.75;margin:0;max-width:750px}
.mb-global-cta__button{flex-shrink:0;display:inline-flex;align-items:center;gap:18px;justify-content:center;min-height:55px;padding:15px 25px;background:#111;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;letter-spacing:.4px;border-radius:5px;transition:transform .2s ease,background .2s ease}
.mb-global-cta__button:hover,.mb-global-cta__button:focus-visible{background:#303030;transform:translateY(-2px);color:#fff!important}
@media(max-width:800px){.mb-global-cta{padding:42px 0}.mb-global-cta__inner{flex-direction:column;align-items:flex-start;gap:24px}.mb-global-cta__button{width:100%;max-width:340px}}
@media(max-width:480px){.mb-global-cta{padding:34px 0}.mb-global-cta p{font-size:15px}}