/* ==========================================================================
   IdealGeotech claim pop-up — css/claim-popup.css
   Rules copied 1:1 from "IdealGeotech Claim Popup - website code (2).html".
   Markup: igp_render() in inc/ig-claim-popup.php. Behaviour: js/claim-popup.js.
   Everything is scoped to #igp-overlay / #igp-modal, so nothing else on the
   site is affected, and the IDs outrank bootstrap and the theme's style.css.
   Loaded only on pages that carry the popup.
   ========================================================================== */

#igp-overlay{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(14,14,14,.72);opacity:0;transition:opacity .25s ease}
#igp-overlay.igp-open{display:flex}
#igp-overlay.igp-visible{opacity:1}
#igp-modal,#igp-modal *{box-sizing:border-box}
#igp-modal{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;background:#161616;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.45);font-family:Arial,Helvetica,sans-serif;color:#FFFFFF;text-align:left;transform:translateY(12px);transition:transform .25s ease}
#igp-overlay.igp-visible #igp-modal{transform:none}
#igp-modal .igp-bar{height:5px;background:#F47721;border-radius:6px 6px 0 0}
#igp-modal .igp-body{padding:36px 40px 28px}
#igp-modal .igp-close{position:absolute;top:13px;right:12px;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#9A9A9A;font:400 28px/40px Arial,Helvetica,sans-serif;cursor:pointer}
#igp-modal .igp-close:hover{color:#FFFFFF;background:#262626}
#igp-modal .igp-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 auto 32px}
#igp-modal .igp-label{display:inline-block;background:#F47721;color:#FFFFFF;font:700 12px/16px Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-radius:3px}
#igp-modal .igp-num{margin:18px 0 0;padding:0;color:#FFFFFF;font:700 72px/72px Arial,Helvetica,sans-serif;letter-spacing:-2px;text-transform:none}
#igp-modal .igp-num span{color:#F47721}
#igp-modal .igp-sub{margin:8px 0 0;padding:0;color:#FFFFFF;font:700 26px/32px Arial,Helvetica,sans-serif;letter-spacing:.5px;text-transform:uppercase}
#igp-modal .igp-rule{width:60px;height:4px;background:#F47721;margin:22px 0}
#igp-modal .igp-copy{margin:0 0 28px;padding:0;color:#CFCFCF;font:400 16px/26px Arial,Helvetica,sans-serif}
#igp-modal .igp-btn{display:block;background:#F47721;color:#FFFFFF;text-decoration:none;text-align:center;font:700 15px/20px Arial,Helvetica,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:17px 20px;border-radius:4px;transition:background .15s ease}
#igp-modal .igp-btn:hover{background:#DD6512;color:#FFFFFF}
#igp-modal .igp-btn:active{background:#C05A10}
#igp-modal .igp-fine{margin:12px 0 0;padding:0;color:#9A9A9A;font:400 13px/20px Arial,Helvetica,sans-serif}
#igp-modal .igp-skip{display:block;margin:16px auto 0;padding:6px 8px;background:none;border:0;color:#CFCFCF;font:400 14px/20px Arial,Helvetica,sans-serif;text-decoration:underline;cursor:pointer}
#igp-modal .igp-skip:hover{color:#FFFFFF}
#igp-modal .igp-btn:focus-visible,#igp-modal .igp-close:focus-visible,#igp-modal .igp-skip:focus-visible{outline:2px solid #F47721;outline-offset:2px}
@media (max-width:480px){
	#igp-modal .igp-body{padding:28px 24px 20px}
	#igp-modal .igp-logo{width:150px;margin-bottom:24px}
	#igp-modal .igp-num{font-size:60px;line-height:60px}
	#igp-modal .igp-sub{font-size:22px;line-height:28px}
}
@media (prefers-reduced-motion:reduce){#igp-overlay,#igp-modal{transition:none}}