/* =========================================================
   ORV Türkçe — Bölüm sonu "Destek Teşekkürü" kartı
   Referans aracının Destek paneli tarafından bölüm HTML'ine
   statik olarak yazılır (ORV-DONATE-TOOL işaretleri arasında).

   Tema uyumu:
   - Arka plan/metin, reader.css'in tema değişkenlerini kullanır
     (--primary, --text-primary, --text-secondary, --accent-color).
   - Gradyan katmanı yarı saydamdır; hem koyu hem açık temalarda
     bölüm arka planının üstüne oturur.
   - reader.js tema adını <body class="..."> üzerine yazdığı için
     açık temalarda vurgu renkleri ayrıca koyulaştırılır.
   ========================================================= */

.orv-donate-card {
    max-width: 800px;
    margin: 1.25rem auto 0;
    padding: 0.95em 1.15em;
    background:
        linear-gradient(135deg, rgba(167, 139, 250, 0.12), rgba(0, 212, 255, 0.07)),
        var(--primary, #1f2129);
    border: 1px solid rgba(167, 139, 250, 0.38);
    border-left: 3px solid #a78bfa;
    border-radius: 0 12px 12px 0;
    color: var(--text-primary, #b6bccc);
    box-shadow: 0 4px 16px rgba(167, 139, 250, 0.10);
}

.orv-donate-label {
    display: flex;
    align-items: center;
    gap: 0.45em;
    margin-bottom: 0.35em;
    color: #a78bfa;
    font-size: 0.78em;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.35;
}

.orv-donate-who {
    display: flex;
    align-items: center;
    gap: 0.5em;
    flex-wrap: wrap;
}

.orv-donate-name {
    color: var(--text-primary, #b6bccc);
    font-size: 1.02em;
    font-weight: 700;
}

.orv-donate-tier {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
    padding: 0.12em 0.6em;
    border: 1px solid var(--tier-color, #a78bfa);
    border-radius: 999px;
    color: var(--tier-color, #a78bfa);
    font-size: 0.72em;
    font-weight: 600;
    white-space: nowrap;
}

.orv-donate-message {
    margin: 0.4em 0 0;
    color: var(--text-secondary, #c6cee2);
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.5;
    opacity: 0.88;
}

.orv-donate-link {
    display: inline-block;
    margin-top: 0.6em;
    color: #a78bfa;
    font-size: 0.8em;
    font-weight: 600;
    text-decoration: none;
}

.orv-donate-link:hover,
.orv-donate-link:focus-visible {
    text-decoration: underline;
}

/* ---------- Üst varyant: bölüm başlığının üstü ----------
   Bilgi şeridi ve breadcrumb kutularıyla aynı dili konuşsun diye
   dört köşesi yuvarlak, ortalanmış ve yan çubuksuz. */
.orv-donate-card--top {
    margin: 0 auto 1.25rem;
    border-left-width: 1px;
    border-radius: 12px;
    text-align: center;
}

.orv-donate-card--top .orv-donate-label,
.orv-donate-card--top .orv-donate-who {
    justify-content: center;
}

/* ---------- Açık temalarda vurgu renklerini koyulaştır ---------- */
/* reader.js: document.body.className = theme */
body.light .orv-donate-label,
body.sepia .orv-donate-label,
body.pastel .orv-donate-label,
body.forest .orv-donate-label,
body.paper .orv-donate-label,
body.lavender .orv-donate-label,
body.light .orv-donate-link,
body.sepia .orv-donate-link,
body.pastel .orv-donate-link,
body.forest .orv-donate-link,
body.paper .orv-donate-link,
body.lavender .orv-donate-link {
    color: #6d28d9;
}

body.light .orv-donate-card,
body.sepia .orv-donate-card,
body.pastel .orv-donate-card,
body.forest .orv-donate-card,
body.paper .orv-donate-card,
body.lavender .orv-donate-card {
    border-color: rgba(109, 40, 217, 0.32);
    border-left-color: #6d28d9;
    box-shadow: 0 4px 16px rgba(109, 40, 217, 0.09);
}

body.light .orv-donate-card--top,
body.sepia .orv-donate-card--top,
body.pastel .orv-donate-card--top,
body.forest .orv-donate-card--top,
body.paper .orv-donate-card--top,
body.lavender .orv-donate-card--top {
    border-left-color: rgba(109, 40, 217, 0.32);
}

/* Tier rozeti açık temada da okunur kalsın diye hafif zemin */
body.light .orv-donate-tier,
body.sepia .orv-donate-tier,
body.pastel .orv-donate-tier,
body.forest .orv-donate-tier,
body.paper .orv-donate-tier,
body.lavender .orv-donate-tier {
    background: rgba(0, 0, 0, 0.04);
    filter: brightness(0.72);
}

@media (max-width: 600px) {
    .orv-donate-card {
        padding: 0.85em 0.95em;
    }
    .orv-donate-label {
        font-size: 0.72em;
    }
}

/* =========================================================
   Küçük destekler için tek satırlık destekçi şeridi
   Referans aracının "Satır" biçimi tarafından bölüm HTML'ine
   statik olarak yazılır (ORV-SUPPORTERS-TOOL işaretleri arası).
   Bilgi şeridinin (chapter-info.js) hemen altında durur.
   ========================================================= */

.orv-supporters-line {
    width: min(100%, 800px);
    margin: 0 auto 1.2em;
    padding: 0.5em 0.9em;
    border: 1px solid rgba(167, 139, 250, 0.28);
    border-left: 3px solid #a78bfa;
    border-radius: 0 9px 9px 0;
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.09), rgba(0, 212, 255, 0.05));
    box-sizing: border-box;
    color: var(--text-secondary, #b6bccc);
    font-size: 0.78em;
    line-height: 1.55;
}

.orv-supporters-label {
    color: #a78bfa;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.orv-supporter {
    color: var(--text-primary, #d2dceb);
    font-weight: 600;
}

.orv-supporters-sep {
    color: rgba(150, 162, 184, 0.75);
}

/* Açık temalarda mor vurgu okunur kalsın (reader.js tema adını body'ye yazar) */
body.light .orv-supporters-line,
body.sepia .orv-supporters-line {
    border-color: rgba(109, 74, 214, 0.4);
    border-left-color: #6d4ad6;
    background: linear-gradient(135deg, rgba(109, 74, 214, 0.10), rgba(0, 140, 180, 0.06));
}

body.light .orv-supporters-label,
body.sepia .orv-supporters-label {
    color: #5b37c4;
}

@media (max-width: 600px) {
    .orv-supporters-line {
        font-size: 0.72em;
        padding: 0.45em 0.7em;
    }
}