/* =============================================================================
   override-2026.css — Artvin Vakfı final override katmanı
   -----------------------------------------------------------------------------
   Bu dosya styles.php'de EN SON yüklenir. Üç eski dosyanın (modern-2026,
   artvin-2026, fix-contrast) konsolide edilmiş kısa ve net halidir.
   -----------------------------------------------------------------------------
   PRENSIP:
     • app.css ve design-polish-2026.css COMPONENT stillerini sağlar → korunur.
     • Bu dosya SADECE:
         - Universal kontrast garantisi (KOYU zemin → BEYAZ text)
         - Açık zemin text hiyerarşisi
         - Focus ring (a11y)
         - Scrollbar + selection
         - news-feature overlay güçlendirme
         - Küçük polish (print, reduced-motion, skip-link)
     • !important sadece kontrast + focus + inherit zincir kırılımı için.
   ============================================================================= */

/* ════════════════════════════════════════════
   ★ ANNOUNCEMENT BAR ★
   ════════════════════════════════════════════ */
.announcement-bar {
    background: linear-gradient(90deg, #016a1f 0%, #017d25 100%);
    color: #ffffff;
    font-size: .88rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,.08);
    position: relative;
    z-index: 99;
}
.announcement-bar__inner {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-block: 8px;
}
.announcement-bar__icon {
    font-size: 1rem;
    flex-shrink: 0;
}
.announcement-bar__text {
    margin: 0 !important;
    color: #ffffff !important;
    line-height: 1.4;
    flex: 1;
    min-width: 0;
}
.announcement-bar__link {
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: 700;
    flex-shrink: 0;
    white-space: nowrap;
}
.announcement-bar__link:hover {
    opacity: .85;
}
.announcement-bar__close {
    background: transparent;
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
    width: 24px; height: 24px;
    display: grid;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
    transition: background 200ms, border-color 200ms;
}
.announcement-bar__close:hover {
    background: rgba(255,255,255,.18);
    border-color: #ffffff;
}
.announcement-bar[data-closed] { display: none; }

@media (max-width: 640px) {
    .announcement-bar__inner { gap: .5rem; padding-block: 6px; }
    .announcement-bar { font-size: .78rem; }
    .announcement-bar__icon { display: none; }
}

/* ════════════════════════════════════════════
   0. ★ ULTIMATE CONTRAST + VISIBILITY ENFORCER ★
   ════════════════════════════════════════════ */

/* 0.1) data-a-reveal → her zaman görünür (JS bağımlılığı kırıldı) */
[data-a-reveal],
[data-reveal],
.is-visible {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}
[data-a-reveal-soft]:not(.is-visible) {
    opacity: 0;
    transform: translateY(18px);
}
[data-a-reveal-soft].is-visible {
    opacity: 1;
    transform: none;
    transition: opacity 520ms ease-out, transform 520ms ease-out;
}

/* 0.2) a-stack + a-cluster + eyebrow header → bg YOK (transparent zorla) */
.a-stack,
.a-cluster,
.a-section > header,
.a-section header.a-stack,
.a-section header.a-cluster,
.a-wrap > header {
    background: transparent !important;
    background-color: transparent !important;
}

