/* === Galata Abonelik Formu - Hizalama Düzeltmesi === */

.abonelik-form {
  background: #000;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}

.abonelik-input-wrap {
  display: inline-flex;           /* 🟢 inline-flex hizalama */
  align-items: center;            /* dikey hizalama */
  justify-content: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 600px;               /* form genişliği sınırlama */
}

.abonelik-input-wrap input {
  flex: 1;                        /* 🟢 otomatik genişlik */
  min-width: 0;                   /* overflow engeller */
  padding: 12px 15px;
  border: 1px solid #444;
  border-radius: 6px;
  font-size: 16px;
  background: #111;
  color: #fff;
}

.abonelik-input-wrap input::placeholder {
  color: #aaa;
}

.abonelik-input-wrap button {
  background: #a82317;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;            /* 🟢 metni satır kırmadan tutar */
}

.abonelik-input-wrap button:hover {
  background: #7e1711;
}

.abonelik-success {
  color: #4cd964;
  margin-top: 12px;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 600px) {
  .abonelik-input-wrap {
    flex-direction: column;
    max-width: 100%;
  }
  .abonelik-input-wrap input,
  .abonelik-input-wrap button {
    width: 100%;
  }
}

/* === Galata Abonelik Formu - Koyu Tema (Kesin Çalışan) === */
body .abonelik-form {
  background-color: #000 !important; /* siyah zemin */
  color: #fff !important;
  padding: 20px;
  border-radius: 8px;
}

body .abonelik-input-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 650px;
}

body .abonelik-input-wrap input[type="email"],
body .abonelik-input-wrap input[type="text"] {
  flex: 1;
  min-width: 0;
  padding: 12px 15px;
  border: 1px solid #333 !important;
  border-radius: 6px;
  font-size: 16px;
  background-color: #111 !important;  /* 🖤 arka plan artık koyu */
  color: #fff !important;              /* yazı beyaz */
}

body .abonelik-input-wrap input::placeholder {
  color: #aaa !important;
}

body .abonelik-input-wrap button {
  background: #a82317 !important;      /* kırmızı */
  color: #fff !important;              /* beyaz yazı */
  font-weight: 700;
  border: none;
  padding: 12px 26px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

body .abonelik-input-wrap button:hover {
  background: #7e1711 !important;
}

body .abonelik-success {
  color: #4cd964;
  margin-top: 12px;
  font-weight: 600;
}

/* Mobil görünüm */
@media (max-width: 600px) {
  body .abonelik-input-wrap {
    flex-direction: column;
  }
  body .abonelik-input-wrap input,
  body .abonelik-input-wrap button {
    width: 100%;
  }
}

/* === Galata Abonelik Formu - Buton Hizalama === */
body .abonelik-input-wrap {
  display: inline-flex;
  align-items: stretch; /* 🟢 yükseklikleri eşitler */
  justify-content: center;
  gap: 0;               /* aradaki boşluğu kaldırır */
  flex-wrap: nowrap;
  width: 100%;
  max-width: 650px;
  overflow: hidden;
  border-radius: 6px;   /* köşeleri tek parça yap */
}

body .abonelik-input-wrap input[type="email"],
body .abonelik-input-wrap input[type="text"] {
  flex: 1;
  min-width: 0;
  border: none !important;
  padding: 14px 18px;
  font-size: 16px;
  background-color: #111 !important;
  color: #fff !important;
  outline: none;
  border-radius: 6px 0 0 6px; /* sol köşe yuvarlatma */
}

body .abonelik-input-wrap button {
  background: #a82317 !important;
  color: #fff !important;
  font-weight: 700;
  border: none;
  padding: 0 26px;                 /* 🟢 dikey padding sıfırlandı */
  border-radius: 0 6px 6px 0;      /* sağ köşe yuvarlatma */
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;             /* metni ortalar */
  justify-content: center;
}

body .abonelik-input-wrap button:hover {
  background: #7e1711 !important;
}

body .abonelik-input-wrap input::placeholder {
  color: #aaa !important;
}

/* Mobil uyum */
@media (max-width: 600px) {
  body .abonelik-input-wrap {
    flex-direction: column;
    border-radius: 6px;
  }
  body .abonelik-input-wrap input,
  body .abonelik-input-wrap button {
    width: 100%;
    border-radius: 6px;
  }
}