:root {
    --ed-bordo: #6A1B1A;
    --ed-altin: #C49A3C;
    --ed-ivory: #F9F6F2;
    --ed-dark: #2E2E2E;
    --ed-muted: rgba(0,0,0,.60);
}

/* ---- Base ---- */
.page-hero {
    position: relative;
    background: var(--ed-ivory);
    padding: 16px 0 18px;
    margin: 0 0 14px;
    overflow: hidden;
}

.page-hero__inner {
    position: relative;
    z-index: 2;
}

.page-hero__title {
    margin: 6px 0 6px;
    font-weight: 900;
    letter-spacing: .2px;
    font-size: clamp(1.6rem,3vw,2.2rem);
    color: var(--ed-dark);
}

.page-hero__subtitle {
    margin: 0;
    color: var(--ed-muted)
}

/* Top & bottom accent (ince çizgi) */
.page-hero::before {
    content: "";
    display: block;
    height: 3px;
    background: var(--ed-bordo);
    opacity: .85;
}

.page-hero::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: var(--ed-bordo);
    margin: 10px 0 0 0;
}

/* ---- Modifiers ---- */
.page-hero--center .page-hero__inner {
    text-align: center
}

.page-hero--center::after {
    margin-left: auto;
    margin-right: auto
}

.page-hero--image {
    min-height: 120px
}

.page-hero__bg {
    position: absolute;
    inset: 0;
    background: #ddd center/cover no-repeat;
    z-index: 1;
    opacity: .08;
    filter: contrast(1.03) saturate(1.02);
}

/* Gradient arka plan (ViewBag.PageHeroGrad = true) */
.page-hero--grad {
    --grad1: #9142ff;
    --grad2: #00c6ff; /* inline ile override ediyorsun */
    background: linear-gradient(135deg, var(--grad1), var(--grad2));
}

    .page-hero--grad .page-hero__bg {
        opacity: .12
    }

/* Tema varyasyonları (hafif nüanslar) */
.page-hero--classic::before,
.page-hero--classic::after {
    background: var(--ed-bordo)
}

.page-hero--aurora::before,
.page-hero--aurora::after {
    background: linear-gradient(90deg,#7d3b7f,#2a6aa3)
}

.page-hero--sunset::before,
.page-hero--sunset::after {
    background: linear-gradient(90deg,#b23a2b,#e0a84a)
}

/* Upcoming/Archive gibi durumlar için de hızlı varyantlar (isteğe bağlı) */
.page-hero--upcoming::before,
.page-hero--upcoming::after {
    background: var(--ed-altin)
}

.page-hero--archive::before,
.page-hero--archive::after {
    background: #7c2322
}

/* Küçük ekran */
@media (max-width:640px) {
    .page-hero {
        padding-bottom: 14px
    }

        .page-hero::after {
            width: 52px
        }
}
/* HERO: merkez varyantı */
.page-hero--center .page-hero__inner {
    text-align: center;
}

/* alttaki kısa vurgu çizgisi */
.page-hero--center::after {
    margin-left: auto;
    margin-right: auto;
}

/* Üst çizgiyi kısa ve ortalanmış yap (uzun şerit yerine) */
.page-hero--center::before {
    content: none;
}
/* uzun şeridi kapat */
.page-hero--center .page-hero__inner::before {
    content: "";
    display: block;
    width: 72px; /* istersen 64–96px arası oynat */
    height: 3px;
    border-radius: 3px;
    background: var(--ed-bordo);
    opacity: .85;
    margin: 0 auto 8px; /* ortala + başlıkla aralık */
}

/* başlık ve alt başlıkta otomatik merkez boşlukları */
.page-hero--center .page-hero__title,
.page-hero--center .page-hero__subtitle {
    margin-left: auto;
    margin-right: auto;
}
/* ===== Breadcrumbs (PageHero eklentisi) ===== */
.ph-bc {
    padding-top: 8px
}

    .ph-bc ol {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        font-weight: 600;
        color: var(--ed-muted);
    }

    .ph-bc li {
        display: inline-flex;
        align-items: center
    }

        .ph-bc li + li::before {
            content: "»";
            opacity: .45;
            margin: 0 6px;
        }

    .ph-bc a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px dashed rgba(106,27,26,.35);
    }

        .ph-bc a:hover {
            border-bottom-color: transparent
        }

    .ph-bc .current {
        color: var(--ed-dark);
        font-weight: 700
    }

/* Ortalı varyant */
.ph-bc--center ol {
    justify-content: center
}