@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap&subset=latin-ext');

* {
    border-radius: 0 !important;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.adutop {
    background: #152C3E;
}

.hm a {
    color: #FFF
}

.aduustmenu a {
    color: #FFF;
    font-weight: bold;
}

.aduustmenu .dropdown-menu a {
    color: #000;
    font-weight: normal;
}

.head {
    background: #241a0c;
    color: #FFF;
    padding: 5px 10px 30px 10px;
}

.birimmenu {
    background: #1A354C
}

.obismenu i {
    width: 20px;
    display: inline-block;
    text-align: center;
}




.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-item {
    border: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, .125);
}

.accordion-button {
    background-color: #F0F0F0;
    border-bottom: #CCC 1px solid;
}

.page-head {
    font-size: 0.9em;
    border-bottom: #CCC 1px solid;


}

.mainslide {
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.hkapak {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.logo {
    max-height: 100px;
    width: auto;

    @media screen and (max-width: 992px) {
        max-height: 64px;
    }
}


.nav-link {
    color: #FFF;
    font-weight: bold;
}

.nav-link:hover {
    color: #CCC;
}

.fa-sx {
    font-size: 1.5em;
}

.dropdown-item {
    background-color: #000;
    color: #FFF;
    font-size: 0.8em;
    font-weight: bold;
}

.dropdown-menu {
    padding: 0 0 0 0;
}

.bg-adu-dark {
    background: #03182b;
}

.topbar {
    background-color: #063359;
}

.bg-light-adu {
    background-color: #FAFAFA;
}


/*
 * ADÜ Kurumsal Mavi Liste Grubu Öğesi Stilleri
 * Ana Renk: #063359
 * YENİ: Hover efekti eklendi.
 */

/* Ana rengi bir CSS değişkeni olarak tanımlıyoruz */
:root {
    --bs-adu-blue: #063359;
}

.list-group-item-adu-blue {
    color: #fff;
    background-color: var(--bs-adu-blue);
    border-color: rgba(255, 255, 255, 0.125);
}

/* Tıklanabilir liste öğeleri için hover ve active durumları */
a.list-group-item-adu-blue, button.list-group-item-adu-blue {
    /* Geçiş efektinin yumuşak olması için transition ekliyoruz */
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

    /* Hover (fareyle üzerine gelme) ve Focus (odaklanma) durumu */
    &:hover,
    &:focus {
        color: #fff;
        background-color: #052a4a;
        /* Ana renkten biraz daha koyu */

        /* YENİ: Hafif sola kaydırma efekti */
        transform: translateX(-8px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        /* Kayma sırasında hafif bir gölge */
    }

    /* Active (tıklanmış/aktif) durumu */
    &.active {
        color: #fff;
        background-color: #04223c;
        /* Hover renginden biraz daha koyu */
        border-color: #04223c;
    }
}


.list-group-item:hover {
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

    &:hover,
    &:focus {

        /* YENİ: Hafif sola kaydırma efekti */
        transform: translateX(8px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        /* Kayma sırasında hafif bir gölge */
    }

    /* Active (tıklanmış/aktif) durumu */
    &.active {}
}



/*
 * Bootstrap 5 'primary-subtle' Renginde Buton Stili
 * .list-group-item-primary ile birebir uyumludur.
 */

.btn-primary-subtle {
    /* Varsayılan Durum (list-group-item-primary ile aynı) */
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-bg: var(--bs-primary-bg-subtle);
    --bs-btn-border-color: var(--bs-primary-border-subtle);

    /* Hover (Fareyle Üzerine Gelme) Durumu */
    --bs-btn-hover-color: var(--bs-primary-text-emphasis);
    --bs-btn-hover-bg: var(--bs-primary-bg-subtle);
    --bs-btn-hover-border-color: var(--bs-primary-border-subtle);

    /* Aktif (Tıklanma) Durumu */
    --bs-btn-active-color: var(--bs-primary-text-emphasis);
    --bs-btn-active-bg: var(--bs-primary-bg-subtle);
    --bs-btn-active-border-color: var(--bs-primary-border-subtle);

    /* Focus (Odaklanma) Gölgesi */
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    font-weight: bold;
}

/* Hover ve Focus durumlarında butonu hafifçe koyulaştırarak görsel geri bildirim sağlıyoruz. */
.btn-primary-subtle:hover,
.btn-primary-subtle:focus {
    filter: brightness(95%);
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

    &:hover,
    &:focus {

        /* YENİ: Hafif sola kaydırma efekti */
        transform: translateX(8px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        /* Kayma sırasında hafif bir gölge */
    }


}