.pdf-preview-open-btn{
background:linear-gradient(135deg,#bb4315,#e35d2f);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
margin:auto;
padding:16px 30px;
border:none;
cursor:pointer;
border-radius:14px;
font-size:16px;
font-weight:600;
transition:all .3s ease;
box-shadow:
0 10px 25px rgba(187,67,21,0.25);
}
.pdf-preview-open-btn:hover{
transform:translateY(-2px);
box-shadow:
0 15px 35px rgba(187,67,21,0.35);
}
.pdf-preview-modal{
display:none;
position:fixed;
inset:0;
z-index:999999;
backdrop-filter:blur(4px);
}
.pdf-preview-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.78);
}
.pdf-preview-content{
position:relative;
width:92%;
max-width:980px;
max-height:92vh;
overflow-y:auto;
background:#fff;
margin:2vh auto;
padding:35px;
border-radius:24px;
z-index:2;
box-shadow:
0 25px 80px rgba(0,0,0,0.35),
0 5px 15px rgba(0,0,0,0.08);
animation:pdfModalEntrance .35s ease;
}
@keyframes pdfModalEntrance{
from{
opacity:0;
transform:translateY(20px) scale(.96);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}
.pdf-preview-close{
position:absolute;
top:18px;
right:22px;
width:45px;
height:45px;
border-radius:50%;
background:#f3f3f3;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
cursor:pointer;
transition:all .25s ease;
z-index:20;
}
.pdf-preview-close:hover{
background:#bb4315;
color:#fff;
transform:rotate(90deg);
}
.pdf-preview-container{
display:flex;
flex-direction:column;
gap:30px;
margin-top:20px;
}
.pdf-preview-container canvas{
width:100%;
height:auto;
border-radius:18px;
background:#fff;
transition:
filter .35s ease,
opacity .35s ease,
transform .35s ease,
box-shadow .35s ease,
border .35s ease;
box-shadow:
0 8px 30px rgba(0,0,0,0.08),
0 2px 10px rgba(0,0,0,0.04);
} .pdf-page-locked{
position:relative;
overflow:hidden;
border-radius:18px;
box-shadow:
0 8px 30px rgba(0,0,0,0.08),
0 2px 10px rgba(0,0,0,0.04);
} .pdf-page-locked canvas{
width:100% !important;
height:auto !important;
filter:
blur(12px)
brightness(0.7)
grayscale(30%);
transform:scale(1.08);
user-select:none;
pointer-events:none;
} .pdf-page-locked::before{
content:"";
position:absolute;
inset:0;
background:
rgba(255,255,255,0.15);
backdrop-filter:blur(10px);
z-index:2;
} .pdf-locked-overlay{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
z-index:5;
}
.pdf-locked-overlay span{
background:#111;
color:#fff;
padding:18px 30px;
border-radius:14px;
font-size:18px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
box-shadow:
0 10px 30px rgba(0,0,0,0.25);
} .pdf-preview-container.has-active-pages .pdf-page-active{
filter:none;
opacity:1;
transform:scale(1);
border:3px solid #bb4315;
box-shadow:
0 0 0 6px rgba(187,67,21,0.15),
0 18px 45px rgba(0,0,0,0.18);
position:relative;
z-index:10;
} .pdf-more-info-area{
margin-top:45px;
padding-top:35px;
border-top:1px solid #e9e9e9;
text-align:center;
}
.pdf-show-form-btn{
background:linear-gradient(135deg,#111,#333);
color:#fff;
border:none;
padding:18px 34px;
font-size:17px;
font-weight:600;
border-radius:14px;
cursor:pointer;
transition:all .3s ease;
box-shadow:
0 10px 30px rgba(0,0,0,0.15);
}
.pdf-show-form-btn:hover{
transform:translateY(-2px);
}
.pdf-formmaker-container{
display:none;
margin-top:35px;
padding:30px;
background:#fafafa;
border-radius:22px;
border:1px solid #ececec;
} .pdf-formmaker-container input,
.pdf-formmaker-container textarea,
.pdf-formmaker-container select{
width:100%;
border:1px solid #ddd !important;
border-radius:12px !important;
padding:14px 16px !important;
font-size:15px !important;
}
.pdf-formmaker-container input:focus,
.pdf-formmaker-container textarea:focus,
.pdf-formmaker-container select:focus{
border-color:#bb4315 !important;
box-shadow:
0 0 0 4px rgba(187,67,21,0.12) !important;
outline:none !important;
}
.pdf-formmaker-container button,
.pdf-formmaker-container .button-submit{
background:linear-gradient(135deg,#bb4315,#e35d2f) !important;
color:#fff !important;
border:none !important;
border-radius:12px !important;
padding:14px 28px !important;
cursor:pointer !important;
} .pdf-preview-content::-webkit-scrollbar{
width:10px;
}
.pdf-preview-content::-webkit-scrollbar-thumb{
background:#c9c9c9;
border-radius:20px;
} @media(max-width:768px){
.pdf-preview-content{
width:96%;
padding:20px;
}
.pdf-preview-open-btn,
.pdf-show-form-btn{
width:100%;
}
}