/* Button Fixes - Buton Animasyon ve Büyüme Sorunlarını Düzeltir */

/* Tüm butonlarda :active durumunda scale efektini kaldır */
.btn:active,
.btn:focus:active,
a.btn:active,
a.btn:focus:active,
button:active,
button:focus:active,
input[type="button"]:active,
input[type="submit"]:active {
    transform: none !important;
    scale: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* Bootstrap 5 butonlarında :active durumunda scale efektini kaldır */
.btn-primary:active,
.btn-secondary:active,
.btn-success:active,
.btn-danger:active,
.btn-warning:active,
.btn-info:active,
.btn-light:active,
.btn-dark:active,
.btn-outline-primary:active,
.btn-outline-secondary:active,
.btn-outline-success:active,
.btn-outline-danger:active,
.btn-outline-warning:active,
.btn-outline-info:active,
.btn-outline-light:active,
.btn-outline-dark:active {
    transform: none !important;
    scale: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* btn-main sınıfı için :active durumunda scale efektini kaldır */
.btn-main:active,
a.btn-main:active,
.btn-main:focus:active,
a.btn-main:focus:active {
    transform: none !important;
    scale: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* fx-slide efektini düzelt - butonun büyümesini engelle */
a.btn-main.fx-slide:active,
a.btn-main.fx-slide:focus:active {
    transform: none !important;
    scale: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

a.btn-main.fx-slide:active span,
a.btn-main.fx-slide:focus:active span {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

a.btn-main.fx-slide:active:before,
a.btn-main.fx-slide:focus:active:before {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* Butonlarda tıklama sırasında büyümeyi engelle */
.btn,
a.btn,
button,
input[type="button"],
input[type="submit"],
.btn-main,
a.btn-main {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Butonlarda transition'ı sadece hover için kullan, active için değil */
.btn,
a.btn,
button,
input[type="button"],
input[type="submit"] {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.btn:active,
a.btn:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
    transition: none !important;
}

/* btn-main için transition düzeltmesi */
.btn-main,
a.btn-main {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.btn-main:active,
a.btn-main:active {
    transition: none !important;
}

/* fx-slide için transition düzeltmesi */
a.btn-main.fx-slide span {
    transition: opacity 0.3s ease-in-out !important;
    transform: none !important;
}

a.btn-main.fx-slide:hover span {
    transform: translate(0, 40px) !important;
    opacity: 0;
}

a.btn-main.fx-slide:active span,
a.btn-main.fx-slide:focus:active span {
    transform: none !important;
    opacity: 1 !important;
}

a.btn-main.fx-slide:before {
    transition: opacity 0.3s ease-in-out !important;
}

a.btn-main.fx-slide:active:before,
a.btn-main.fx-slide:focus:active:before {
    transform: translate(0, -100%) !important;
    opacity: 0 !important;
}

/* Ripple efektlerini devre dışı bırak (eğer varsa) */
.ripple-surface,
.ripple,
.ripple-effect {
    display: none !important;
}

/* Buton içindeki span ve diğer elementlerin büyümesini engelle */
.btn span,
.btn-main span,
a.btn span,
a.btn-main span {
    display: inline-block;
    position: relative;
}

.btn:active span,
.btn-main:active span,
a.btn:active span,
a.btn-main:active span {
    transform: none !important;
    scale: 1 !important;
}