/* =========================================
   ERİŞİM REKLAM - ÖZEL STİL DOSYASI
   Renk Kodumuz: Kırmızı (#e30613), Koyu Gri/Siyah (#212529)
========================================= */

/* 1. Genel Sayfa Ayarları */
html {
    /* Sayfa içi linklere (örneğin akordeonlara) tıklandığında yumuşakça kaymasını sağlar */
    scroll-behavior: smooth; 
}

body {
    /* Sitemizin genel yazı tipini biraz daha okunaklı ve modern yapıyoruz */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fdfdfd;
}

/* 2. Link ve Menü Efektleri */
a {
    transition: all 0.3s ease-in-out; /* Renk değişimlerinin yumuşak olmasını sağlar */
}

/* Footer'daki hızlı menü linklerinin üzerine gelince kırmızı olması */
footer a.text-light:hover {
    color: #e30613 !important; 
    padding-left: 5px; /* Üzerine gelince metni hafif sağa kaydırarak şık bir efekt verir */
}

/* 3. Bootstrap Akordeon (Hizmetler Sayfası) Özelleştirmeleri */

/* Akordeon butonu açıldığında arka planı ve yazıyı kendi renklerimize uyarlıyoruz */
.accordion-button:not(.collapsed) {
    color: #e30613;
    background-color: #f8f9fa; /* Çok açık gri arka plan */
    font-weight: bold;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); /* Altında ince bir çizgi bırakır */
}

/* Akordeon butonuna tıklandığında etrafında çıkan standart mavi çerçeveyi (focus) kırmızıya çeviriyoruz */
.accordion-button:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 0.25rem rgba(227, 6, 19, 0.25); /* %25 şeffaflıkta kırmızı parlama */
}

/* 4. Buton Özelleştirmeleri */

/* İçi boş kırmızı butonumuzun üzerine gelindiğindeki ayarları */
.btn-outline-danger {
    color: #e30613;
    border-color: #e30613;
}

.btn-outline-danger:hover {
    background-color: #e30613;
    color: #ffffff;
}

/* Form kutularına tıklandığında çıkan mavi parlamayı kırmızı yapıyoruz */
.form-control:focus, .form-select:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 0.25rem rgba(227, 6, 19, 0.25);
}

/* 5. Ekstra Görsel Dokunuşlar */
/* Özel seçilmiş metin (kullanıcı fareyle bir yazıyı kopyalamak için seçtiğinde) rengi */
::selection {
    background-color: #e30613;
    color: white;
}