@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap');

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* --- İÇ İÇE AÇILIR MENÜ (NESTED DROPDOWN) AYARLARI --- */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

/* Masaüstü ekranlarda fareyle üzerine gelince (hover) açılması için */
@media (min-width: 992px) {
    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}

/* --- ANA MENÜ DROPDOWN HOVER (ÜZERİNE GELİNCE AÇILMA) AYARLARI --- */
/*@media (min-width: 992px) {*/
    /* Fare üzerine gelince menüyü göster */
    /*.navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;*/ /* Fareyi aşağı kaydırırken menünün kapanmasını engeller */
        /*transition: all 0.3s ease;*/ /* Yumuşak bir açılış efekti */
    /*}*/

    /* Yasal politikalar alt menüsünün hover ayarını da güçlendiriyoruz */
    .navbar .dropdown-submenu:hover > .submenu {
        display: block;
    }
}

/* --- ÜST MENÜ FONT BOYUTU AYARLARI --- */
.navbar-nav .nav-link {
    font-size: 0.9rem; /* Ana menü yazılarının boyutu (Normalde 1rem'dir) */
}

.navbar .dropdown-item {
    font-size: 0.85rem; /* Açılır menü içindeki (KVKK vb.) yazıların boyutu */
}

/* --- 1. SABİT SLIDER LOGOLARI İÇİN ANİMASYON TANIMLAMALARI --- */

/* Giriş Animasyonu: Soldan yumuşakça kayarak gelme */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Sürekli Animasyon: Havada asılı gibi süzülme (Floating) */
@keyframes floatEffect {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* --- 2. TAMAMEN ŞEFFAF ZEMİN VE ANİMASYON UYGULAMASI --- */
.sabit-slider-logosu {
    position: absolute;
    top: 20%;
    left: 15%; /* 8% olan değeri 15% yaptık, böylece logolar daha sağa (içeri) kaydı */
    z-index: 1050;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px; /* Logolar büyüdüğü için aralarındaki boşluğu da biraz artırdık */

    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
    /* ANİMASYONLARI BAĞLAMA */
    animation: fadeInLeft 1s ease-out forwards, floatEffect 4s ease-in-out infinite 1s;
}

    /* --- 3. LOGOLARIN İÇ AYARLARI --- */
    .sabit-slider-logosu img {
        max-height: 120px; /* 90px olan yüksekliği 120px yaparak logoları belirgin şekilde büyüttük */
        max-width: 280px; /* Genişlik sınırını da orantılı olarak artırdık */
        object-fit: contain;
        filter: drop-shadow(0px 0px 12px rgba(250, 250, 250, 1));
        /*filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.7));*/
        transition: transform 0.3s ease, filter 0.3s ease;
    }

        /* Fareyle üzerine gelince logolara parlama ve büyüme efekti */
        .sabit-slider-logosu img:hover {
            transform: scale(1.08);
            filter: drop-shadow(0px 0px 12px rgba(255, 255, 255, 1));
        }

/* --- 4. MOBİL EKRAN AYARLARI --- */
@media (max-width: 768px) {
    .sabit-slider-logosu {
        top: 15%;
        left: 8%; /* Mobilde de biraz daha sağa aldık */
        gap: 15px;
        background: transparent;
        animation: fadeInLeft 1s ease-out forwards;
    }

        .sabit-slider-logosu img {
            max-height: 75px; /* Mobilde logoların da boyutunu bir tık artırdık */
            max-width: 170px;
        }

}