/* BYZE DRESS — UI polish fixes
   Loaded last so theme choices cannot break critical UX elements. */

/* WhatsApp floating action button must always keep official green and only one icon. */
.wa-float{
  background:#25D366!important;
  border-color:#25D366!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(37,211,102,.32)!important;
}
.wa-float:hover{background:#20bd5a!important;border-color:#20bd5a!important}
.wa-float .ui-icon{display:none!important}
.wa-float>svg{display:block!important;width:30px!important;height:30px!important;max-width:none!important;fill:#fff!important;color:#fff!important}

/* CTA buttons sit on a dark panel; white buttons need dark text to stay readable. */
.cta .btn:not(.blue):not(.dark){
  background:#fff!important;
  color:var(--dark,#140f14)!important;
  border-color:rgba(255,255,255,.82)!important;
}
.cta .btn:not(.blue):not(.dark) .ui-icon{color:var(--dark,#140f14)!important}
.cta .btn.blue{color:var(--on-primary,#fff)!important}

/* Keep injected icons aligned and prevent them from hiding text. */
.btn .ui-icon{margin-right:.38em!important;flex:0 0 1.05em!important}
.btn{white-space:normal;text-align:center}

@media(max-width:620px){
  .wa-float{width:64px!important;height:64px!important;border-radius:50%!important;display:grid!important;place-items:center!important}
  .wa-float>svg{width:31px!important;height:31px!important}
  .cta .btn{min-height:56px!important}
}