/* ===== Default Tema — Dernek Halka Açık Sitesi ===== */
:root {
    --theme-primary: #0d6e4f;
    --theme-primary-dark: #0a5540;
    --theme-secondary: #f4a340;
    --theme-ink: #1f2d29;
    --theme-muted: #6b7a74;
    --theme-bg-soft: #f4f8f6;
    --theme-radius: 16px;
    --theme-font-heading: 'Segoe UI', system-ui, sans-serif;
    --theme-font-body: 'Segoe UI', system-ui, sans-serif;
}

body.site-body {
    font-family: var(--theme-font-body);
    color: var(--theme-ink);
    background: #fff;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--theme-font-heading); }

/* ---- Header ---- */
.site-header { position: sticky; top: 0; z-index: 100; background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.05); }
.site-navbar { padding: .85rem 0; }
.site-navbar .navbar-brand { font-weight: 800; font-size: 1.2rem; color: var(--theme-primary); }
.site-navbar .navbar-brand i { font-size: 1.5rem; }
.site-navbar .nav-link { font-weight: 600; color: var(--theme-ink); margin: 0 .35rem; }
.site-navbar .nav-link:hover { color: var(--theme-primary); }

/* ---- Buttons ---- */
.site-btn-primary { background: var(--theme-primary); border: none; color: #fff; font-weight: 700; border-radius: 999px; padding: .65rem 1.6rem; }
.site-btn-primary:hover { background: var(--theme-primary-dark); color: #fff; }
.site-btn-outline { border: 2px solid var(--theme-primary); color: var(--theme-primary); background: transparent; font-weight: 700; border-radius: 999px; padding: .6rem 1.6rem; }
.site-btn-outline:hover { background: var(--theme-primary); color: #fff; }
.site-btn-light { background: #fff; color: var(--theme-primary); font-weight: 700; border-radius: 999px; padding: .65rem 1.8rem; }
.site-btn-outline-light { border: 2px solid rgba(255,255,255,.7); color: #fff; background: transparent; font-weight: 700; border-radius: 999px; padding: .6rem 1.8rem; }
.site-btn-outline-light:hover { background: #fff; color: var(--theme-primary); }

/* ---- Hero ---- */
.site-hero { background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%); color: #fff; padding: 5rem 0; }
.site-hero-badge { display: inline-block; background: rgba(255,255,255,.15); padding: .35rem 1rem; border-radius: 999px; font-weight: 600; margin-bottom: 1rem; }
.site-hero-title { font-size: 2.8rem; font-weight: 800; line-height: 1.1; margin-bottom: 1rem; }
.site-hero-lead { font-size: 1.2rem; opacity: .92; max-width: 42rem; margin-bottom: 1.8rem; }
.site-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.site-hero-emblem { width: 220px; height: 220px; margin: 0 auto; border-radius: 50%; background: rgba(255,255,255,.12); display: flex; align-items: center; justify-content: center; }
.site-hero-emblem i { font-size: 6rem; color: #fff; }

/* ---- Stats ---- */
.site-stats { margin-top: -3rem; position: relative; z-index: 5; }
.site-stat { background: #fff; border-radius: var(--theme-radius); box-shadow: 0 10px 40px rgba(13,110,79,.10); padding: 1.6rem 1rem; }
.site-stat-num { display: block; font-size: 1.9rem; font-weight: 800; color: var(--theme-primary); }
.site-stat-label { color: var(--theme-muted); font-weight: 600; font-size: .9rem; }

/* ---- Sections ---- */
.site-section { padding: 4.5rem 0; }
.site-section-alt { background: var(--theme-bg-soft); }
.site-eyebrow { color: var(--theme-secondary); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; }
.site-h2 { font-weight: 800; font-size: 2rem; margin-top: .4rem; }
.site-facts { list-style: none; padding: 0; margin-top: 1.4rem; }
.site-facts li { padding: .5rem 0; font-weight: 600; }
.site-facts i { color: var(--theme-primary); margin-right: .6rem; }
.site-about-visual { background: linear-gradient(135deg, var(--theme-secondary), #f6c37a); border-radius: var(--theme-radius); height: 260px; display: flex; align-items: center; justify-content: center; }
.site-about-visual i { font-size: 6rem; color: #fff; }

/* ---- Campaigns ---- */
.site-campaign { background: #fff; border: 1px solid #eef2f0; border-radius: var(--theme-radius); padding: 1.6rem; height: 100%; box-shadow: 0 6px 24px rgba(0,0,0,.04); transition: transform .2s; }
.site-campaign:hover { transform: translateY(-4px); }
.site-campaign h5 { font-weight: 700; }
.site-progress { background: #e9efec; border-radius: 999px; height: 10px; overflow: hidden; margin: 1rem 0 .6rem; }
.site-progress-bar { background: linear-gradient(90deg, var(--theme-primary), var(--theme-secondary)); height: 100%; }
.site-campaign-meta { display: flex; justify-content: space-between; font-size: .9rem; }

/* ---- People ---- */
.site-person { text-align: center; background: #fff; border-radius: var(--theme-radius); padding: 1.5rem 1rem; border: 1px solid #eef2f0; height: 100%; }
.site-person-avatar { width: 72px; height: 72px; margin: 0 auto .8rem; border-radius: 50%; background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-dark)); color: #fff; font-weight: 800; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; }
.site-person-role { color: var(--theme-secondary); font-weight: 700; font-size: .85rem; }

/* ---- Mini cards / branches ---- */
.site-mini-card { display: flex; gap: .8rem; align-items: flex-start; background: #fff; border-radius: 12px; padding: 1rem; border: 1px solid #eef2f0; height: 100%; }
.site-mini-card i { color: var(--theme-primary); font-size: 1.3rem; }
.site-branch-list { list-style: none; padding: 0; }
.site-branch-list li { background: #fff; border: 1px solid #eef2f0; border-radius: 12px; padding: .8rem 1rem; margin-bottom: .6rem; font-weight: 600; }
.site-branch-list i { color: var(--theme-secondary); margin-right: .5rem; }

/* ---- Events ---- */
.site-event { background: #fff; border: 1px solid #eef2f0; border-radius: var(--theme-radius); padding: 1.4rem; height: 100%; }
.site-event-date { display: inline-flex; flex-direction: column; align-items: center; background: var(--theme-primary); color: #fff; border-radius: 12px; padding: .5rem .9rem; margin-bottom: .8rem; }
.site-event-date .d { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.site-event-date .m { text-transform: uppercase; font-size: .75rem; }
.site-event h6 { font-weight: 700; }

/* ---- CTA ---- */
.site-cta { background: linear-gradient(135deg, var(--theme-primary-dark), var(--theme-primary)); color: #fff; padding: 4rem 0; }
.site-cta h2 { font-weight: 800; }

/* ---- Footer ---- */
.site-footer { background: var(--theme-ink); color: rgba(255,255,255,.85); }
.site-footer-social a { color: #fff; font-size: 1.3rem; margin: 0 .4rem; opacity: .8; }
.site-footer-social a:hover { opacity: 1; color: var(--theme-secondary); }

/* ---- Info card (iletişim vb.) ---- */
.site-info-card { background: #fff; border: 1px solid #eef2f0; border-radius: var(--theme-radius); padding: 2rem 1.2rem; height: 100%; }
.site-info-card i { font-size: 2rem; color: var(--theme-primary); margin-bottom: .6rem; display: block; }

@media (max-width: 991px) {
    .site-hero { padding: 3.5rem 0; }
    .site-hero-title { font-size: 2.1rem; }
}