/*
Theme Name: Parallel Profile Clickthrough Prototype
Theme URI: https://parallelprofile.com
Author: Parallel Profile Prototype
Description: Image-faithful PSD click-through prototype; no payment processing or personal data collection.
Version: 0.5.0
Requires PHP: 7.4
*/
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,sans-serif;background:#eaeaea;color:#102f49}.pp-page{position:relative;max-width:1599px;margin:0 auto;background:white;box-shadow:0 6px 24px #0002}.pp-page img{width:100%;height:auto;display:block}.pp-hotspot{position:absolute;display:block;cursor:pointer;border-radius:3px;z-index:2}.pp-hotspot:focus-visible{outline:3px solid #f70;outline-offset:2px;background:#ffb13b33}.pp-toggle{position:fixed;bottom:18px;right:18px;z-index:20;color:white;background:#005987;border:0;padding:13px 18px;border-radius:30px;box-shadow:0 2px 14px #0004;cursor:pointer;font-size:14px}.pp-menu{display:none;position:fixed;z-index:21;bottom:70px;right:18px;max-height:72vh;overflow:auto;background:white;border:1px solid #ddd;border-radius:12px;box-shadow:0 3px 25px #0004;width:235px;padding:12px}.pp-menu.open{display:block}.pp-menu a{display:block;color:#005987;padding:8px 9px;text-decoration:none;border-radius:6px}.pp-menu a:hover,.pp-menu a:focus{background:#eaf5fa}.pp-backdrop{position:fixed;inset:0;background:#000b;z-index:30;display:none;align-items:center;justify-content:center;padding:2vw}.pp-backdrop.open{display:flex}.pp-modal{position:relative;background:#fff;max-width:900px;width:95vw;max-height:90vh;overflow:auto}.pp-modal img{width:100%;height:auto;display:block}.pp-close{position:sticky;top:12px;float:right;margin:12px;z-index:5;padding:8px 12px;background:#005987;color:white;border:0;border-radius:5px;cursor:pointer}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.pp-toggle{bottom:8px;right:8px;font-size:12px;padding:10px 13px}}
/* Medication search interaction for the clickable prototype */
.pp-drug-search{position:absolute;left:30.9%;top:31.65%;width:38.2%;z-index:8}
.pp-drug-search input{width:100%;height:44px;border:1px solid #c8d5dc;background:#fff;padding:0 14px;color:#183c53;font:18px Arial,sans-serif}
.pp-drug-options{position:absolute;top:100%;width:100%;background:white;border:1px solid #c8d5dc;box-shadow:0 8px 20px #0003;display:none;max-height:230px;overflow:auto}
.pp-drug-options.open{display:block}
.pp-drug-options button{display:block;width:100%;border:0;background:white;text-align:left;padding:12px 14px;font:17px Arial;color:#005b86;cursor:pointer}
.pp-drug-options button:hover,.pp-drug-options button:focus{background:#e8f5fb}
.pp-drug-result{display:none;position:fixed;inset:0;z-index:40;background:#0009;align-items:center;justify-content:center;padding:15px}
.pp-drug-result.open{display:flex}
.pp-drug-result-panel{background:white;border-radius:9px;max-width:530px;width:100%;padding:28px;box-shadow:0 15px 55px #0005;color:#214456}
.pp-drug-result-panel h2{color:#005b86;margin:0 0 12px}
.pp-drug-result-panel button{background:#f68b1f;color:white;border:0;border-radius:20px;padding:9px 22px;cursor:pointer}
.pp-drug-search input:focus{outline:2px solid #08a9d8}