/* Site.css dosyasının sonuna eklenecek */

/* --- Genel İyileştirmeler --- */
.card {
    border: 1px solid #e3e6f0; /* Kartlara hafif bir kenarlık */
}

/* --- Yönetici Paneli Kart Stilleri (Yonetim/Default.aspx için) --- */
.border-left-primary {
    border-left: .25rem solid #4e73df !important;
}

.border-left-success {
    border-left: .25rem solid #1cc88a !important;
}

.border-left-info {
    border-left: .25rem solid #36b9cc !important;
}

.text-xs {
    font-size: .7rem;
}

.text-gray-300 {
    color: #dddfeb !important;
}

.text-gray-800 {
    color: #5a5c69 !important;
}

/* --- GridView'lerdeki Seçili Satır Stili İçin Daha İyi Bir Renk --- */
.table-hover > tbody > tr:hover {
    background-color: #f8f9fc;
}

/* Seçili satırın rengini daha belirgin yapalım */
.table > tbody > tr.table-active, .table > tbody > tr > td.table-active, .table > tbody > tr > th.table-active {
    background-color: #d1ecf1 !important;
}

/* --- Butonlara Hafif Bir Geçiş Efekti --- */
.btn {
    transition: all 0.2s ease-in-out;
}

    .btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }



/* Site.css Dosyasının Sonuna Eklenecek Stiller */

/* --- Ana Karşılama (Hero) Bölümü Stilleri --- */
.hero-section {
    background: linear-gradient(45deg, #563d7c, #0d6efd);
    padding: 6rem 0;
    margin-top: -1.5rem; /* Navbar altındaki boşluğu kapatmak için */
    margin-bottom: 3rem;
}

.hero-image {
    max-width: 250px;
    height: auto;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    padding: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* --- Özellikler Bölümü İkon Stilleri --- */
.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}

.feature .fa-robot, .feature .fa-puzzle-piece, .feature .fa-chart-line {
    font-size: 2rem;
    color: white;
}

/* --- Animasyonlar ("Cilalama" Kısmı) --- */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

    .fade-in-section.is-visible {
        opacity: 1;
        transform: translateY(0);
    }