:root {
  --brand-primary:#1D7874;
  --brand-secondary:#679289;
  --brand-accent:#F47C3C;
  --brand-accent-strong:#FF6B35;
  --brand-surface:#FFFFFF;
  --brand-surface-soft:#F9FAF8;
  --brand-body-text:#555555;
  --brand-nav-text:#1E1E1E;
  --brand-footer:#0A2E36;
  --navbar-bg:#E8F7EF;
  --navbar-text:#0A2E36;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body { 
  font-family:'Open Sans',sans-serif; 
  color:var(--brand-body-text); 
  font-size: clamp(0.95rem, 0.75vw + 0.75rem, 1rem);
  line-height: 1.68;
  letter-spacing: 0.002em;
  background:var(--brand-surface-soft);
}

h1,h2,h3,h4,h5,h6 { 
  font-family:'Poppins',sans-serif; 
  color:var(--brand-nav-text); 
  font-weight: 600;
  letter-spacing: 0.008em;
  margin-bottom: 0.6rem;
}

h1 { font-size: clamp(2.2rem, 3vw + 1.2rem, 2.8rem); }
h2 { font-size: clamp(1.8rem, 2.2vw + 1rem, 2.2rem); }
h3 { font-size: clamp(1.45rem, 1.4vw + 0.95rem, 1.75rem); }
h4 { font-size: clamp(1.3rem, 1.1vw + 0.9rem, 1.5rem); }
h5 { font-size: 1.15rem; }
h6 { font-size: 1.05rem; }

