/**
 * Shared landing footer — loaded after tailwind.css so colors apply without rebuilding Tailwind.
 * Edit this file to change footer look; keep in sync with partials/site-footer.html markup.
 */
.drivlex-site-footer {
  --drivlex-footer-surface: #eef1f3;
  position: relative;
  z-index: 10;
  border-top: 1px solid color-mix(in srgb, rgb(148 163 184) 90%, transparent);
  background-color: var(--drivlex-footer-surface);
  color: var(--color-dark, #0f2f3a);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
@media (min-width: 640px) {
  .drivlex-site-footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.drivlex-site-footer__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  text-align: center;
}
@media (min-width: 640px) {
  .drivlex-site-footer__inner {
    gap: 0.5rem;
  }
}
.drivlex-site-footer__links {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-dark, #0f2f3a);
}
@media (min-width: 640px) {
  .drivlex-site-footer__links {
    font-size: 0.875rem;
  }
}
.drivlex-site-footer__links a {
  display: inline-flex;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.drivlex-site-footer__links a:hover {
  color: var(--color-ocean, #2a7a91);
}
.drivlex-site-footer__links a:focus-visible {
  outline: 2px solid transparent;
  box-shadow:
    0 0 0 2px var(--drivlex-footer-surface, #eef1f3),
    0 0 0 4px color-mix(in srgb, var(--color-ocean, #2a7a91) 40%, transparent);
}
.drivlex-site-footer__sep {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  color: var(--color-body-color, #637381);
}
.drivlex-site-footer__copy {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.375;
  color: var(--color-body-color, #637381);
}
@media (min-width: 640px) {
  .drivlex-site-footer__copy {
    font-size: 0.75rem;
  }
}