.modalType{transition:0.3s;position:fixed;width:100%;height:100%;z-index:9999999999;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;top:0;left:0;}.modalType.teamModal{padding:0 20px;}@media only screen and (max-width:767px){.modalType.teamModal{padding:0 10px;}}.modalType.active{transition:0.3s;visibility:inherit;pointer-events:auto;opacity:1;}.modalType .modalbg{position:fixed;background:#000;width:100%;height:100%;opacity:0.5;z-index:-1;left:0;top:0;}.modalType .buttonCloses{background:url(../svg/closeBtn.svg) no-repeat center;width:16px;height:16px;position:absolute;top:50%;right:30px;transform:translateY(-50%);cursor:pointer;}.modalType .mcmodal{width:870px;height:auto;margin:50px auto;font-size:15px;line-height:28px;padding:0;max-width:90%;background:#000;}@media only screen and (max-width:480px){.modalType .mcmodal{margin:20px auto;max-width:95%;width:100%;}}.modalType .mcmodal .iti--separate-dial-code .iti__selected-flag{color:#bfbfbf;}.modalType .mcmodal label{color:#bfbfbf;}.modalType .mcmodal .form-group input,.modalType .mcmodal .form-group textarea{color:#bfbfbf;border-color:#292929 !important;}.modalType .mcmodal h5.miniTitle{font-size:18px;margin:10px 0;}@media only screen and (max-width:767px){.modalType .mcmodal{margin:0 auto;}}.modalType .mcmodal .modalTitle{padding:15px 30px 15px 30px;border-bottom:1px solid #292929;position:relative;color:#bfbfbf;}@media only screen and (max-width:767px){.modalType .mcmodal .modalTitle{padding:13px 20px;}}.modalType .mcmodal .modalTitle h3{font:22px open_sanssemibold;margin:0;text-transform:uppercase;}.modalType .mcmodal .modalTitle h4{font:18px open_sanssemibold;margin:0;text-transform:uppercase;}.modalType .mcmodal .modalContent{padding:30px;max-height:80vh;overflow:auto;}@media only screen and (max-width:480px){.modalType .mcmodal .modalContent{padding:20px;}}.modalType .mcmodal .modalContent a{color:#bfbfbf;text-decoration:none;}.modalType .mcmodal .modalContent::-webkit-scrollbar-track{background-color:#fff;}.modalType .mcmodal .modalContent::-webkit-scrollbar{width:6px;background-color:#fff;}.modalType .mcmodal .modalContent::-webkit-scrollbar-thumb{background-color:#f18700;}.modalType .mcmodal p{font-size:14px;line-height:24px;margin-bottom:10px;color:#bfbfbf;}.modalType .mcmodal p a{color:#191919;}.modalType .mcmodal ol,.modalType .mcmodal ul{padding:0 20px;}.modalType .mcmodal ol li,.modalType .mcmodal ul li{color:#bfbfbf;}.iti__country-list::-webkit-scrollbar-track{background-color:#fff !important;}.iti__country-list::-webkit-scrollbar{width:6px;background-color:#fff !important;}.iti__country-list::-webkit-scrollbar-thumb{background-color:#f18700;}

/* Autofill animasyon tespiti */
@keyframes onAutoFillStart { from {} to {} }
.modalType input:-webkit-autofill {
    animation-name: onAutoFillStart;
    animation-duration: 1ms;
}

/* ── Modal form input geçerlilik stilleri ── */

/* Geçerli/geçersiz alanlarda SADECE alt çizgi rengini değiştir — JS class'ları */
.modalType .form-control.is-valid {
    border-color: transparent !important;
    border-bottom-color: #292929 !important;
    background-image: none !important;
    padding-right: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    background-image: none !important;
    padding-right: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.modalType .form-control.is-invalid {
    border-bottom-color: #dc3545 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    background-image: none !important;
    padding-right: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* was-validated sonrası Bootstrap'ın kendi renklerini sıfırla */
.modalType .was-validated .form-control:valid,
.modalType .was-validated .form-control:invalid {
    border-bottom-color: #292929 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* was-validated + is-valid/is-invalid birlikte olunca JS renkleri korunsun */
.modalType .was-validated .form-control.is-valid {
    border-color: transparent !important;
    border-bottom-color: #292929 !important;
}

.modalType .was-validated .form-control.is-invalid {
    border-bottom-color: #dc3545 !important;
}

/* Tik/X ikon span */
.modalType .form-group {
    position: relative;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* invalid-feedback — kesinlikle en alta */
.modalType .form-group .invalid-feedback {
    display: none;
    order: 99;
    width: 100%;
    margin-top: 4px;
    font-size: 11px;
    color: #dc3545;
    line-height: 1.3;
}

/* İkon — .input-wrap içinde JS tarafından oluşturulur */
.modalType .form-group .modal-field-icon,
.modalType .input-wrap .modal-field-icon {
    pointer-events: none;
}

.modalType .form-group .modal-field-icon:empty {
    display: none !important;
}

/* Checkbox işaretlenince label — renk değişmesin */
.modalType .form-check-input:checked ~ .form-check-label {
    color: inherit;
}

/* "KVKK ve Gizlilik Sözleşmesini" linki — her zaman sabit, asla değişmesin */
.modalType .form-check-label a,
.modalType .form-check-input:checked ~ .form-check-label a {
    color: #848484 !important;
    transition: none !important;
}

/* "okudum, onaylıyorum." — her zaman aynı renk, tick'ten bağımsız */
.modalType .form-check-label .kvkk-onay {
    color: #bfbfbf !important;
    transition: none !important;
}

.modalType .form-check-input:checked ~ .form-check-label .kvkk-onay {
    color: #bfbfbf !important;
}

/* form-check: invalid-feedback alt satıra geçsin */
.modalType .form-check {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.modalType .form-check .invalid-feedback {
    flex-basis: 100%;
    width: 100%;
    margin-top: 4px;
    margin-left: 28px;
    font-size: 11px;
    color: #dc3545;
    line-height: 1.3;
    display: none;
}

.modalType .form-check.has-invalid-check .invalid-feedback {
    display: block;
}


/* Label sola hizala */
.modalType .mcmodal label {
    text-align: left !important;
    display: block;
}