/**********************************************************************************************
** Html img elementinin drag drop özelliğini devre dışı bırakır.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

img {
    user-drag: none;
    -webkit-user-drag: none;
}

/**********************************************************************************************
** Html textarea elementinin resizing özelliğini devre dışı bırakır.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

textarea {
    resize: none;
}

/**********************************************************************************************
** Bir servis isteği yapılırken ilgili butona prop disabled öğesi vererek tıklanmayı devre
** dışır bırakır.
**
** @filename => $style \main.core.min.css
**********************************************************************************************/

.loader {
    display: flex;
    justify-content: center;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/**********************************************************************************************
** Butonlara verilen shake classının sallanma animasyonunu belirtir.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/**********************************************************************************************
** Sweet alert kütüphanesinin pop-up mesajlarını ortalar.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.swal-text {
    text-align: center;
    line-height: inherit;
}

/**********************************************************************************************
** Veri giriş inputlarının tipi number olan elemanların aşağı ve yukarı oklarını kaldırır.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/**********************************************************************************************
** Sistem iskeletinde sol tarafa sabit email ikonunu belirtir.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.email-zone {
    position: fixed;
    width: 49px;
    height: 49px;
    bottom: 140px;
    left: 22px;
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.email-icon {
    margin-top: 10px;
    font-size: 25px;
}

.email-zone:hover {
    color: #ffffff;
}

/**********************************************************************************************
** Sistem iskeletinde sol tarafa sabit telefon ikonunu belirtir.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.phone-zone {
    position: fixed;
    width: 49px;
    height: 49px;
    bottom: 80px;
    left: 22px;
    background-color: #b48f3a;
    color: #ffffff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}

.phone-icon {
    margin-top: 10px;
    font-size: 25px;
}

.phone-zone:hover {
    color: #fff000;
}

/**********************************************************************************************
** Owl carousel kütüphanesinin desktop ve mobil ayarlarını belirtir.
**
**
** @filename => $css \main.core.min.js
**********************************************************************************************/

.owl-nav {
    margin-top: 20px;
    display: flex !important;
    justify-content: center !important;
}

.owl-prev, .owl-next {
    background: var(--bg-theme-color1) !important;
    color: var(--theme-color2) !important;
}

@media screen and (min-width: 768px) {
    .owl-nav {
        margin-top: 20px;
        display: flex !important;
        justify-content: center !important;
    }

    .owl-prev, .owl-next {
        background: var(--bg-theme-color1) !important;
        color: var(--theme-color2) !important;
    }
}