/* Login form */
.login-section{
    margin:0;
    background:#f4f4f4;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* Main Container */
.login-container{
    width:100%;
    border-radius:15px;
    padding:10px;
   /* box-shadow:0 10px 30px rgba(0,0,0,0.08);*/
}

/* Big Login Button */
.login-btn{
    display:block;
    width:100%;
    padding:8px;
    background:#C47A2C;
    color:white;
    text-align:center;
    font-size:16px;
    font-weight:600;
    border:none;
    border-radius:50px;
    cursor:pointer;
    transition:0.3s;
}

.login-btn:hover{
    background:#8B4D1E;
}

/* Info Box */
.info-box{
    margin-top:10px;
    background:#ffffff;
    border-radius:10px;
    padding:10px;
    border:1px solid #e5e5e5;
}

.info-box h3{
    margin:0 0 15px 0;
    font-size:16px;
    color:#333;
	font-family: 'Inter', sans-serif;
}

/* Feature List */
.info-box .feature{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:10px;
    color:#777;
    font-size:14px;
	font-family: 'Inter', sans-serif;
}

/* login form on modal */
.info-box .feature i{
    color:#999;
    margin-top:3px;
}
.login-title{
    font-weight:600;
    margin-bottom:5px;
    color:#5a3b1e;
	text-align:center;
}
.login-subtitle{
    font-size:14px;
    color:#888;
    margin-bottom:20px;
	text-align:center;
}
.login-options{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:13px;
    margin-bottom:20px;
}
.login-options a{
    text-decoration:none;
    color:#b8742a;
}
.auth-modal{
    padding:10px 5px;
}

/* Tabs */
.auth-tabs{
    display:flex;
    position:relative;
    background:#f2e7d9;
    border-radius:30px;
    padding:5px;
    margin-bottom:25px;
}
.tab-btn{
    flex:1;
    border:none;
    background:none;
    padding:10px;
    cursor:pointer;
    font-weight:600;
    z-index:2;
    color:#7a5a3c;
}
.tab-btn.active{
    color:#fff;
}
/* Sliding background */
.tab-indicator{
    position:absolute;
    top:5px;
    left:5px;
    width:50%;
    height:calc(100% - 10px);
    background:#b8742a;
    border-radius:30px;
    transition:0.3s;
}
/* Forms */
.auth-form{
    display:none;
    animation:fadeIn 0.3s ease;
}
.auth-form.active{
    display:block;
}
@keyframes fadeIn{
    from{opacity:0; transform:translateY(5px);}
    to{opacity:1; transform:translateY(0);}
}
/* Inputs */
.form-group{
    position:relative;
    margin-bottom:15px;
}
.form-group input{
    width:100%;
    padding:12px 12px 12px 42px;
    border-radius:12px;
    border:1px solid #e3d7c8;
    background:#faf7f2;
    outline:none;
}
.form-group input,
.form-group select {
    width:100%;
    padding:12px 12px 12px 42px;
    border-radius:50px;
    border:1px solid #e3d7c8;
    background:#faf7f2;
    outline:none;
}
/* Select2 container full width */
.select2-container {
    width: 100% !important;
}

/* Main box */
.select2-container--default .select2-selection--single {
    height: 44px;
    padding: 6px 12px 6px 42px;
    border-radius: 50px;
    border: 1px solid #e3d7c8;
    background: #faf7f2;
    display: flex;
    align-items: center;
}

/* Remove default border focus */
.select2-container--default .select2-selection--single:focus {
    outline: none;
}

/* Selected text */
.select2-container--default .select2-selection__rendered {
    color: #333;
    font-size: 14px;
    line-height: normal;
}

/* Dropdown arrow */
.select2-container--default .select2-selection__arrow {
    height: 100%;
    right: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #c6a87d;
    box-shadow: 0 0 0 3px rgba(198,168,125,0.2);
}
/* Button */
.auth-btn{
    width:100%;
    padding:13px;
    border:none;
    border-radius:30px;
    background:#b8742a;
    color:white;
    font-weight:600;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    transition:0.3s;
}
.auth-btn:hover{
    background:#8a541c;
}
/* Feather size fix */
.feather{
    width:18px;
    height:18px;
}