.eposta-bolum {
  --ep-radius: 1.25rem;
  --ep-golge: 0 .75rem 2.25rem rgba(var(--bs-body-color-rgb), .08),
              0 .125rem .5rem rgba(var(--bs-body-color-rgb), .05);
}
.eposta-kart {
  background: var(--bs-body-bg);
  /*border: 1px solid var(--bs-border-color-translucent);*/
  border-radius: var(--ep-radius);
  box-shadow: var(--ep-golge);
  overflow: hidden;
}

/* ---- Sol panel (#SolResim) ---- */
.eposta-sol {
  position: relative; isolation: isolate;
  display: flex; flex-direction: column; justify-content: center; gap: 1.25rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  color: #fff;
  background: var(--background-zemin1);
  /*  linear-gradient(155deg, rgba(var(--renk-bir-rgb), .92), rgba(var(--renk-bir-rgb), .62) 55%, #0b1f4d 130%); */
}
/* Mevcut görsel varsa (mail_send.jpg) hafifçe arkada görünür */
.eposta-sol::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  opacity: .18; mix-blend-mode: luminosity;
}
.eposta-sol::after {                    /* dekoratif halkalar */
  content: ""; position: absolute; z-index: -1;
  width: 18rem; height: 18rem; right: -7rem; bottom: -7rem;
  border-radius: 50%;
  border: 2.2rem solid rgba(255, 255, 255, .08);
  box-shadow: 0 0 0 2.2rem rgba(255, 255, 255, .05);
}
.eposta-zarf {
  display: grid; place-items: center;
  width: 3.5rem; height: 3.5rem; border-radius: 1.1rem;
  font-size: 1.6rem;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .28);
  backdrop-filter: blur(4px);
}
.eposta-sol-baslik {
  margin: 0; font-weight: 800; line-height: 1.2; letter-spacing: -.01em;
  font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.85rem);
  text-wrap: balance;
}
.eposta-sol-metin { margin: 0; color: rgba(255, 255, 255, .85); }
.eposta-maddeler { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.eposta-maddeler li { display: flex; align-items: flex-start; gap: .7rem; font-size: .93rem; color: rgba(255, 255, 255, .92); }
.eposta-maddeler i {
  flex: none; display: grid; place-items: center;
  width: 1.75rem; height: 1.75rem; border-radius: .55rem; font-size: .95rem;
  background: rgba(255, 255, 255, .16);
}

/* ---- Form tarafı ---- */
.eposta-form-alan { padding: clamp(1.5rem, 4vw, 2.5rem); }
.eposta-etiketi {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .35rem .8rem; border-radius: 50rem;
  font-size: .8rem; font-weight: 600;
  color: var(--bs-primary-text-emphasis);
  background: var(--bs-primary-bg-subtle);
  border: 1px solid var(--bs-primary-border-subtle);
}
.eposta-form-alan h2 {
  margin: .9rem 0 0; font-size: 1.5rem; font-weight: 800; letter-spacing: -.01em;
  color: var(--renk-bir);
}
#BaslikCizgisi { margin: 1rem 0 1.5rem; border-color: var(--bs-border-color); opacity: .6; }

.eposta-bolum .form-floating > .form-control,
.eposta-bolum .form-floating > .form-control:focus { border-radius: .85rem; }
.eposta-bolum .form-floating > label { color: var(--bs-secondary-color); }
.eposta-bolum .form-control {
  background-color: var(--bs-tertiary-bg);
  /*border-color: var(--bs-border-color-translucent);*/
}
.eposta-bolum .form-control:focus {
  background-color: var(--bs-body-bg);
  border-color: rgba(var(--bs-primary-rgb), .6);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .15);
}
.eposta-bolum textarea.form-control { min-height: 9.5rem; resize: vertical; }
.eposta-alan-ikon {
  position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);
  color: var(--bs-secondary-color); pointer-events: none; font-size: 1.05rem;
}
.eposta-bolum .form-floating .form-control { padding-right: 2.75rem; }
.eposta-bolum textarea ~ .eposta-alan-ikon { top: 1.4rem; transform: none; }
/* Bootstrap'in kendi hata ikonu çıkınca bizim ikon gizlenir */
.eposta-bolum .form-control.is-invalid ~ .eposta-alan-ikon { display: none; }
.eposta-sayac { font-size: .78rem; color: var(--bs-secondary-color); text-align: right; margin-top: .35rem; font-variant-numeric: tabular-nums; }

.eposta-gonder {
  display: inline-flex; align-items: center; justify-content: center; /*gap: .55rem;
  padding: .8rem 1.6rem; border-radius: .9rem; font-weight: 600;*/
  box-shadow: 0 .5rem 1.25rem rgba(var(--bs-success-rgb), .28);
  transition: transform .15s ease, box-shadow .15s ease;
}
.eposta-gonder:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 .65rem 1.5rem rgba(var(--bs-success-rgb), .36); }
.eposta-gonder:disabled { box-shadow: none; }
.eposta-gizlilik { font-size: .8rem; color: var(--bs-secondary-color); display: flex; gap: .5rem; align-items: flex-start; }
#progress1 { border-radius: 50rem; }
#Mesaj:empty { display: none; }

/* Gönderim sonrası form gizlenir, sunucu mesajı (#Mesaj) kalır */
.eposta-kart.eposta-gonderildi #EmailFormu,
.eposta-kart.eposta-gonderildi .eposta-ek { display: none; }

@media (prefers-reduced-motion: reduce) {
  .eposta-gonder { transition: none; }
  .eposta-gonder:hover:not(:disabled) { transform: none; }
}
@media (max-width: 767.98px) {
  .eposta-sol { gap: 1rem; }
  .eposta-maddeler { display: none; }     /* mobilde sol panel kısa başlık olarak kalır */
}