/*
 * Mapp 2027: hand-written WordPress tweaks on top of the generated mapp-2027-global.css.
 * (mapp-2027-global.css / -home.css are rebuilt by _tools/mapp27/build.py, this file is not.)
 */

/* Keep the sticky nav above the existing pages' content: the legacy theme uses z-index values up
   to 2000 for sliders, sticky sub-navs etc. (the old .headerWrapper sat at 2500). Popups that sit at
   3000+ (newsletter overlay) still cover the nav. */
.mp-site-header{z-index:2500}
.mp-nav-scrim{z-index:2499}
.mp-skip{z-index:2600}

/* home-2027: <main> carries "container" for Mapp Intelligence content engagement only; make sure no
   legacy .container rule (Bootstrap widths, padding) ever styles it */
main.mp-root.container{max-width:none;width:auto;margin:0;padding:0}

/* Footer (ACF): a footer_columns link without a URL is shown as plain text */
.mp-footer-cols li>span{font-size:max(calc(0.9375*var(--mp-rem)),14px);line-height:calc(1.375*var(--mp-rem));color:var(--mp-wg2)}
.mp-footer-cols li>span.mp-f-lead{font-family:"Mona Sans SemiBold";color:var(--mp-white)}

/* Footer: live SecurityScorecard badge. The consent-gated script in footer.php appends a 256x100 iframe
   scaled to 0.65; the negative margins take the unscaled space back. Until it's there (no consent yet)
   the plain link is shown instead. */
.mp-badges .mp-sc-live{display:flex;align-items:center}
.mp-sc-live iframe{display:block;border:0;transform-origin:0 0;margin:0 -89.6px -35px 0}
.mp-sc-live:has(iframe) .mp-sc-fallback{display:none}
.mp-badges .mp-sc-fallback{display:inline-flex;align-items:center;gap:calc(0.375*var(--mp-rem));font-family:"Mona Sans Medium";font-size:max(calc(0.8125*var(--mp-rem)),12px);color:var(--mp-wg2);text-decoration:underline;text-underline-offset:.25em}
.mp-badges .mp-sc-fallback img{height:calc(0.875*var(--mp-rem));width:auto}

/* Newsletter popup (template-parts/newsletter-popup.php) on the home-2027 template, where the legacy
   style.css / style-new.css that normally style it aren't loaded. Same rules as there. */
body.mp-page #overlayNewsletter{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;opacity:.85;background-color:#333;z-index:3000}
body.mp-page div#popupNewsletter{display:none;position:fixed;left:50%;bottom:5%;margin-left:-300px;padding:20px 20px 0;background-color:#fff;z-index:3001;font-family:"Mona Sans";color:#000}
body.mp-page div#popupNewsletter form{width:600px;padding:20px 30px 0;background-color:#fff}
body.mp-page div#popupNewsletter ul li label{width:100%}
body.mp-page div#popupNewsletter ul.hs-error-msgs{margin:0}
body.mp-page #popupNewsletter .uc-embedding-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:450px;max-width:calc(100% - 20px);padding:10px;background:#fff;border:1px solid #c5c5c5;border-radius:4px;box-shadow:0 0 15px 1px rgba(0,0,0,.08);text-align:center;font-size:14px;line-height:20px;overflow:hidden}
body.mp-page #popupNewsletter .uc-embedding-wrapper img{max-width:100%}
body.mp-page #popupNewsletter .uc-embedding-wrapper h3{margin:0;padding:0 20px;min-height:60px;font-family:"Mona Sans SemiBold";font-size:28px;line-height:1.2;color:#000}
body.mp-page #popupNewsletter .uc-embedding-buttons{display:flex;justify-content:center;flex-wrap:wrap}
body.mp-page #popupNewsletter .uc-embedding-buttons button{display:inline-block;width:100%;max-width:180px;height:38px;margin:5px 10px 15px;padding:0 25px;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;box-shadow:none}
body.mp-page #popupNewsletter .uc-embedding-more-info{background:#fff;color:#6E6E6E;border:1px solid #6E6E6E}
body.mp-page #popupNewsletter .uc-embedding-accept{background:#8D77F7;color:#fff;border:0}
@media (max-width:767px){
  body.mp-page div#popupNewsletter{width:100%;left:0;margin-left:0}
  body.mp-page div#popupNewsletter form{width:100%;padding:20px}
}
@media (max-width:900px){
  body.mp-page #popupNewsletter .uc-embedding-wrapper h3{font-size:24px}
}

/* Skip link target on pages without the home template's <main id="mp-main"> */
#mp-main:focus{outline:0}
