/* Sousa Murray brand polish — loaded after the defensive shell styles. */

/* Wordmark: blue in both header and footer. */
.site-header .plain-wordmark,
.footer .plain-wordmark,
.footer-grid a.plain-wordmark {
  color: #0b72dc !important;
}

:root.dark .site-header .plain-wordmark,
:root.dark .footer .plain-wordmark,
:root.dark .footer-grid a.plain-wordmark {
  color: #60a5fa !important;
}

/* Bring the header wordmark slightly in from the left edge. */
.site-header .plain-wordmark {
  margin-left: 14px !important;
}

/* The footer wordmark stays aligned with the footer content but uses the same blue. */
.footer .footer-wordmark {
  color: #0b72dc !important;
}

:root.dark .footer .footer-wordmark {
  color: #60a5fa !important;
}

/* Stronger marketing presentation on the detailed service pages. */
.service-marketing-line {
  margin-top: 12px !important;
  max-width: 760px;
  color: var(--foreground) !important;
  font-weight: 600;
}

.service-detail-hero .button.primary,
.service-card-actions a:first-child,
.text-link {
  transition: transform 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.service-detail-hero .button.primary:hover,
.service-card-actions a:first-child:hover,
.text-link:hover {
  transform: translateY(-1px);
}

.service-card {
  position: relative;
  overflow: hidden;
}

.service-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, #2563eb, #60a5fa);
  opacity: .75;
}

.service-card:hover {
  border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
  box-shadow: 0 16px 38px -18px rgba(37, 99, 235, .34);
}

/* Keep the wordmark placement tidy across phone sizes. */
@media (max-width: 700px) {
  .site-header .plain-wordmark {
    margin-left: 4px !important;
  }
}

@media (max-width: 359px) {
  .site-header .plain-wordmark {
    margin-left: 0 !important;
  }
}