/* WordPress-only additions. Kept outside static/, which is replaced on every prototype sync. */

/* Crawlable portfolio index (template-parts/work.php) and the intake honeypot. */
.visually-hidden,.lead-hp{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Intake delivery consent. */
.lead-consent{display:flex;gap:10px;align-items:flex-start}
.lead-consent input{margin:3px 0 0;flex:none;accent-color:var(--carmine)}

/* Lead stored: the WhatsApp step (js/intake-delivery.js). It has no sticky action bar, so it pads its own end. */
#intake-sent{padding-bottom:30px}
.whatsapp-icon{width:24px;height:24px;flex:none;fill:currentColor}
.whatsapp-button{width:100%;min-height:64px;margin-top:30px;font-size:16px;font-weight:500;gap:14px}
.sent-hint{font-size:13px;line-height:1.6;color:#5f574c;margin-top:16px}
.sent-hint strong{font-weight:600;color:var(--ink)}
.sent-hint+.sent-hint{margin-top:6px}

/* WhatsApp opened: confirmation modal, same visual system as the intake. */
#whatsapp-confirm{width:min(470px,calc(100% - 32px))}
.confirm-body{padding:30px 35px 32px}
.confirm-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#128c7e1a;color:#0f7a6e}
.confirm-icon .whatsapp-icon{width:26px;height:26px}
#whatsapp-confirm h2{font-size:40px;margin-top:22px;text-wrap:balance}
#confirm-text{margin:14px 0 0;font-size:14px;color:#5f574c}
.confirm-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:30px}
.whatsapp-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:13px;border-bottom:1px solid #b8b0a4}
.whatsapp-link .whatsapp-icon{width:18px;height:18px;color:#0f7a6e}
.whatsapp-link:hover{color:var(--carmine)}
@media (prefers-reduced-motion:no-preference){
  #whatsapp-confirm[open]{animation:codyware-confirm-in 260ms var(--motion-ease) both}
  #whatsapp-confirm[open]::backdrop{animation:codyware-fade-in 200ms ease both}
}
@keyframes codyware-confirm-in{from{opacity:.3;transform:translateY(14px)}}
@keyframes codyware-fade-in{from{opacity:0}}
@media (max-width:700px){
  .whatsapp-button{font-size:15px;margin-top:26px}
  .confirm-body{padding:24px 22px 26px}
  #whatsapp-confirm h2{font-size:34px}
  .confirm-actions{flex-direction:column-reverse;align-items:stretch}
  .confirm-actions .whatsapp-link{justify-content:center;border-bottom:0}
}