/*Newsletter (CF7) – responsive*/
.hm-newsletter{
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  gap: 0;
}
/* CF7 adds p wrappers */
.hm-newsletter p{
  margin: 0 !important;
  padding: 0 !important;
	
}
/* CF7 wraps inputs in a span */
.hm-newsletter .wpcf7-form-control-wrap{
  flex: 1 1 auto;
  min-width: 0;
}

/* Input */
.hm-newsletter input[type="email"],
.hm-newsletter input[type="text"]{
  width: 100%;
  height: 40px;

  font-family: Raleway, sans-serif;
  font-size: 14px;

  background: #fff;
  border: 1px solid rgba(0,0,0,.14);
  border-right: 0;
  color: #111;

  padding: 0 16px;
  border-radius: 2px 0 0 2px;
  outline: none;

  min-width: 0;
}

.hm-newsletter input::placeholder{
  color: rgba(0,0,0,.45);
}

/* Newsletter button */
.hm-newsletter__btn{
  flex: 0 0 auto;
  height: 40px;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  background: #2190c2 !important;
  border: 0 !important;
  color: #fff !important;

  padding: 0 clamp(12px, 2.2vw, 18px);
  border-radius: 0 2px 2px 0;

  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

/* Keep text/icon visible on hover/press/focus */
.hm-newsletter__btn:hover,
.hm-newsletter__btn:active,
.hm-newsletter__btn:focus,
.hm-newsletter__btn:focus-visible{
  color: #171717 !important;
}

/* Icon */
.hm-newsletter__btn svg,
.hm-newsletter__btn:hover svg,
.hm-newsletter__btn:active svg,
.hm-newsletter__btn:focus svg,
.hm-newsletter__btn:focus-visible svg{
  width: 16px;
  height: 16px;
  display: block;
  fill: currentColor !important;
}



/* seam fix ONLY when attached */
.hm-newsletter__btn{ margin-left: -1px; }

/* Tablet: shrink text slightly */
@media (max-width: 768px){
  .hm-newsletter input[type="email"],
  .hm-newsletter input[type="text"]{
    font-size: 13px;
    padding: 0 12px;
  }

  .hm-newsletter__btn{
    gap: 8px;
  }
	
	.hm-newsletter{
		justify-content: center !important;
	}
}

/* Small screens: stack so it never overflows */
@media (max-width: 520px){
  .hm-newsletter{
    flex-direction: column;
    gap: 10px;
  }

  .hm-newsletter input[type="email"],
  .hm-newsletter input[type="text"]{
    border-right: 1px solid rgba(0,0,0,.14);
    border-radius: 2px;
  }

  .hm-newsletter__btn{
    width: 100%;
    justify-content: center;
    border-radius: 2px;
    margin-left: 0;
  }
}