/* Reusable newsletter section — paired with template-parts/sections/newsletter.php
   and the [sm_newsletter] shortcode. Loaded site-wide. */
.sm-newsletter{background:#f8f8f8;padding:64px max(24px, calc((100% - 1200px) / 2));font-family:'Inter',sans-serif}
.sm-newsletter-inner{max-width:820px;margin:0 auto;text-align:center}
.sm-newsletter h2{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;letter-spacing:-0.5px;font-size:32px;line-height:38px;color:#1a1a1a;margin:0 0 12px}
.sm-newsletter h2 em{font-style:normal;color:#00aeef}
.sm-newsletter p{font-family:'Inter',sans-serif;font-size:15px;line-height:24px;color:#555;margin:0 auto 28px;max-width:520px}
.sm-newsletter form{display:flex;gap:10px;max-width:480px;margin:0 auto}
.sm-newsletter input,
.sm-newsletter button{height:52px;line-height:52px;box-sizing:border-box;border-radius:100px;border:0;font-family:'Inter',sans-serif;font-size:14.5px;-webkit-appearance:none;appearance:none;margin:0}
.sm-newsletter input{flex:1;padding:0 20px;color:#1a1a1a;background:rgba(0,174,239,.1);outline:none;transition:background .15s,box-shadow .15s}
.sm-newsletter input::placeholder{color:#7a8a95}
.sm-newsletter input:focus{background:rgba(0,174,239,.15);box-shadow:0 0 0 2px rgba(0,174,239,.3)}
.sm-newsletter button{padding:0 28px;background:#00aeef;color:#fff;font-weight:600;cursor:pointer;transition:background .15s}
.sm-newsletter button:hover{background:#0090ca}
@media (max-width:768px){
  .sm-newsletter{padding:48px 20px}
  .sm-newsletter h2{font-size:24px;line-height:30px}
  .sm-newsletter form{flex-direction:column;gap:12px;max-width:360px}
}