/* ============================================================
   Footer subscribe form
   ============================================================ */

.footer-subscribe-row {
  display:     flex;
  align-items: center;
  gap:         0.5em;
  flex-wrap:   wrap;
}

.footer-subscribe-row input[type="email"] {
  background-color: var(--bg-color, #fff);
  border:           1px solid var(--border-medium, #ccc);
  border-radius:    3px;
  color:            var(--text-color);
  font-size:        0.8rem;
  height:           28px;
  padding:          0 0.6em;
  width:            160px;
  outline:          none;
  transition:       border-color 0.15s;
  font-family:      inherit;
}

.footer-subscribe-row input[type="email"]:focus {
  border-color: var(--link-color);
}

.footer-subscribe-row input[type="email"]::placeholder {
  color: #aaa;
}

.footer-subscribe-row button {
  background-color: transparent;
  border:           1px solid var(--border-medium, #ccc);
  border-radius:    3px;
  color:            var(--meta-color);
  cursor:           pointer;
  font-size:        0.8rem;
  font-family:      inherit;
  height:           28px;
  padding:          0 0.75em;
  white-space:      nowrap;
  transition:       color 0.15s, border-color 0.15s;
}

.footer-subscribe-row button:hover {
  color:        var(--link-color);
  border-color: var(--link-color);
}

.footer-subscribe-success,
.footer-subscribe-error {
  color:     var(--meta-color);
  font-size: 0.8rem;
  margin:    0;
}