/* =========================================================
   BOOK MY VENUE AUTH MODALS
========================================================= */

.bmv-auth-modal .modal-content{
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(216,255,243,.12);
    border-radius: 30px;
    background:
        radial-gradient(circle at top left,
        rgba(32,211,139,.16),
        transparent 34%),
        linear-gradient(145deg,
        rgba(13,20,35,.96),
        rgba(5,9,20,.98));
    box-shadow:
        0 25px 80px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(26px);
    padding: 0;
}

.bmv-auth-modal .modal-content::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg,
        rgba(255,255,255,.08),
        transparent 30%);
    pointer-events:none;
}

.bmv-auth-modal .modal-header{
    border-bottom: 1px solid rgba(216,255,243,.08);
    padding: 28px 30px 18px;
}

.bmv-auth-modal .modal-title{
    font-size: 1.45rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -.02em;
}

.bmv-auth-modal .btn-close{
    filter: invert(1);
    opacity: .8;
}

.bmv-auth-modal .modal-body{
    padding: 26px 30px 12px;
}

.bmv-auth-modal .form-control{
    height: 58px;
    border-radius: 18px;
    border: 1px solid rgba(216,255,243,.1);
    background: rgba(255,255,255,.05);
    color: #fff;
    font-size: .96rem;
    font-weight: 600;
    padding: 0 18px;
    box-shadow: none;
    transition: .25s ease;
}

.bmv-auth-modal .form-control::placeholder{
    color: rgba(255,255,255,.42);
}

.bmv-auth-modal .form-control:focus{
    border-color: rgba(32,211,139,.65);
    background: rgba(255,255,255,.07);
    box-shadow:
        0 0 0 4px rgba(32,211,139,.08),
        0 10px 30px rgba(32,211,139,.12);
    color: #fff;
}

.bmv-auth-modal .modal-footer{
    border: 0;
    padding: 8px 30px 0;
}

.bmv-auth-btn{
    height: 56px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(
        135deg,
        #20d38b,
        #19b8b0
    );
    color: #04110d;
    font-size: .96rem;
    font-weight: 900;
    letter-spacing: .02em;
    transition: .25s ease;
    box-shadow: 0 18px 40px rgba(32,211,139,.24);
}

.bmv-auth-btn:hover{
    transform: translateY(-2px);
    background: linear-gradient(
        135deg,
        #49f2ad,
        #25d7ce
    );
}

.bmv-auth-switch{
    padding: 22px 20px 28px;
    text-align: center;
    color: rgba(255,255,255,.58);
    font-size: .92rem;
    font-weight: 600;
}

.bmv-auth-switch a{
    color: #20d38b;
    font-weight: 800;
}

.bmv-auth-switch a:hover{
    color: #5ff7bb;
}

.bmv-auth-modal .alert{
    border-radius: 16px;
    border: 0;
    font-weight: 700;
}

.bmv-auth-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    margin-bottom:18px;
    background: rgba(32,211,139,.1);
    border:1px solid rgba(32,211,139,.18);
    color:#9ff8d2;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}