/* ==== LK Toplantı ==== */
:root {
    --marka: #015927;
    --marka-600: #01471f;
    --marka-700: #013517;
    --marka-50: #eef6f1;
    --marka-100: #d6eadd;
    --yazi: #13201a;
    --soluk: #5b6b63;
    --cizgi: #e3ebe6;
    --zemin: #f6f9f7;
}

body { font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--yazi); background: var(--zemin); display: flex; flex-direction: column; min-height: 100vh; -webkit-font-smoothing: antialiased; }
main { flex: 1; }
a { color: var(--marka); }
a:hover { color: var(--marka-600); }
.text-soluk { color: var(--soluk) !important; }

.btn-marka { background: var(--marka); border: 1px solid var(--marka); color: #fff; font-weight: 600; }
.btn-marka:hover, .btn-marka:focus { background: var(--marka-600); border-color: var(--marka-600); color: #fff; }
.btn-cizgi { border: 1px solid var(--marka); color: var(--marka); background: #fff; font-weight: 600; }
.btn-cizgi:hover { background: var(--marka); color: #fff; }
.btn-light { border: 1px solid var(--cizgi); background: #fff; }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--marka); box-shadow: 0 0 0 .2rem rgba(1, 89, 39, .18); }
.form-check-input:checked { background-color: var(--marka); border-color: var(--marka); }
.form-label { font-weight: 600; font-size: .88rem; }
.input-validation-error { border-color: #dc3545 !important; }
.validation-summary-valid { display: none; }
.alert ul { margin: 0; padding-left: 1.1rem; }

/* Üst ve alt */
.ust { background: #fff; border-bottom: 1px solid var(--cizgi); }
.ust .navbar { padding-block: .6rem; }
.marka { color: var(--marka); font-size: 1.1rem; }
.ust .nav-link { color: var(--yazi); font-weight: 500; }
.ust .nav-link:hover, .ust .nav-link.active { color: var(--marka); }
.ust .nav-link.active { font-weight: 700; }
.alt { border-top: 1px solid var(--cizgi); background: #fff; padding: 1.25rem 0; font-size: .88rem; color: var(--soluk); }
.alt a { color: var(--soluk); text-decoration: none; }
.alt a:hover { color: var(--marka); }

/* Kartlar */
.kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 1.5rem; margin-bottom: 1.25rem; }
.kart-baslik { font-size: 1.05rem; font-weight: 700; margin-bottom: 1rem; }
.kart-bas { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.kart-bas h2 { font-size: 1.05rem; font-weight: 700; margin: 0; }
.dar { max-width: 460px; margin: 2rem auto; }
.sayfa-baslik { font-size: 1.6rem; font-weight: 800; margin-bottom: 1.25rem; }
.rozet { display: inline-block; font-size: .72rem; font-weight: 700; padding: .2rem .55rem; border-radius: 6px; }
.rozet-yesil { background: var(--marka-50); color: var(--marka); }
.rozet-sari { background: #fff4dc; color: #8a5a00; }
.rozet-gri { background: #f1f1f1; color: #555; }
.rozet-kirmizi { background: #fdecec; color: #b91c1c; }
.rozet-canli { background: #b91c1c; color: #fff; }
.rozet-canli::before { content: "● "; }

/* Geniş aralıklı satırlar mobilde taşmasın */
@media (max-width: 991.98px) { .row.g-5 { --bs-gutter-x: 1.5rem; } }

/* Açılış sayfası */
.hero { background: radial-gradient(900px 500px at 85% 10%, var(--marka-50), transparent 70%), #fff; padding: clamp(3rem, 8vw, 6rem) 0; border-bottom: 1px solid var(--cizgi); }
.hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.1; letter-spacing: -.02em; }
.hero .lead { color: var(--soluk); max-width: 36rem; }
.koda-katil { display: flex; gap: .5rem; max-width: 420px; }
.hero-gorsel { background: var(--marka-700); border-radius: 20px; padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; box-shadow: 0 30px 80px rgba(1, 53, 23, .2); }
.hero-gorsel div { aspect-ratio: 16/10; border-radius: 12px; background: linear-gradient(135deg, #2f7d4f, #015927); display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 1.4rem; }
.ozellik { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 1.5rem; height: 100%; }
.ozellik h3 { font-size: 1.05rem; font-weight: 700; margin: .75rem 0 .4rem; }
.ozellik p { color: var(--soluk); margin: 0; font-size: .95rem; }
.ozellik .ikon { width: 44px; height: 44px; border-radius: 12px; background: var(--marka-50); color: var(--marka); display: grid; place-items: center; font-size: 1.3rem; }
.fiyat-kart { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 1.5rem; height: 100%; display: flex; flex-direction: column; }
.fiyat-kart.one { border: 2px solid var(--marka); }
.fiyat-kart h3 { font-size: 1.1rem; font-weight: 700; }
.fiyat-kart .fiyat { font-size: 1.8rem; font-weight: 800; color: var(--marka); margin: .5rem 0; }
.fiyat-kart ul { list-style: none; padding: 0; margin: 0 0 1.25rem; color: var(--soluk); font-size: .92rem; flex: 1; }
.fiyat-kart li { padding: .2rem 0; }
.fiyat-kart li::before { content: "✓ "; color: var(--marka); font-weight: 700; }
.bolum { padding: clamp(2.5rem, 6vw, 4.5rem) 0; }
.bolum h2 { font-weight: 800; letter-spacing: -.01em; }

/* Panel */
.durum-kart { background: linear-gradient(135deg, var(--marka), #2f7d4f); color: #fff; border-radius: 16px; padding: 1.5rem; margin-bottom: 1.25rem; }
.durum-kart a { color: #fff; }
.durum-kart .btn-light { color: var(--marka); font-weight: 700; }
.durum-kart .btn-light:hover { color: var(--marka-600); }
.durum-kart .buyuk { font-size: 1.6rem; font-weight: 800; }
.toplanti-satir { display: flex; align-items: center; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--cizgi); flex-wrap: wrap; }
.toplanti-satir:last-child { border-bottom: 0; }
.toplanti-satir .zaman { min-width: 110px; font-weight: 700; color: var(--marka); font-size: .9rem; }
.toplanti-satir .bilgi { flex: 1; min-width: 180px; }
.toplanti-satir .bilgi a { font-weight: 700; color: var(--yazi); text-decoration: none; }
.toplanti-satir .bilgi small { display: block; color: var(--soluk); }
.baglanti-kutu { display: flex; gap: .5rem; }
.baglanti-kutu input { font-family: ui-monospace, Consolas, monospace; background: var(--zemin); }
.bos { padding: 2rem 1rem; text-align: center; color: var(--soluk); }
.tablo th { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); background: #fafcfb; white-space: nowrap; }
.tablo td, .tablo th { padding: .7rem .9rem; vertical-align: middle; }
.ist { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 1rem 1.25rem; }
.ist span { display: block; color: var(--soluk); font-size: .8rem; font-weight: 600; }
.ist strong { display: block; font-size: 1.6rem; color: var(--marka); }
.sekmeler { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: 1rem; }
.sekmeler a { padding: .45rem .9rem; border-radius: 999px; border: 1px solid var(--cizgi); background: #fff; color: var(--yazi); text-decoration: none; font-weight: 600; font-size: .88rem; }
.sekmeler a.active { background: var(--marka); border-color: var(--marka); color: #fff; }
