/*
 * Ideal Popup — same design as "IdealGeotech Claim Popup - website code (2).html".
 * IDs keep the rules above the themes' own h2 / p / a / button styles.
 * The orange comes from --ipop-accent (wp-admin → Popup → Orange colour).
 */
#ipop-overlay{--ipop-accent:#F47721;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}
#ipop-overlay.ipop-open{display:flex}
#ipop-overlay.ipop-visible{opacity:1}
#ipop-modal,#ipop-modal *{box-sizing:border-box}
#ipop-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}
#ipop-overlay.ipop-visible #ipop-modal{transform:none}
#ipop-modal .ipop-bar{height:5px;background:var(--ipop-accent);border-radius:6px 6px 0 0}
#ipop-modal .ipop-body{padding:36px 40px 28px}
#ipop-modal .ipop-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;text-align:center;cursor:pointer;box-shadow:none}
#ipop-modal .ipop-close:hover{color:#FFFFFF;background:#262626}
#ipop-modal .ipop-logo{display:block;width:180px;max-width:100%;height:auto;margin:0 auto 32px}
#ipop-modal .ipop-label{display:inline-block;background:var(--ipop-accent);color:#FFFFFF;font:700 12px/16px Arial,Helvetica,sans-serif;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-radius:3px}
#ipop-modal .ipop-num{margin:18px 0 0;padding:0;color:#FFFFFF;font:700 72px/72px Arial,Helvetica,sans-serif;letter-spacing:-2px;text-transform:none}
#ipop-modal .ipop-num span{color:var(--ipop-accent)}
#ipop-modal .ipop-sub{margin:8px 0 0;padding:0;color:#FFFFFF;font:700 26px/32px Arial,Helvetica,sans-serif;letter-spacing:.5px;text-transform:uppercase}
#ipop-modal .ipop-rule{width:60px;height:4px;background:var(--ipop-accent);margin:22px 0}
#ipop-modal .ipop-copy{margin:0 0 28px;padding:0;color:#CFCFCF;font:400 16px/26px Arial,Helvetica,sans-serif}
#ipop-modal .ipop-btn{display:block;background:var(--ipop-accent);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:filter .15s ease}
#ipop-modal .ipop-btn:hover{color:#FFFFFF;filter:brightness(.9)}
#ipop-modal .ipop-btn:active{filter:brightness(.8)}
#ipop-modal .ipop-fine{margin:12px 0 0;padding:0;color:#9A9A9A;font:400 13px/20px Arial,Helvetica,sans-serif}
#ipop-modal .ipop-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;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none}
#ipop-modal .ipop-skip:hover{color:#FFFFFF;background:none}
#ipop-modal .ipop-btn:focus-visible,#ipop-modal .ipop-close:focus-visible,#ipop-modal .ipop-skip:focus-visible{outline:2px solid var(--ipop-accent);outline-offset:2px}
@media (max-width:480px){
  #ipop-modal .ipop-body{padding:28px 24px 20px}
  #ipop-modal .ipop-logo{width:150px;margin-bottom:24px}
  #ipop-modal .ipop-num{font-size:60px;line-height:60px}
  #ipop-modal .ipop-sub{font-size:22px;line-height:28px}
}
@media (prefers-reduced-motion:reduce){#ipop-overlay,#ipop-modal{transition:none}}
