/* ==========================================================
   MYJAT PVC Card
========================================================== */

.myjat-pvc{
width:530px;
height:370px;
position:relative;
overflow:hidden;
margin:20px auto;
padding:15px;
text-align:center;

box-sizing:border-box;
background:whitesmoke;
border:2px solid gray;
outline:1px solid black;
outline-offset:-6px;
border-radius: var(--myjat-radius-1);;
box-shadow:
0 12px 35px rgba(0,0,0,.10),
0 2px 8px rgba(0,0,0,.06);
}

.myjat-pvc-back{
text-align:center;
}

.myjat-pvc-watermark{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:.035;
z-index:0;
pointer-events:none;
}

.myjat-pvc-watermark-logo{
width:230px;
filter:grayscale(10%);
display:block;
}

.myjat-pvc-header{
display:flex;
align-items:flex-start;
text-align:left;
padding-bottom:1px;
margin-bottom:1px;
margin-top:-1px;
position:relative;
z-index:2;
}

.myjat-pvc-logo-wrap{
width:100px;
flex-shrink:0;
}

.myjat-pvc-logo{
width:90px;
display:block;
}

.myjat-pvc-header-content{
   flex:1;
;
}

.myjat-pvc-title{
font-size:30px;
font-weight:700;
margin-top:1px;
letter-spacing:.2px;
line-height:1.2;
text-align:center;
color:#263238;
text-shadow:0 1px 1px rgba(0,0,0,.10);
}

.myjat-pvc-subtitle{
row-gap: 1Px;
font-size:15px;
text-align:center;
color:#666;
}

.myjat-pvc-divider{
height:1px;
margin:10px 0 12px;
background:linear-gradient(
90deg,
transparent,
#d8d8d8,
transparent
);
}

.myjat-pvc-body{
display:flex;
gap:20px;
align-items:flex-start;
text-align:left;
margin-top:0px;
position:relative;
z-index:2;
}

.myjat-pvc-photo{
width:100px;
height:120px;
object-fit:cover;
border:2px solid #f57c00;
border-radius: var(--myjat-radius-1);
box-shadow:0 2px 8px rgba(0,0,0,.20);
display:block;
flex-shrink:0;
}

.myjat-pvc-photo-placeholder{
width:130px;
height:150px;
background:#f5f5f5;
border:2px solid #f57c00;
border-radius: var(--myjat-radius-1);
flex-shrink:0;
}

.myjat-pvc-details{
flex:1;
}

.myjat-pvc-name{
display:block;
margin-top:1px;
margin-bottom:1px;
font-size:22px;
font-weight:700;
}

.myjat-pvc-table{
width:100%;
margin-top:0px;
margin-bottom: -10px;
border-collapse:collapse;
font-size:15px;
}

.myjat-pvc-cell{
width:50%;
padding:6px;
margin-bottom: 2px;
vertical-align:top;
line-height:1.35;
}

.myjat-pvc-signatures{
position:relative;
width:100%;
height:85px;
margin-top:5px;
padding-top:10px;
border-top:1px solid #ddd;
z-index:2;
}

.myjat-pvc-sign{
position:absolute;
top:10px;
text-align:center;
}

.myjat-pvc-sign-left{
left:0;
width:190px;
}

.myjat-pvc-sign-right{
right:0;
width:170px;
}

.myjat-pvc-sign-image{
height:32px;
display:block;
margin:0 auto;
}

.myjat-pvc-sign-line{
width:95px;
margin:2px auto 0;
border-top:1px solid #999;
}

.myjat-pvc-sign div:nth-child(3){
font-size:13px;
font-weight:700;
}

.myjat-pvc-sign div:nth-child(4){
font-size:12px;
font-weight:700;
color:#f57c00;
}

/* ==========================================================
   PVC Card Back
========================================================== */

.myjat-pvc-back-watermark{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:.03;
z-index:0;
pointer-events:none;
}

.myjat-pvc-back-watermark-logo{
width:230px;
display:block;
}

.myjat-pvc-back-title{
margin-top:10px;
font-size:22px;
font-weight:700;
font-family:'Noto Serif Devanagari',serif;
text-align:center;
color:#263238;
position:relative;
z-index:2;
}

.myjat-pvc-back-divider{
margin-top:10px;
border:none;
border-top:1px solid #ddd;
}

.myjat-pvc-qr{
position:relative;
z-index:2;
margin-top:20px;
text-align:center;
}

.myjat-pvc-qr-image{
width:120px;
height:120px;
display:block;
margin:0 auto;
}

.myjat-pvc-qr-title{
margin-top:8px;
font-size:14px;
font-weight:700;
color:#444;
}

.myjat-pvc-qr-url{
font-size:12px;
color:#777;
}

.myjat-pvc-back-footer{
margin-top:5px;
padding-top:5px;
border-top:1px solid #ddd;
text-align:center;
font-size:14px;
line-height:1.5;
color:#555;
position:relative;
z-index:2;
}

.myjat-pvc-sign-name{
font-size:13px;
font-weight:700;
}

.myjat-pvc-sign-post{
font-size:12px;
font-weight:700;
color:#f57c00;
}