/* =========================
   NEWSLETTER – PREMIUM UI
========================= */

.newsletter{
  background:#0f172a;
  padding:50px 15px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}

.newsletter-inner{
  max-width:1100px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:25px;
  justify-content:center;
}

/* ICON */
.newsletter-icon{
  font-size:42px;
  line-height:1;
}

/* TEXT */
.newsletter-content{
  flex:1;
  max-width:650px;
}

.newsletter-content h3{
  font-size:26px;
  margin:0 0 6px;
  font-weight:600;
}

.newsletter-content p{
  margin:0 0 18px;
  font-size:15px;
  color:#cbd5e1;
}

/* FORM */
.newsletter-content form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.newsletter-content input{
  flex:1;
  min-width:220px;
  padding:14px 15px;
  border-radius:6px;
  border:none;
  font-size:14px;
  outline:none;
}

.newsletter-content button{
  padding:14px 26px;
  background:#facc15;
  color:#000;
  border:none;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:.2s;
}

.newsletter-content button:hover{
  background:#fde047;
}


/* REMOVE GAP BELOW NEWSLETTER */
.newsletter{
  margin-bottom: 0 !important;
  padding-bottom: 50px;
}

/* SAFETY: NEXT ELEMENT SHOULD NOT ADD SPACE */
.newsletter + footer,
.newsletter + .site-footer{
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================
   MOBILE
========================= */
@media(max-width:768px){
  .newsletter-inner{
    flex-direction:column;
    text-align:center;
  }

  .newsletter-content form{
    justify-content:center;
  }

  .newsletter-content input{
    width:100%;
  }
}





.newsletter-msg{
  margin-top:12px;
  font-size:14px;
  font-weight:500;
  color:#facc15;
}