/*
==========================================================

LIBURU

popup_agenda.css

Style popup résumé agenda

==========================================================
*/


/*
==========================================================
CONTENEUR POPUP
==========================================================
*/

.popup_agenda
{
    position: fixed;

    inset: 0;

    z-index: 9999;

    display: none;
}



/*
Popup ouvert
*/

.popup_agenda.ouvert
{
    display: block;
}



/*
==========================================================
FOND SOMBRE
==========================================================
*/

.popup_agenda_fond
{
    position: absolute;

    inset: 0;

    background: rgba(0,0,0,0.45);
}



/*
==========================================================
BOITE CENTRALE
==========================================================
*/

.popup_agenda_boite
{
    position: absolute;

    top:50%;

    left:50%;

    transform: translate(-50%, -50%);


    width: min(90%, 500px);


    max-height:80vh;


    background:white;


    border-radius:20px;


    padding:25px;


    box-shadow:
    0 15px 40px rgba(0,0,0,0.25);


    overflow-y:auto;
}



/*
==========================================================
BOUTON FERMER
==========================================================
*/

.popup_agenda_fermer
{
    position:absolute;


    top:15px;

    right:15px;


    width:35px;

    height:35px;


    border-radius:50%;


    border:none;


    background:#eee;


    cursor:pointer;


    font-size:18px;


    font-weight:bold;
}


.popup_agenda_fermer:hover
{
    background:#ddd;
}



/*
==========================================================
CONTENU
==========================================================
*/

.popup_agenda_contenu
{
    padding-top:15px;
}



.popup_agenda_contenu h2
{
    margin-top:0;

    font-size:24px;
}



.popup_agenda_contenu h3
{
    margin-top:25px;

    font-size:18px;
}



/*
==========================================================
LIGNES RESUME
==========================================================
*/

.popup_ligne
{
    background:#f7f7f7;


    border-radius:12px;


    padding:12px;


    margin-bottom:10px;


    cursor:pointer;
}



.popup_ligne:hover
{
    background:#eeeeee;
}



/*
==========================================================
PHOTOS
==========================================================
*/

.popup_photo
{
    margin-top:15px;

    padding:10px;


    background:#fafafa;


    border-radius:12px;
}



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

@media(max-width:600px)
{

    .popup_agenda_boite
    {
        width:90%;

        max-height:85vh;

        padding:20px;
    }


    .popup_agenda_contenu h2
    {
        font-size:21px;
    }

}