/*==================================================
    Annotation Popup
==================================================*/

.ag-overlay{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding:60px 20px;

    background:rgba(0,0,0,.18);

    opacity:0;

    visibility:hidden;

    transition:.18s;

    z-index:999999;

}

.ag-overlay.visible{

    opacity:1;

    visibility:visible;

}

.ag-window{

    width:560px;

    max-width:92vw;

    max-height:82vh;

    background:#FCFBF8;

    border:2px solid #C8A15A;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 18px 50px rgba(0,0,0,.25);

    transform:translateY(-12px);

    transition:.18s;

}

.ag-overlay.visible .ag-window{

    transform:none;

}

.ag-header{

    background:#0E4835;

    color:white;

    padding:14px 22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-family:'Cairo',sans-serif !important;

    font-size:20px;

    font-weight:700;

}

.ag-close{

    cursor:pointer;

    font-size:28px;

    line-height:1;

}

.ag-content{

    direction:rtl;

    text-align:justify;

    padding:28px;

    max-height:60vh;

    overflow:auto;

    font-family:'Amiri', serif !important;

    font-size:1.15rem;

    font-weight:400;

    line-height:2.3;

    color:#333;

}

.ag-content,
.ag-content *{

    font-family:'Amiri', serif !important;

}

.ag-content p:first-child{

    margin-top:0;

}

.ag-content p:last-child{

    margin-bottom:0;

}

.ag-footer{

    border-top:1px solid #E8DEC5;

    padding:18px 22px;

    text-align:left;

}

.ag-footer a{

    font-family:'Cairo', sans-serif !important;

    font-size:1.05rem;

    font-weight:700;

    color:#0E4835 !important;

    text-decoration:none !important;

}

.ag-footer a:hover{

    color:#C8A15A !important;

}

.ag-loading{

    text-align:center;

    padding:25px;

    color:#666;

}

.ag-error{

    color:#a40000;

    font-weight:bold;

}