/* =========================================================
   PALAM BAKERS LOGIN POPUP
========================================================= */

.pb-login-popup{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    background:transparent;

}


.pb-login-box{

    position:relative;

    width:100%;

    max-width:535px;

    background:#fff;

    border:1px solid #222;

    border-radius:9px;

    padding:28px 45px 30px;

    box-shadow:0 18px 45px rgba(0,0,0,.22);

}


/* CLOSE */

.pb-login-close{

    position:absolute;

    top:14px;

    right:16px;

    width:34px;

    height:34px;

    border:0;

    background:transparent;

    font-size:28px;

    color:#222;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

}


.pb-login-close:hover{

    background:#f4f4f4;

    border-radius:50%;

}


/* LOGO */

.pb-login-logo{

    text-align:center;

    margin-bottom:8px;

}


.pb-login-logo img{

    width:145px;

    height:auto;

    display:inline-block;

}


/* HEAD */

.pb-login-head{

    text-align:center;

    margin-bottom:20px;

}


.pb-login-head h2{

    margin:0 0 6px;

    font-family:Georgia,serif;

    font-size:29px;

    font-weight:500;

    color:#172718;

}


.pb-login-head p{

    margin:0;

    font-size:13px;

    color:#777;

}


/* TABS */

.pb-login-tabs{

    display:flex;

    justify-content:center;

    gap:95px;

    margin-bottom:25px;

    border-bottom:1px solid #eee;

}


.pb-login-tab{

    position:relative;

    border:0;

    background:none;

    padding:0 5px 11px;

    font-family:Georgia,serif;

    font-size:17px;

    color:#555;

    cursor:pointer;

}


.pb-login-tab.active{

    color:#172718;

}


.pb-login-tab.active::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:-1px;

    height:2px;

    background:#172718;

}


/* FORM */

.pb-login-group{

    margin-bottom:18px;

}


.pb-login-group label{

    display:block;

    margin-bottom:7px;

    font-size:13px;

    font-weight:600;

    color:#222;

}


.pb-login-group input{

    width:100%;

    height:48px;

    padding:0 13px;

    border:1px solid #ccc;

    border-radius:3px;

    outline:none;

    font-size:14px;

}


.pb-login-group input:focus{

    border-color:#172718;

}


/* BUTTON */

.pb-login-submit{

    width:100%;

    height:48px;

    border:0;

    border-radius:3px;

    background:#172718;

    color:#fff;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

}


.pb-login-submit:hover{

    background:#25452b;

}


/* OR */

.pb-login-or{

    display:flex;

    align-items:center;

    gap:12px;

    margin:22px 0;

    color:#999;

    font-size:10px;

}


.pb-login-or::before,
.pb-login-or::after{

    content:"";

    flex:1;

    height:1px;

    background:#e5e5e5;

}


/* BOTTOM */

.pb-login-bottom{

    text-align:center;

    color:#555;

    font-size:13px;

}


.pb-login-bottom a{

    color:#172718;

    font-weight:700;

    text-decoration:none;

    margin-left:4px;

}


/* MOBILE */

@media(max-width:600px){

    .pb-login-popup{

        padding:15px;

    }

    .pb-login-box{

        max-width:100%;

        padding:25px 20px;

    }

    .pb-login-logo img{

        width:120px;

    }

    .pb-login-head h2{

        font-size:25px;

    }

    .pb-login-tabs{

        gap:60px;

    }

}