/* Form kutusunun genel genişliği ve ortalanması */
.stm-lms-auth__wrapper {
max-width: 450px !important;
margin: 0 auto !important;
border: none !important;
box-shadow: none !important; /* Elementor’dan gölge verdiğimiz için burayı sıfırlıyoruz */
}
/* Giriş ve Kayıt Ol Sekme Başlıkları (Tablar) */
.stm-lms-auth__wrapper .nav-tabs {
border-bottom: 2px solid #f1f1f1 !important;
margin-bottom: 25px !important;
display: flex;
justify-content: space-around;
}
.stm-lms-auth__wrapper .nav-tabs .nav-link {
font-size: 16px !important;
font-weight: 600 !important;
color: #888888 !important;
border: none !important;
padding-bottom: 12px !important;
position: relative;
transition: color 0.3s ease;
}
/* Aktif Sekme Çizgisi */
.stm-lms-auth__wrapper .nav-tabs .nav-link.active {
color: #1a365d !important; /* TÜVAD Lacivert tonu */
background: transparent !important;
}
.stm-lms-auth__wrapper .nav-tabs .nav-link.active::after {
content: ”;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 3px;
background-color: #1a365d !important; /* Aktif sekme alt çizgisi */
border-radius: 3px;
}
/* İnput (Yazı Giriş) Alanları */
.stm-lms-auth__wrapper .form-control {
height: 48px !important;
border: 1px solid #e2e8f0 !important;
border-radius: 8px !important;
padding: 10px 16px !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
}
.stm-lms-auth__wrapper .form-control:focus {
border-color: #1a365d !important;
box-shadow: 0 0 0 3px rgba(26, 54, 93, 0.1) !important;
outline: none !important;
}
/* Butonlar (Giriş Yap / Kayıt Ol Butonu) */
.stm-lms-auth__wrapper .btn-default,
.stm-lms-auth__wrapper .btn-primary {
height: 48px !important;
background-color: #1a365d !important; /* TÜVAD Buton Rengi */
border: none !important;
border-radius: 8px !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
width: 100% !important;
}
.stm-lms-auth__wrapper .btn-default:hover,
.stm-lms-auth__wrapper .btn-primary:hover {
background-color: #112542 !important; /* Üzerine gelince biraz daha koyu lacivert */
box-shadow: 0 4px 12px rgba(26, 54, 93, 0.2) !important;
}
/* Beni Hatırla & Şifremi Unuttum Alanı */
.stm-lms-auth__wrapper .stm_lms_remember_me {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px !important;
color: #64748b !important;
margin-top: 15px !important;
}