/* =========================================================
   IT-AUTOMATED GLOBAL SITE STYLES
   Source controlled in GitHub and deployed to staging first.
   ========================================================= */

:root {
  --ita-bg: #0b172a;
  --ita-panel: #0f1f38;
  --ita-text: #f8fafc;
  --ita-muted: #cbd5e1;
  --ita-subtle: #94a3b8;
  --ita-accent: #38bdf8;
  --ita-primary: #2563eb;
}

/* =========================================================
   CAPABILITY CARD HOVER
   ========================================================= */

.ita-capability-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 12px;
  transform: translateY(0);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease,
    background-color 0.28s ease;
}

.ita-capability-card:hover,
.ita-capability-card:focus-within {
  transform: translateY(-6px);
  border-color: var(--ita-accent) !important;
  background-color: rgba(15, 35, 61, 0.98) !important;
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.28),
    inset 0 0 0 1px rgba(56, 189, 248, 0.45) !important;
}

.ita-capability-card img {
  transition:
    transform 0.35s ease,
    filter 0.3s ease;
}

.ita-capability-card:hover img,
.ita-capability-card:focus-within img {
  transform: scale(1.02);
  filter: brightness(1.05);
}

.ita-capability-card h3,
.ita-capability-card a {
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.ita-capability-card:hover h3,
.ita-capability-card:focus-within h3 {
  color: #ffffff !important;
  transform: translateX(3px);
}

.ita-capability-card:hover a,
.ita-capability-card:focus-within a {
  color: var(--ita-accent) !important;
  transform: translateX(3px);
}

/* =========================================================
   BOTTOM CALL TO ACTION
   ========================================================= */

.uagb-block-dbdd95c2 .uagb-heading-text {
  color: #ffffff !important;
}

.uagb-block-dbdd95c2 .uagb-desc-text {
  color: var(--ita-muted) !important;
}

.ita-bottom-cta {
  text-align: center !important;
}

.ita-bottom-cta .ita-cta-trust {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 20px auto 0 !important;
  padding: 0 !important;
  color: var(--ita-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  align-self: center !important;
}

.ita-bottom-cta .wp-block-uagb-advanced-heading,
.ita-bottom-cta .wp-block-buttons,
.ita-bottom-cta .wp-block-button,
.ita-bottom-cta > .wp-block-paragraph {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ita-capability-card,
  .ita-capability-card img,
  .ita-capability-card h3,
  .ita-capability-card a {
    transition: none;
  }

  .ita-capability-card:hover,
  .ita-capability-card:focus-within,
  .ita-capability-card:hover img,
  .ita-capability-card:focus-within img,
  .ita-capability-card:hover h3,
  .ita-capability-card:focus-within h3,
  .ita-capability-card:hover a,
  .ita-capability-card:focus-within a {
    transform: none;
  }
}