/* ARABISK V19.35 — Services request form success experience + V19.34 micro-polish */
.arabisk-service-honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#request form button[type="submit"],
#request form input[type="submit"],
.service-request-form button[type="submit"],
.service-request-form input[type="submit"] {
  margin-top: 14px;
}

.arabisk-service-submit-status {
  margin-top: 12px;
  font-size: .82rem;
  line-height: 1.45;
  letter-spacing: .01em;
}
.arabisk-service-submit-status.is-success { font-weight: 650; }
.arabisk-service-submit-status.is-error { font-weight: 600; }

/* Persistent branded success state. */
.arabisk-service-success {
  position: relative;
  width: min(100%, 560px);
  margin: 24px 0 2px;
  padding: 25px 26px 24px;
  border: 1px solid rgba(30, 28, 23, .14);
  background: rgba(255, 252, 244, .44);
  overflow: hidden;
  opacity: 0;
}

.arabisk-service-success-mark {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 14px;
  color: #c69b45;
}
.arabisk-service-success-mark svg {
  position: relative;
  width: 44px;
  height: 44px;
  overflow: visible;
  z-index: 1;
}
.arabisk-service-success-frame,
.arabisk-service-success-check {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.arabisk-service-success-frame {
  stroke-width: 1.35;
  opacity: .78;
  stroke-dasharray: 154;
  stroke-dashoffset: 154;
}
.arabisk-service-success-check {
  stroke-width: 2;
  stroke-dasharray: 36;
  stroke-dashoffset: 36;
}
.arabisk-service-success-pulse {
  position: absolute;
  inset: 3px;
  border: 1px solid rgba(198, 155, 69, .42);
  border-radius: 50%;
  opacity: 0;
  transform: scale(.62);
  pointer-events: none;
}
.arabisk-service-success-kicker {
  margin: 0 0 6px;
  color: #9d772e;
  font-size: .69rem;
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: .15em;
  text-transform: uppercase;
  opacity: 0;
}
.arabisk-service-success-title {
  margin: 0;
  color: #171713;
  font-size: clamp(1.28rem, 2vw, 1.7rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  opacity: 0;
  transform: translateY(10px);
}
.arabisk-service-success-copy {
  max-width: 46ch;
  margin: 9px 0 0;
  color: rgba(23, 23, 19, .68);
  font-size: .91rem;
  line-height: 1.55;
  opacity: 0;
  transform: translateY(10px);
}

.arabisk-service-success.is-visible {
  animation: arabisk-service-success-shell .18s ease-out forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-frame {
  animation: arabisk-service-frame-draw .38s cubic-bezier(.22,.72,.23,1) .04s forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-check {
  animation: arabisk-service-check-draw .31s cubic-bezier(.22,.72,.23,1) .19s forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-pulse {
  animation: arabisk-service-pulse .50s ease-out .16s forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-kicker {
  animation: arabisk-service-fade .20s ease-out .30s forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-title {
  animation: arabisk-service-rise .28s cubic-bezier(.22,.72,.23,1) .39s forwards;
}
.arabisk-service-success.is-visible .arabisk-service-success-copy {
  animation: arabisk-service-rise .28s cubic-bezier(.22,.72,.23,1) .51s forwards;
}

@keyframes arabisk-service-success-shell { to { opacity: 1; } }
@keyframes arabisk-service-frame-draw { to { stroke-dashoffset: 0; } }
@keyframes arabisk-service-check-draw { to { stroke-dashoffset: 0; } }
@keyframes arabisk-service-pulse {
  0% { opacity: 0; transform: scale(.62); }
  22% { opacity: .36; }
  100% { opacity: 0; transform: scale(1.36); }
}
@keyframes arabisk-service-fade { to { opacity: 1; } }
@keyframes arabisk-service-rise { to { opacity: 1; transform: translateY(0); } }

.arabisk-service-form-submitted .arabisk-service-success {
  min-height: 0;
}

@media (max-width: 700px) {
  #request form button[type="submit"],
  #request form input[type="submit"],
  .service-request-form button[type="submit"],
  .service-request-form input[type="submit"] { margin-top: 12px; }

  .arabisk-service-success {
    width: 100%;
    margin-top: 20px;
    padding: 22px 20px 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arabisk-service-success,
  .arabisk-service-success-mark *,
  .arabisk-service-success-kicker,
  .arabisk-service-success-title,
  .arabisk-service-success-copy {
    animation: none !important;
    transition: none !important;
  }
  .arabisk-service-success.is-visible,
  .arabisk-service-success.is-visible .arabisk-service-success-kicker,
  .arabisk-service-success.is-visible .arabisk-service-success-title,
  .arabisk-service-success.is-visible .arabisk-service-success-copy { opacity: 1; transform: none; }
  .arabisk-service-success.is-visible .arabisk-service-success-frame,
  .arabisk-service-success.is-visible .arabisk-service-success-check { stroke-dashoffset: 0; }
  .arabisk-service-success-pulse { display: none; }
}