/* ==========================================================
   DWALLNET MODERN CERTIFICATE DESIGN
========================================================== */


.dw-certificate-page{

    padding:60px 20px;
    background:
    linear-gradient(
        135deg,
        #f8fafc,
        #e2e8f0
    );

}



.dw-certificate-wrapper{

    max-width:1100px;
    margin:auto;

}



.dw-modern-certificate{

    position:relative;

    background:#ffffff;

    padding:60px;

    border-radius:25px;

    border:12px solid #d4af37;

    box-shadow:

    0 25px 60px rgba(0,0,0,.15);

    overflow:hidden;

}




/* decorative background */

.dw-modern-certificate::before{

    content:"";

    position:absolute;

    inset:20px;

    border:2px solid rgba(212,175,55,.35);

    border-radius:18px;

    pointer-events:none;

}





.dw-certificate-top{


    display:flex;

    justify-content:space-between;

    align-items:center;

    position:relative;

    z-index:2;


}




.dw-logo-area h1{


    margin:0;

    font-size:40px;

    font-weight:800;

    color:#0f172a;


}



.dw-logo-area p{


    margin-top:5px;

    color:#64748b;

}




.dw-certificate-badge{


    font-size:70px;


}





.dw-certificate-title{


    text-align:center;

    margin-top:50px;


}



.dw-certificate-title h2{


    font-size:55px;

    margin:0;

    color:#0f172a;

    letter-spacing:3px;


}



.dw-certificate-title h3{


    color:#d4af37;

    letter-spacing:8px;

    font-size:18px;


}





.dw-presented{


    text-align:center;

    margin-top:50px;

    font-size:18px;

    color:#64748b;


}




.dw-student-name{


    text-align:center;

    font-size:55px;

    color:#111827;

    margin:25px 0;

    font-family:Georgia,serif;


}





.dw-description{


    text-align:center;

    font-size:18px;

    color:#475569;


}





.dw-course-name{


    text-align:center;

    margin:30px auto;

    font-size:32px;

    color:#2563eb;

}





.dw-certificate-meta{


    display:flex;

    justify-content:center;

    gap:80px;

    margin-top:50px;

    text-align:center;


}




.dw-certificate-meta div{


    display:flex;

    flex-direction:column;

    gap:10px;


}



.dw-certificate-meta span{


    color:#64748b;

    font-size:14px;


}



.dw-certificate-meta strong{


    color:#111827;


}






.dw-certificate-footer{


    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:70px;


}



.dw-signature{


    text-align:center;

    color:#475569;


}




.dw-qr{


    text-align:center;


}



.dw-qr img{


    width:150px;

    height:150px;


}



.dw-qr p{


    font-size:13px;

    color:#64748b;


}





.dw-certificate-actions{


    text-align:center;

    margin-top:40px;


}





/* ==========================================================
   PRINT MODE
========================================================== */


@media print{


body *{


    visibility:hidden;


}



.dw-modern-certificate,

.dw-modern-certificate *{


    visibility:visible;


}




.dw-modern-certificate{


    position:absolute;

    left:0;

    top:0;

    width:100%;

    box-shadow:none;


}



.dw-certificate-actions{


    display:none;


}


}






/* ==========================================================
   MOBILE
========================================================== */


@media(max-width:768px){



.dw-modern-certificate{


    padding:35px 20px;

}



.dw-certificate-top{


    flex-direction:column;

    text-align:center;


}



.dw-logo-area h1{


    font-size:30px;


}




.dw-certificate-title h2{


    font-size:38px;


}



.dw-student-name{


    font-size:34px;


}




.dw-course-name{


    font-size:22px;


}



.dw-certificate-meta{


    flex-direction:column;

    gap:25px;


}



.dw-certificate-footer{


    flex-direction:column;

    gap:40px;


}



}

@page {

    size: A4 portrait;
    margin: 0;

}


.dw-certificate-page{

    width:297mm;
    height:210mm;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#ffffff;

}



.dw-certificate-container{

    width:277mm;
    height:190mm;

    border:10px solid #0f172a;

    padding:20mm;

    box-sizing:border-box;

}



.dw-certificate-box{

    width:100%;
    height:100%;

    text-align:center;

    position:relative;

}



.dw-certificate-logo img{

    width:90px;
    height:90px;

}



.dw-certificate-box h1{

    font-size:38px;

    margin:10px 0;

}



.dw-certificate-box h2{

    font-size:28px;

}



.dw-certificate-box h3{

    font-size:35px;

    margin:25px 0;

}



.dw-certificate-details{

    margin-top:20px;

    display:flex;

    justify-content:center;

    gap:40px;

}



@media print{


.dw-dashboard-btn{

    display:none;

}


.dw-certificate-page{

    width:297mm;
    height:210mm;

}


}