/* ── Services list — [services_list] · WP Admin → Services ── */

.eos-services {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--brown);
  /* the shortcode can be dropped into a Code module, whose host sets
     white-space: pre and would stop the rows wrapping */
  white-space: normal;
}

.eos-services__list {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.eos-services__item {
  display: flex;
  align-items: flex-start;
  gap: 5rem;
}
.eos-services__item:not(:last-child) {
  padding-bottom: 1.75rem;
  border-bottom: 1px solid var(--brown);
}

/* percentage basis: columns stay aligned across rows and shrink
   with the container instead of overflowing */
.eos-services__title { flex: 0 0 36%; min-width: 0; }
.eos-services__desc  { flex: 1; min-width: 0; }

.eos-services a { text-decoration: underline; color: inherit; }

/* fade-in cascade — js/services.js adds --anim, then .is-in per item */
.eos-services--anim .eos-services__item { opacity: 0; transition: opacity 0.7s ease; }
.eos-services--anim .eos-services__item.is-in { opacity: 1; }

@media (max-width: 980px) {
  .eos-services__list { gap: 1.5rem; }
  .eos-services__item {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
  }
  .eos-services__item:not(:last-child) { padding-bottom: 1.5rem; }
  .eos-services__title { flex: none; }
}