/* Shared form (used inside the popup, the sidebar shortcode, and the inline shortcode) */
.sa-ec-form{position:relative;}
.sa-ec-hp{position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none;}
.sa-ec-fields{display:flex; gap:8px; flex-wrap:wrap;}
.sa-ec-fields input[type="email"], .sa-ec-fields input[type="text"]{
  flex:1; min-width:120px; padding:12px 14px; border:1px solid #dcdcde; border-radius:6px;
  font-size:14.5px; font-family:inherit;
}
.sa-ec-fields input[type="email"]:focus, .sa-ec-fields input[type="text"]:focus{outline:none; border-color:var(--red, #D3212C);}
.sa-ec-fields button{
  flex:none; padding:12px 22px; border:none; border-radius:6px; background:var(--red, #D3212C); color:#fff;
  font-size:14px; font-weight:600; cursor:pointer; transition:opacity 0.15s ease;
}
.sa-ec-fields button:hover{opacity:0.9;}
.sa-ec-fields button:disabled{opacity:0.6; cursor:default;}
.sa-ec-message{margin:10px 0 0; font-size:13.5px;}
.sa-ec-message.is-success{color:#1C7C54;}
.sa-ec-message.is-error{color:var(--red, #D3212C);}
.sa-ec-form.is-submitted .sa-ec-fields{display:none;}

/* Sidebar placement — compact, stacked */
.sa-ec-sidebar .sa-ec-fields{flex-direction:column;}
.sa-ec-sidebar .sa-ec-fields input[type="email"], .sa-ec-sidebar .sa-ec-fields input[type="text"], .sa-ec-sidebar .sa-ec-fields button{width:100%;}

/* Inline-in-post placement — a bordered band, horizontal on desktop, stacks on mobile */
.sa-ec-inline{
  border:1px solid #e7e7e7; border-radius:10px; padding:22px 24px; margin:28px 0; background:#FAFAFA;
}
.sa-ec-inline-title{margin:0 0 14px; font-size:16px; font-weight:700; color:#1A1A1A;}
@media (max-width:480px){
  .sa-ec-inline{padding:18px;}
  .sa-ec-fields{flex-direction:column;}
  .sa-ec-fields input[type="email"], .sa-ec-fields input[type="text"], .sa-ec-fields button{width:100%;}
}

/* Popup */
.sa-ec-popup-overlay{
  position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
  background:rgba(21,47,68,0.6); padding:20px;
}
.sa-ec-popup-overlay[hidden]{display:none;}
body.sa-ec-popup-open{overflow:hidden;}
.sa-ec-popup-box{
  position:relative; width:100%; max-width:420px; background:#fff; border-radius:14px;
  padding:36px 32px 32px; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,0.25);
}
.sa-ec-popup-close{
  position:absolute; top:14px; right:14px; width:30px; height:30px; border:none; background:none;
  font-size:22px; line-height:1; color:#999; cursor:pointer;
}
.sa-ec-popup-close:hover{color:#1A1A1A;}
.sa-ec-popup-subtitle{margin:0 0 6px; font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--red, #D3212C);}
.sa-ec-popup-title{margin:0 0 12px; font-size:22px; line-height:1.3; color:#1A1A1A;}
.sa-ec-popup-desc{margin:0 0 20px; font-size:14.5px; line-height:1.6; color:#666;}
.sa-ec-popup-box .sa-ec-fields{flex-direction:column;}
.sa-ec-popup-box .sa-ec-fields input[type="email"], .sa-ec-popup-box .sa-ec-fields input[type="text"], .sa-ec-popup-box .sa-ec-fields button{width:100%;}

@media (max-width:480px){
  .sa-ec-popup-box{padding:28px 22px 24px;}
  .sa-ec-popup-title{font-size:19px;}
}
