/* ==========================================================================
   Ali v12.16 - No-Delete Contact Fixes
   Focus: premium contact CTA buttons + real contact form states.
   Additive only.
   ========================================================================== */

body.b4883-v1216-contact-fixes .v906-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:stretch;
  margin-top:18px;
}

body.b4883-v1216-contact-fixes .v906-contact-actions > a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  min-width:min(100%,220px);
  padding:16px 22px;
  border-radius:24px;
  text-decoration:none !important;
  box-shadow:0 14px 32px rgba(15,23,42,.14);
  border:1px solid rgba(255,255,255,.16);
}

body.b4883-v1216-contact-fixes .v906-contact-actions > a.wa{
  background:linear-gradient(135deg,#15b96f 0%,#21c171 100%);
  color:#fff !important;
}

body.b4883-v1216-contact-fixes .v906-contact-actions > a.phone{
  background:linear-gradient(135deg,#173f82 0%,#204f96 100%);
  color:#fff !important;
}

body.b4883-v1216-contact-fixes .b4883-v1216-action-label{
  font-size:13px;
  font-weight:800;
  opacity:.92;
}

body.b4883-v1216-contact-fixes .b4883-v1216-action-value{
  display:block;
  font-size:20px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.2px;
}

body.b4883-v1216-contact-fixes .b4883-v1216-action-value .v8-phone-number,
body.b4883-v1216-contact-fixes .v906-contact-actions .v8-phone-number{
  display:inline-block;
  color:#fff !important;
  font-size:inherit !important;
  font-weight:900 !important;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .form-success,
body.b4883-v1216-contact-fixes .contact-form-box-clean .form-error{
  display:none;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .form-success.is-visible,
body.b4883-v1216-contact-fixes .contact-form-box-clean .form-error.is-visible{
  display:flex;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .form-success[hidden],
body.b4883-v1216-contact-fixes .contact-form-box-clean .form-error[hidden]{
  display:none !important;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .form-success p,
body.b4883-v1216-contact-fixes .contact-form-box-clean .form-error p{
  margin:0;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .fs-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(32,179,113,.15);
  flex:0 0 36px;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean.is-submitting{
  position:relative;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean.is-submitting::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.48);
  border-radius:28px;
  pointer-events:none;
}

body.b4883-v1216-contact-fixes .contact-submit-btn.is-loading{
  opacity:.88;
  cursor:wait;
  transform:none !important;
}

body.b4883-v1216-contact-fixes .b4883-v1216-form-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

body.b4883-v1216-contact-fixes .b4883-v1216-form-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:#f6f9fc;
  border:1px solid rgba(27,64,123,.10);
  color:#46607f;
  font-size:13px;
  font-weight:700;
}

body.b4883-v1216-contact-fixes .b4883-v1216-form-meta span::before{
  content:"•";
  color:#c8922a;
  font-size:18px;
  line-height:1;
}

body.b4883-v1216-contact-fixes .contact-form-box-clean .form-control[aria-invalid="true"]{
  border-color:#cb4b45 !important;
  box-shadow:0 0 0 4px rgba(203,75,69,.10) !important;
}

@media (max-width: 768px){
  body.b4883-v1216-contact-fixes .v906-contact-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  body.b4883-v1216-contact-fixes .v906-contact-actions > a{
    min-width:0;
    width:100%;
    border-radius:22px;
  }
  body.b4883-v1216-contact-fixes .b4883-v1216-action-value{
    font-size:18px;
  }
  body.b4883-v1216-contact-fixes .b4883-v1216-form-meta{
    flex-direction:column;
  }
}