/* ==================================================
   FORM POPUP
   Prefix: swform-
================================================== */

.swform-overlay{

    position:fixed;

    inset:0;

    display:none;

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

    padding:24px;

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

    backdrop-filter:blur(8px);

    z-index:99999;
}

/* vizibil */

.swform-overlay.is-open{
    display:flex;
}

/* modal */

.swform-modal{

    position:relative;

    width:min(900px, 100%);
    height:min(90vh, 900px);

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    box-shadow:
        0 20px 60px rgba(0,0,0,.18);

    animation:swformShow .25s ease;
}

/* scroll interior */

.swform-content{

    width:100%;
    height:100%;

    overflow-y:auto;
    overflow-x:hidden;
}

/* iframe */

.swform-content iframe{

    display:block;

    width:100%;

    border:none;
}

/* close */

.swform-close{

    position:absolute;

    top:16px;
    right:16px;

    width:42px;
    height:42px;

    border:none;
    border-radius:50%;

    background:#fff;

    color:var(--accent);

    font-size:20px;
    line-height:1;

    cursor:pointer;

    z-index:10;

    box-shadow:
        0 4px 16px rgba(0,0,0,.12);

    transition:.2s ease;
}

.swform-close:hover{

    transform:scale(1.05);

    background:var(--bg_sec);
}

/* animatie */

@keyframes swformShow{

    from{
        opacity:0;
        transform:translateY(15px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* mobile */

@media (max-width:768px){

    .swform-overlay{
        padding:12px;
    }

    .swform-modal{

        width:100%;
        height:92vh;

        border-radius:18px;
    }

    .swform-close{

        top:12px;
        right:12px;
    }
}