/*
 * HKU Breadcrumb - Hasan Kalyoncu Üniversitesi KYS
 *
 * Modern, erişilebilir (ARIA + schema.org BreadcrumbList) breadcrumb stili.
 * CSS değişkenleri için hku-modern.css'in önce yüklenmiş olması beklenir
 * (--hku-primary, --hku-border, --hku-text-muted, --hku-bg-soft).
 *
 * Kullanım:
 *   <link rel="stylesheet" href="~/css/hku-breadcrumb.css" asp-append-version="true" />
 *   <partial name="_Breadcrumb" />
 */

/* hku-auth deseni: breadcrumb ayri bir beyaz BANT degil, icerigin ustunde sessiz
   bir satirdir. Bant, sayfaya ikinci bir yatay cizgi ekleyip basligi asagi itiyordu. */
.hku-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 18px 34px 0;
    background-color: transparent;
    border-bottom: 0;
    font-size: 0.78rem;
    line-height: 1.4;
}

/* Sağ tarafta gelecekteki aksiyon butonları için ayrılmış slot */
.hku-breadcrumb::after {
    content: "";
    display: block;
    min-width: 0;
    flex: 0 0 auto;
}

.hku-breadcrumb > ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    min-width: 0;
}

.hku-breadcrumb > ol > li {
    display: inline-flex;
    align-items: center;
    color: var(--hku-text-muted, #6c757d);
    max-width: 100%;
}

/* Separator: ilk item'dan sonra her item'ın önüne */
.hku-breadcrumb > ol > li + li::before {
    content: "›";
    display: inline-block;
    padding: 0 0.55rem;
    color: var(--hku-text-muted, #6c757d);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1;
    opacity: 0.7;
    user-select: none;
}

/* Link stili */
.hku-breadcrumb a {
    display: inline-flex;
    align-items: center;
    color: var(--hku-text-muted, #6c757d);
    text-decoration: none;
    border-radius: 3px;
    padding: 2px 4px;
    margin: -2px -4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hku-breadcrumb a:hover,
.hku-breadcrumb a:focus {
    color: var(--hku-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
    outline: none;
}

.hku-breadcrumb a:focus-visible {
    outline: 2px solid var(--hku-primary);
    outline-offset: 1px;
    text-decoration: none;
    background-color: var(--hku-bg-soft, #f6f8fb);
}

/* İkon (varsa): label'dan önce */
.hku-breadcrumb i.fa,
.hku-breadcrumb i.fas,
.hku-breadcrumb i.far,
.hku-breadcrumb i.fab {
    margin-right: 0.5rem;
    font-size: 0.9em;
    line-height: 1;
    opacity: 0.85;
}

/* Yalnız ikon (Ana Sayfa gibi tek ikon item) için margin sıfırlama */
.hku-breadcrumb .hku-breadcrumb-icon-only i {
    margin-right: 0;
}

/* Aktif (son) item — bold + primary color, link değil span */
.hku-breadcrumb [aria-current="page"] {
    color: var(--hku-primary);
    font-weight: 600;
    padding: 2px 4px;
    margin: -2px -4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hku-breadcrumb [aria-current="page"] i {
    opacity: 1;
}

/* Schema.org meta tag'lerini gizle (Razor'da microdata için kullanılır) */
.hku-breadcrumb meta {
    display: none;
}

/* Responsive: küçük ekran */
@media (max-width: 575.98px) {
    .hku-breadcrumb {
        padding: 8px 14px;
        font-size: 0.78rem;
        gap: 0.5rem;
    }

    .hku-breadcrumb > ol > li + li::before {
        padding: 0 0.4rem;
        font-size: 0.9rem;
    }

    .hku-breadcrumb i.fa,
    .hku-breadcrumb i.fas,
    .hku-breadcrumb i.far,
    .hku-breadcrumb i.fab {
        margin-right: 0.35rem;
    }

    /* Çok uzun item'lar mobilde elipsleşsin */
    .hku-breadcrumb a,
    .hku-breadcrumb [aria-current="page"] {
        max-width: 14ch;
    }
}

/* Reduced motion: animasyonsuz */
@media (prefers-reduced-motion: reduce) {
    .hku-breadcrumb a {
        transition: none;
    }
}

/* Yazdırma: breadcrumb gizli */
@media print {
    .hku-breadcrumb {
        display: none;
    }
}