/* --- Kurumsal Değişkenler --- */
:root {
    --primary-teal: #008080;
    --dark-teal: #004d4d;
    --light-teal: #f0fafa;
    --text-dark: #1a202c;
    --text-muted: #4a5568;
}

.page-header {
    background: linear-gradient(135deg,rgba(0,100,100,0.8), rgba(100,200,200,0.1)), url('@(Model.ImageUrl ?? "/images/default-header.jpg")') center/cover;
}

.article-body {
    background: #ffffff;
    padding: 1.5rem;
    border-radius: 16px;
    font-size: 1.25rem;
    line-height: 1.9;
    color: #2d3748;
}

    .article-body h2 {
        color: var(--primary-teal);
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        font-weight: 600;
    }

    .article-body img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        margin: 20px 0;
    }
    /* Tablo ve Video Uyumluluğu */
    .article-body table {
        width: 100% !important;
        border-collapse: collapse;
        margin-bottom: 1rem;
    }

        .article-body table td, .article-body table th {
            border: 1px solid #dee2e6;
            padding: 8px;
        }

    /* iframe (YouTube vb.) uyumluluğu */
    .article-body iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 8px;
    }

.text-teal {
    color: #008080 !important;
}

.list-group-item.active {
    border-left: 4px solid #008080 !important;
    background-color: var(--light-teal) !important;
    color: #008080 !important;
    font-weight: bold;
}
/* Sidebar Hover Etkisi */

.list-group-item-action:hover {
    background-color: var(--light-teal);
    color: var(--primary-teal);
    padding-left: 1.5rem;
    transition: all 0.3s ease;
}

/* --- Breadcrumb --- */
.breadcrumb-container {
    background-color: #ffffff;
}

.breadcrumb-item a {
    color: var(--primary-teal);
    transition: all 0.2s ease;
}