/* 0.3) a-section variantları bg KESİN */
.a-section { background-color: var(--c-paper, #f8f6f0); }
.a-section--paper  { background-color: var(--c-paper,   #f8f6f0) !important; }
.a-section--paper2 { background-color: var(--c-paper-2, #eee9dd) !important; }
.a-section--ink    { background-color: var(--c-ink,     #0a1210) !important; color: #ffffff !important; }

/* 0.4) AÇIK zemin section'lar → BAŞLIKLAR KOYU */
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h1,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h2,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h3,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h4,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h5,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) h6,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h1,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h2,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h3,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h4,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h5,
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) > *   h6 {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}

/* 0.5) KOYU zemin section'lar → BAŞLIKLAR BEYAZ */
.a-section--ink h1, .a-section--ink h2, .a-section--ink h3,
.a-section--ink h4, .a-section--ink h5, .a-section--ink h6,
.a-section--ink *  h1, .a-section--ink *  h2, .a-section--ink *  h3,
.a-section--ink *  h4, .a-section--ink *  h5, .a-section--ink *  h6,
.testi h1, .testi h2, .testi h3, .testi h4, .testi h5, .testi h6,
.testi * h1, .testi * h2, .testi * h3,
.cta-band h1, .cta-band h2, .cta-band h3, .cta-band h4, .cta-band h5, .cta-band h6,
.cta-band * h1, .cta-band * h2, .cta-band * h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* 0.6) Bento forest/ink kartları — opacity:1 + beyaz text + whatever */
.bento__item--forest,
.bento__item--forest *,
.bento__item--ink,
.bento__item--ink * {
    opacity: 1 !important;
}
.bento__item--forest .bento__title,
.bento__item--ink .bento__title,
.bento__item--forest h3,
.bento__item--ink h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
}
.bento__item--forest .bento__text,
.bento__item--ink .bento__text,
.bento__item--forest p,
.bento__item--ink p {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 500 !important;
}

.bento__title1{
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 500 !important;
}

/* ════════════════════════════════════════════
   1. SELECTION + SMOOTH SCROLL + ANTI-ALIAS
   ════════════════════════════════════════════ */
html { scroll-behavior: smooth; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-optical-sizing: auto;
    font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1;
    accent-color: var(--c-forest, #017d25);
}

::selection { background: var(--c-forest, #017d25); color: #fff; }

/* ════════════════════════════════════════════
   2. ★ UNIVERSAL KONTRAST ★
   Koyu zeminde beyaz, açık zeminde koyu — kesin.
   ════════════════════════════════════════════ */

/* ----- KOYU container'lar: tüm text beyaz ----- */
.a-section--ink,
.a-section--dark,
.cta-band,
.testi,
.site-footer,
.bento__item--ink,
.bento__item--forest,
.duo-cta__card,
.article__hero,
.news-band,
.note-panel,
.contact-info,
[data-theme="dark"],
[class*="--ink"]:not(.a-chip--ink):not(.a-btn--ink):not(.duo-cta__card--ink),
[class*="--forest"]:not(.a-btn--forest):not(.duo-cta__card--forest),
[class*="--dark"],
[class*="--navy"] {
    color: #ffffff !important;
}

/* Koyu container'ların başlıkları (h1-h6) SAF BEYAZ + 800+ weight */
.a-section--ink h1, .a-section--ink h2, .a-section--ink h3,
.a-section--ink h4, .a-section--ink h5, .a-section--ink h6,
.cta-band h1, .cta-band h2, .cta-band h3, .cta-band h4, .cta-band h5, .cta-band h6,
.testi h1, .testi h2, .testi h3, .testi h4, .testi h5, .testi h6,
.testi__head h2, .testi__head h3,
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5, .site-footer h6,
.bento__item--ink h1, .bento__item--ink h2, .bento__item--ink h3,
.bento__item--ink h4, .bento__item--ink h5, .bento__item--ink h6,
.bento__item--forest h1, .bento__item--forest h2, .bento__item--forest h3,
.bento__item--forest h4, .bento__item--forest h5, .bento__item--forest h6,
.bento__item--ink .bento__title,
.bento__item--forest .bento__title,
.duo-cta__card h1, .duo-cta__card h2, .duo-cta__card h3, .duo-cta__card h4,
.duo-cta__card .duo-cta__title,
.article__hero h1, .article__hero h2, .article__hero h3,
.note-panel h1, .note-panel h2, .note-panel h3,
.contact-info h1, .contact-info h2, .contact-info h3,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[class*="--dark"] h1, [class*="--dark"] h2, [class*="--dark"] h3,
[class*="--dark"] h4, [class*="--dark"] h5, [class*="--dark"] h6 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Paragraflar + span + li + strong — beyaz %88 */
.a-section--ink p, .a-section--ink li, .a-section--ink span, .a-section--ink strong,
.cta-band p, .cta-band li, .cta-band span, .cta-band strong,
.testi p, .testi li, .testi span, .testi__quote,
.site-footer p, .site-footer li, .site-footer span, .site-footer address,
.bento__item--ink p, .bento__item--ink li, .bento__item--ink span,
.bento__item--ink .bento__text,
.bento__item--forest p, .bento__item--forest li, .bento__item--forest span,
.bento__item--forest .bento__text,
.duo-cta__card p, .duo-cta__card span, .duo-cta__card .duo-cta__desc,
.article__hero p, .article__hero span,
.note-panel p, .contact-info p,
[data-theme="dark"] p, [data-theme="dark"] li, [data-theme="dark"] span,
[class*="--dark"] p, [class*="--dark"] li, [class*="--dark"] span {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Strong — saf beyaz (ekstra vurgu) */
.a-section--ink strong, .cta-band strong, .testi strong, .site-footer strong,
.bento__item--ink strong, .bento__item--forest strong,
.duo-cta__card strong, .article__hero strong,
[class*="--dark"] strong, [data-theme="dark"] strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Koyu zeminde linkler */
.a-section--ink a, .cta-band a, .testi a, .site-footer a,
.bento__item--ink a, .bento__item--forest a,
.duo-cta__card a, .article__hero a,
[class*="--dark"] a, [data-theme="dark"] a {
    color: #ffffff !important;
    text-decoration: none;
}
.site-footer a:hover, .cta-band a:hover,
.testi a:hover, .a-section--ink a:hover {
    opacity: .82;
}

/* Eyebrow koyu zeminde beyaz ton */
.a-section--ink .a-eyebrow, .cta-band .a-eyebrow, .testi .a-eyebrow,
.bento__item--ink .a-eyebrow, .bento__item--forest .a-eyebrow,
.duo-cta__card .a-eyebrow, .article__hero .a-eyebrow,
.site-footer .a-eyebrow,
[class*="--dark"] .a-eyebrow, [data-theme="dark"] .a-eyebrow {
    color: rgba(255, 255, 255, 0.82) !important;
}
.a-section--ink .a-eyebrow::before, .cta-band .a-eyebrow::before,
.testi .a-eyebrow::before, .bento__item--ink .a-eyebrow::before,
.bento__item--forest .a-eyebrow::before {
    background: rgba(255, 255, 255, 0.82) !important;
}

/* ----- AÇIK zemin container'lar — başlık koyu, text okunur ----- */
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h1,
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h2,
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h3,
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h4,
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h5,
.a-section:not(.a-section--ink):not(.a-section--dark):not(.testi):not(.cta-band):not(.article__hero) h6 {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}

/* Açık zeminde eyebrow brand yeşil */
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) .a-eyebrow {
    color: var(--c-forest, #017d25) !important;
}
.a-section:not(.a-section--ink):not(.testi):not(.cta-band) .a-eyebrow::before {
    background: var(--c-forest, #017d25);
}

/* Açık zeminde bento (nötr) */
.bento__item:not(.bento__item--ink):not(.bento__item--forest) .bento__title {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}
.bento__item:not(.bento__item--ink):not(.bento__item--forest) .bento__text {
    color: var(--c-ink-2, #1e2a25) !important;
    opacity: 1 !important;
}

/* Bento forest + ink — app.css'in opacity: .85/.8'ini KIR, text tam beyaz */
.bento__item--forest .bento__text,
.bento__item--ink    .bento__text,
.bento__item--forest p,
.bento__item--ink p,
.bento__item--forest span,
.bento__item--ink span,
.bento__item--forest h3,
.bento__item--ink    h3 {
    opacity: 1 !important;
    color: #ffffff !important;
}
.bento__item--forest .bento__text,
.bento__item--ink .bento__text {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Sayfa açık zeminli section başlıkları — .a-section--paper2 → h2 koyu */
.a-section--paper2,
.a-section--paper {
    background: var(--c-paper-2, #eee9dd) !important;
    color: var(--c-ink, #0a1210) !important;
}
.a-section--paper2 h1, .a-section--paper2 h2, .a-section--paper2 h3,
.a-section--paper2 h4, .a-section--paper2 h5, .a-section--paper2 h6,
.a-section--paper h1, .a-section--paper h2, .a-section--paper h3,
.a-section--paper h4, .a-section--paper h5, .a-section--paper h6 {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}
.a-section--paper2 p, .a-section--paper p {
    color: var(--c-ink-2, #1e2a25) !important;
}

/* .a-section--ink → koyu bg + BEYAZ text (explicit) */
.a-section--ink {
    background: var(--c-ink, #0a1210) !important;
    color: #ffffff !important;
}

/* ════════════════════════════════════════════
   3. NEWS-FEATURE — fotoğraf üstünde başlık
   Overlay güçlü, başlık her zaman okunur.
   ════════════════════════════════════════════ */
.news-feature {
    position: relative;
}
.news-feature::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        180deg,
        rgba(10, 18, 16, 0) 25%,
        rgba(10, 18, 16, 0.60) 60%,
        rgba(10, 18, 16, 0.96) 100%
    ) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.news-feature__body {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 2 !important;
    color: #ffffff !important;
}
.news-feature__title,
.news-feature__body h2,
.news-feature__body h3 {
    color: #ffffff !important;
    text-shadow:
        0 2px 10px rgba(0, 0, 0, 0.55),
        0 1px 3px rgba(0, 0, 0, 0.45) !important;
    font-weight: 800 !important;
}
.news-feature__excerpt,
.news-feature__body p {
    color: rgba(255, 255, 255, 0.94) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}

/* News list (sağ panel — açık zemin) */
.news-item__title {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}
.news-item__meta {
    color: var(--c-ink-3, #3d4642) !important;
    font-weight: 700 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .75rem;
}
.news-item:hover .news-item__title {
    color: var(--c-forest, #017d25) !important;
}

/* ════════════════════════════════════════════
   4. STATS — sayılar brand, etiketler okunur
   ════════════════════════════════════════════ */
.stat__num {
    color: var(--c-forest, #017d25) !important;
    font-weight: 900 !important;
}
.stat__label {
    color: var(--c-ink-2, #1e2a25) !important;
    font-weight: 600 !important;
}

/* ════════════════════════════════════════════
   5. MESSAGE (başkandan mesaj) — okunur
   ════════════════════════════════════════════ */
.message__body,
.message__body p {
    color: var(--c-ink-2, #1e2a25) !important;
}
.message__meta strong {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800 !important;
}
.message__meta em {
    color: var(--c-ink-3, #3d4642) !important;
}

/* ════════════════════════════════════════════
   6. 404 — başlık + lead okunur
   ════════════════════════════════════════════ */
.not-found__title {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 900 !important;
}
.not-found__lead {
    color: var(--c-ink-2, #1e2a25) !important;
}
.not-found__links a {
    color: var(--c-ink, #0a1210) !important;
    font-weight: 700;
}
.not-found__links a:hover {
    color: var(--c-forest, #017d25) !important;
}

/* ════════════════════════════════════════════
   7. BUTONLAR — koyu/açık zemin duyarlı
   ════════════════════════════════════════════ */

/* Ghost (outline) — açık zemin varsayılanı: koyu outline */
.a-btn--ghost {
    background: transparent;
    color: var(--c-ink, #0a1210);
    border: 1.5px solid var(--c-ink, #0a1210);
}
.a-btn--ghost:hover {
    background: var(--c-ink, #0a1210);
    color: #ffffff;
}

/* Ghost — koyu zeminde: beyaz outline */
.a-section--ink .a-btn--ghost,
.cta-band .a-btn--ghost,
.testi .a-btn--ghost,
.site-footer .a-btn--ghost,
.bento__item--ink .a-btn--ghost,
.bento__item--forest .a-btn--ghost,
.duo-cta__card .a-btn--ghost,
.article__hero .a-btn--ghost,
[class*="--dark"] .a-btn--ghost,
[data-theme="dark"] .a-btn--ghost {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    background: transparent !important;
}
.a-section--ink .a-btn--ghost:hover,
.cta-band .a-btn--ghost:hover,
.testi .a-btn--ghost:hover,
.site-footer .a-btn--ghost:hover,
[class*="--dark"] .a-btn--ghost:hover,
[data-theme="dark"] .a-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* ════════════════════════════════════════════
   8. FOCUS RING (a11y)
   ════════════════════════════════════════════ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.a-btn:focus-visible,
.a-lang__btn:focus-visible,
[tabindex]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(1, 125, 37, 0.35) !important;
    border-radius: 6px;
}

/* Invalid input */
input:user-invalid,
textarea:user-invalid,
select:user-invalid {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* ════════════════════════════════════════════
   9. SCROLLBAR
   ════════════════════════════════════════════ */
* {
    scrollbar-color: #94a3b8 transparent;
    scrollbar-width: thin;
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #94a3b8;
    border-radius: 10px;
    border: 2px solid transparent;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}

/* ════════════════════════════════════════════
   10. SKIP LINK (a11y)
   ════════════════════════════════════════════ */
.skip-link {
    position: absolute;
    top: -48px;
    left: 0;
    background: var(--c-forest, #017d25);
    color: #ffffff;
    padding: 10px 18px;
    z-index: 9999;
    border-radius: 0 0 10px 0;
    font-weight: 700;
    text-decoration: none;
    transition: top 220ms cubic-bezier(.22,.61,.36,1);
}
.skip-link:focus { top: 0; }

/* ════════════════════════════════════════════
   11. REDUCED MOTION (a11y)
   ════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ════════════════════════════════════════════
   12. PRINT
   ════════════════════════════════════════════ */
@media print {
    .site-header, .site-footer, .a-drawer, .a-progress,
    .a-menu-btn, .duo-cta, .cta-band,
    [data-desktop-cta] {
        display: none !important;
    }
    body { background: #fff !important; color: #000 !important; }
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: .8em;
        color: #555;
    }
    .a-btn {
        background: transparent !important;
        color: #000 !important;
        border: 1px solid #000 !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   NEW FEATURE PAGES — donate / events / team / faq / newsletter / tracker
   ═══════════════════════════════════════════════════════════ */

/* ---- DONATE ---- */
.donate-card {
    max-width: 720px;
    background: #fff;
    border: 1px solid var(--c-line, #e2e8f0);
    border-radius: 22px;
    box-shadow: 0 10px 28px rgba(15,23,42,.08);
    overflow: hidden;
}
.donate-card__row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid var(--c-line-soft, #edf2ee);
    align-items: center;
}
.donate-card__row:last-child { border-bottom: 0; }
.donate-card__label {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--c-ink-3, #3d4642);
}
.donate-card__value-wrap {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}
.donate-card__value {
    font-family: 'SF Mono', Monaco, monospace;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--c-ink, #0a1210);
    letter-spacing: .02em;
    word-break: break-all;
}
.donate-card__copy {
    padding: 6px 14px;
    background: var(--c-forest, #017d25);
    color: #fff;
    border: 0;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 200ms;
}
.donate-card__copy:hover { background: #016a1f; }
@media (max-width: 640px) {
    .donate-card__row { grid-template-columns: 1fr; gap: .4rem; padding: 1rem 1.2rem; }
}

/* ---- EVENTS ---- */
.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}
.event-card {
    background: #fff;
    border: 1px solid var(--c-line, #e2e8f0);
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 240ms, box-shadow 240ms;
}
.event-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(15,23,42,.1);
}
.event-card__media {
    aspect-ratio: 16/10;
    overflow: hidden;
    background: var(--c-paper-2, #eee9dd);
}
.event-card__media img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 400ms;
}
.event-card:hover .event-card__media img { transform: scale(1.05); }
.event-card__body { padding: 1.25rem 1.3rem; }
.event-card__date {
    display: inline-block;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--c-forest, #017d25);
    margin-bottom: .5rem;
}
.event-card__title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: var(--c-ink, #0a1210) !important;
    margin: 0 0 .5rem !important;
    line-height: 1.3;
}
.event-card__location {
    font-size: .85rem;
    color: var(--c-ink-3, #3d4642) !important;
    margin: 0 0 .5rem !important;
}
.event-card__desc {
    font-size: .9rem !important;
    line-height: 1.55;
    color: var(--c-ink-2, #1e2a25) !important;
    margin: 0 !important;
}
.event-card--past { opacity: .85; }
.event-card--past:hover { opacity: 1; }

/* ---- TEAM ---- */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
}
.team-card {
    background: #fff;
    border: 1px solid var(--c-line, #e2e8f0);
    border-radius: 20px;
    overflow: hidden;
    transition: transform 240ms, box-shadow 240ms;
}
.team-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(15,23,42,.1);
}
.team-card__photo {
    aspect-ratio: 1/1;
    background: linear-gradient(135deg, var(--c-brand-50, #ecfbf1), var(--c-paper-2, #eee9dd));
    display: grid;
    place-items: center;
    overflow: hidden;
}
.team-card__photo img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.team-card__initial {
    font-size: 4rem;
    font-weight: 900;
    color: var(--c-forest, #017d25);
    letter-spacing: -.05em;
}
.team-card__body { padding: 1.5rem 1.4rem; }
.team-card__name {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: var(--c-ink, #0a1210) !important;
    margin: 0 0 .25rem !important;
    letter-spacing: -.02em;
}
.team-card__role {
    font-size: .85rem !important;
    color: var(--c-forest, #017d25) !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 .75rem !important;
}
.team-card__bio {
    font-size: .9rem !important;
    line-height: 1.55;
    color: var(--c-ink-2, #1e2a25) !important;
    margin: 0 0 1rem !important;
}
.team-card__socials {
    display: flex; gap: .5rem;
}
.team-card__socials a {
    display: grid; place-items: center;
    width: 36px; height: 36px;
    border-radius: 50%;
    background: var(--c-paper-2, #eee9dd);
    color: var(--c-ink, #0a1210) !important;
    font-weight: 800;
    text-decoration: none;
    transition: background 200ms, color 200ms;
}
.team-card__socials a:hover {
    background: var(--c-forest, #017d25);
    color: #fff !important;
}

/* ---- FAQ ---- */
.faq-section { margin-bottom: 2.5rem; }
.faq-section__title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: var(--c-ink, #0a1210) !important;
    margin: 0 0 1rem !important;
    padding-bottom: .6rem;
    border-bottom: 2px solid var(--c-forest, #017d25);
    display: inline-block;
}
.faq-list {
    display: flex; flex-direction: column;
    gap: .6rem;
    max-width: 820px;
}
.faq-item {
    background: #fff;
    border: 1px solid var(--c-line, #e2e8f0);
    border-radius: 14px;
    overflow: hidden;
    transition: box-shadow 240ms, border-color 240ms;
}
.faq-item[open] {
    border-color: var(--c-brand-ring, #017d2540);
    box-shadow: 0 8px 22px rgba(1,125,37,.08);
}
.faq-item__q {
    padding: 1.1rem 1.3rem;
    font-weight: 700;
    font-size: 1rem;
    color: var(--c-ink, #0a1210);
    cursor: pointer;
    list-style: none;
    display: flex; align-items: center; gap: 1rem;
    position: relative;
}
.faq-item__q::-webkit-details-marker { display: none; }
.faq-item__q::after {
    content: '+';
    margin-left: auto;
    width: 28px; height: 28px;
    display: grid; place-items: center;
    border-radius: 50%;
    background: var(--c-brand-soft, #017d2512);
    color: var(--c-forest, #017d25);
    font-weight: 700;
    font-size: 1.2rem;
    transition: transform 240ms, background 240ms;
}
.faq-item[open] .faq-item__q::after {
    content: '−';
    background: var(--c-forest, #017d25);
    color: #fff;
}
.faq-item__a {
    padding: 0 1.3rem 1.2rem;
    color: var(--c-ink-2, #1e2a25);
    line-height: 1.65;
    font-size: .95rem;
}

/* ---- NEWSLETTER FORM (footer veya ayrı) ---- */
.newsletter-form {
    display: flex;
    gap: .5rem;
    max-width: 480px;
}
.newsletter-form input[type="email"] {
    flex: 1;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1.5px solid var(--c-line, #e2e8f0);
    font-size: .95rem;
    background: #fff;
}
.newsletter-form button {
    padding: 12px 22px;
    border-radius: 10px;
    background: var(--c-forest, #017d25);
    color: #fff;
    border: 0;
    font-weight: 700;
    cursor: pointer;
    transition: background 200ms, transform 200ms;
}
.newsletter-form button:hover {
    background: #016a1f;
    transform: translateY(-1px);
}
.newsletter-form__msg {
    margin-top: .5rem;
    font-size: .85rem;
}
.newsletter-form__msg.is-success { color: var(--c-ok, #22c55e); }
.newsletter-form__msg.is-error   { color: var(--c-danger, #ef4444); }

/* ---- BAŞVURU DURUMU (TRACKER) ---- */
.tracker-form {
    max-width: 440px;
    display: flex;
    gap: .5rem;
    margin-bottom: 2rem;
}
.tracker-form input {
    flex: 1;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1.5px solid var(--c-line, #e2e8f0);
    font-family: 'SF Mono', monospace;
    font-size: .95rem;
}
.tracker-result {
    max-width: 720px;
    background: #fff;
    border: 1px solid var(--c-line, #e2e8f0);
    border-radius: 18px;
    padding: 2rem;
    box-shadow: 0 10px 28px rgba(15,23,42,.08);
}
.tracker-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: .02em;
}
.tracker-status--pending   { background: #fff7e1; color: #78350f; }
.tracker-status--review    { background: #e0f2fe; color: #1e4d6b; }
.tracker-status--approved  { background: #dcfce7; color: #14532d; }
.tracker-status--rejected  { background: #fee2e2; color: #7f1d1d; }
.tracker-status--documents { background: #fef3c7; color: #92400e; }

/* ════════════════════════════════════════════
   ★ HEADER / NAV — fix overflow + Bağış CTA ★
   ════════════════════════════════════════════ */
.site-header__bar {
    gap: 1rem !important;
}
.site-logo {
    max-width: 240px;
    flex-shrink: 0;
}
.site-logo__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.site-logo__name small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
@media (min-width: 1024px) {
    .site-nav ul { gap: 1.1rem !important; }
    .site-nav a { font-size: .88rem !important; white-space: nowrap; }
}
@media (min-width: 1280px) {
    .site-nav ul { gap: 1.35rem !important; }
    .site-nav a { font-size: .92rem !important; }
}

/* "Bağış Yap" ve diğer öne çıkarılmış menü: chip gibi CTA görünümü */
.site-nav li.is-featured > a,
.site-nav a[href$="/bagis"],
.site-nav a[href$="/donate"] {
    background: var(--c-forest, #017020);
    color: #ffffff !important;
    padding: .5em .9em !important;
    border-radius: 999px;
    font-weight: 700;
    white-space: nowrap;
}
.site-nav li.is-featured > a:hover,
.site-nav a[href$="/bagis"]:hover,
.site-nav a[href$="/donate"]:hover {
    background: var(--c-forest-d, #014619);
    color: #ffffff !important;
}
.site-nav li.is-featured > a::after,
.site-nav a[href$="/bagis"]::after,
.site-nav a[href$="/donate"]::after { display: none !important; }