.navbar,.footer-brand,.donate-section,.volunteer-section,.blog-section {
  padding-left:clamp(1.25rem,2vw,2rem);
  padding-right:clamp(1.25rem,2vw,2rem);
}
.badge.bg-accent { background-color:var(--brand-accent); color:#fff; }
.btn-primary { background-color:var(--brand-primary); border-color:var(--brand-primary); }
.btn-primary:hover { background-color:#145652; border-color:#145652; }
.section-padding { padding-top:clamp(4rem,6vw,6rem); padding-bottom:clamp(4rem,6vw,6rem); }
.text-secondary { color:rgba(85,85,85,.68)!important; }
.card { border-radius:1rem; }
input.form-control,select.form-select,textarea.form-control {
  border-radius:.75rem; border-color:rgba(103,146,137,.35);
}
input.form-control:focus,select.form-select:focus,textarea.form-control:focus {
  border-color:var(--brand-secondary);
  box-shadow:0 0 0 .2rem rgba(103,146,137,.25);
}
html { scroll-behavior:smooth; }

.no-aos [data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

p {
  margin-bottom: 0.9rem;
  color:var(--brand-body-text);
  font-size: 0.97rem;
}
.lead {
  font-size: clamp(1.05rem, 0.7vw + 0.9rem, 1.2rem);
  letter-spacing: 0.004em;
  color:rgba(29,120,116,.75);
}
a {
  color: var(--brand-primary);
  text-decoration: none;
}
a:hover {
  color: var(--brand-accent);
  text-decoration: underline;
}

footer {
  background:#0A2E36;
  color:#CFE8E0;
}
footer h5,
footer h4,
footer .footer-title {
  color:#FFFFFF;
}
footer p,
footer .text-muted,
footer .text-secondary {
  color:#D9EAE4!important;
}
footer a {
  color:#94D2BD;
  text-decoration:none;
}
footer a:hover {
  color:#EE9B00;
}
footer .btn {
  background:#F47C3C;
  border:none;
  color:#FFFFFF;
}
footer .btn:hover {
  background:#EE9B00;
}
footer input[type="email"],
footer input[type="text"],
footer .form-control {
  background:#FFFFFF;
  color:#333333;
  border:1px solid rgba(148,210,189,.35);
}
footer input[type="email"]::placeholder,
footer input[type="text"]::placeholder {
  color:rgba(51,51,51,.55);
}
footer input[type="email"]:focus,
footer input[type="text"]:focus,
footer .form-control:focus {
  border-color:#94D2BD;
  box-shadow:0 0 0 .2rem rgba(148,210,189,.25);
}
footer .social-link {
  color:#94D2BD;
}
footer .social-link:hover {
  color:#EE9B00;
}

.transparency-donor-panel {
  background: var(--brand-surface);
  border-color: rgba(29, 120, 116, 0.16);
  box-shadow: 0 20px 45px rgba(14, 64, 63, 0.06);
}

.transparency-report-list {
  border-radius: 1.1rem;
  overflow: hidden;
  border: 1px solid rgba(29, 120, 116, 0.12);
  box-shadow: 0 8px 25px rgba(14, 64, 63, 0.04);
}

.transparency-report-item {
  border: none;
  border-bottom: 1px solid rgba(29, 120, 116, 0.08);
  background: #ffffff;
  padding: 1.2rem 1.3rem;
}

.transparency-report-item:last-child {
  border-bottom: none;
}

.transparency-donor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 0.85rem;
}

.transparency-donor-card {
  background: var(--brand-surface-soft);
  border: 1px solid rgba(29, 120, 116, 0.12);
  border-radius: 1rem;
  padding: 0.85rem;
  min-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.transparency-donor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(14, 64, 63, 0.18);
}

.transparency-donor-card img {
  max-height: 60px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: saturate(1.1);
}

@media (max-width: 991px) {
  .transparency-donor-panel {
    padding: 1.5rem;
  }

  .transparency-report-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.transparency-hero {
  position: relative;
  background: linear-gradient(135deg, rgba(29,120,116,0.92), rgba(58,89,89,0.92));
  overflow: hidden;
}

.transparency-hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255,255,255,0.15), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

.transparency-hero > .row {
  position: relative;
  z-index: 1;
}

.transparency-hero-metric {
  background: rgba(255,255,255,0.15);
  border-radius: 1rem;
  padding: 0.75rem 1rem;
}

.transparency-hero-metric small {
  color: rgba(255,255,255,0.8);
}

.static-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  box-shadow: 0 8px 25px rgba(14, 64, 63, 0.08);
}

.card-img-news {
  height: 200px;
  object-fit: cover;
}

.impact-item i {
    display: block;
    margin-bottom: 10px;
}

.impact-item .bar {
    width: 0;
    height: 16px;
    opacity: 0.9;
    transition: width 1s ease;
}

.impact-item .stat-value {
    font-size: 1.75rem;
    line-height: 1.2;
}

.home-text p {
    font-size: 1.05rem;
    line-height: 1.7;
    color: rgba(255,255,255,0.9); /* koyu fonda daha iyi görünür */
    margin-bottom: 1rem;
}

/* Hero slider yüksekliği kontrolü */
.hero-banner .carousel-inner {
    max-height: 420px;  /* slider yüksekliğini sınırla */
    overflow: hidden;
}

/* Slider içindeki img doğru kırpılsın */
.hero-banner .carousel-item img {
    width: 100%;
    height: 420px;        /* sabit yükseklik */
    object-fit: cover;    /* orantılı kırp */
    border-radius: 16px;
}

/* Sol metnin taşmasını engelle */
.hero-banner-copy {
    position: relative;
    z-index: 5;
}

/* Arka renk gradient opak görünümü */
.hero-banner {
    position: relative;
    overflow: hidden;
}

/* Siyah transparan katman */
.hero-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.15));
    z-index: 1;
}

/* Metnin üstte görünmesi için */
.hero-banner-copy {
    position: relative;
    z-index: 2;
}

/* HERO BANNER METİN RENGİ DÜZELTME */
.hero-banner-copy h1,
.hero-banner-copy p,
.hero-banner-copy span,
.hero-banner-copy .lead {
    color: #ffffff !important;
}