/* This is the pop-up background */
#certOverlay {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 2000;
    justify-content: center;
    align-items: center;
}

/* This is the actual certificate box on screen */
#cert {
    width: 800px;
    height: 600px;
    background: white;
    border: 20px solid #1a3a5f;
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

/* PRINT LOGIC: When printing, hide everything EXCEPT the cert */
@media print {
    body * { visibility: hidden; }
    #certOverlay { display: flex !important; background: white; }
    #cert, #cert * { visibility: visible; }
    #cert { position: absolute; top: 0; left: 0; width: 100%; border: 10mm solid #1a3a5f; }
    .no-print { display: none !important; }
}